/* Designed by Genealogy Web Templates
   https://genealogywebtemplates.com 
  
Main Colors used in this template
#5d4931-dark color
#7b6241-medium color
#8d714a-light color
#a88558-lighter color
#f3efe9-lightest color
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans|Raleway|Philosopher|Gabriela);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

html { height: 100%; }
header, figure, figcaption, footer, nav, article, section, aside, summary { display: block; }
body { background: #FFF; font-family: 'Open Sans', Verdana, Helvetica, sans-serif; /*font-size: 100%;*/ color: #000000; text-align: left; margin: 0 auto; padding: 0; }
.adminbody { background: url('../img/back.png'); }
/* ======================================================GENERAL STYLES====================================================== */
/* link: normal links, active: links in use */
a:link, a:active, div.icons a { color: #7B6241; }
/* visited: previously visited links */
a { color: #5D4931; font-weight: normal; text-decoration: none; outline: none; }
a:hover { color: #A88558; text-decoration: none; font-weight: normal; outline: none; }
a:visited { color: #5D4931; font-weight: normal; }
/* Horizontal Rules and Clear Floats */
hr { background-color: #8D714A; border: none; color: #8D714A; height: 1px; clear: both; }
hr.fancy { background: transparent url('../img/hr.png') center center no-repeat; color: #EEE; border: none; height: 40px; }
hr.noshow { background-color: transparent; border: none; color: #FFF; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .breadcrumbs:before, .breadcrumbs:after, .group:before, .group:after,
.container:before, .container:after { display: table; content: ""; }
.clearfix:after, .container:after { clear: both; }
.white * { color: #FFFFFF; }
.clear { clear: both; }
/*  Lists = */
ul { margin: 10px 0 20px 0; padding: 0 0 0 15px; }
ul li a { color: #8D714A; font-weight: normal; padding: 0; }
ul li a:hover { color: #5D4931 !important; font-weight: normal; text-decoration: none; }
ul.list1 li { list-style-type: none; position: relative; margin-left: -10px; padding-left: 20px; }
ul.list1 li:before { position: absolute; font-family: 'FontAwesome'; font-size: 16px; top: 2px; left: 0; content: "\f0a9"; color: #7B6241; }
ul.list2 li { margin: 0; padding: 0.5em 0em 2.5em 0em; border-bottom: 1px solid #ECECEC; list-style-type: none; }
ul.list2 li:first-child { padding-top: 0; border-top: none; }
ul.list2 p { color: #777; font-size: 14px; }
ul.list2 img { float: left; background: #FFFFFF; border: 1px #AAA solid; padding: 3px; margin: 4px 20px 4px 0; }
ul.list2 .posted { padding: 0em 0em 0.5em 0em; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; color: #8D714A; }
ul.list2 .first { padding-top: 0px; border-top: none; }
.list3 { list-style-type: none; position: relative; }
.list3 a::before { content: ""; position: absolute; display: block; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #7B6241; transform: scaleX(0); transform-origin: top left; transition: transform 0.3s ease; }
.list3 a { padding-top: 20px; padding-bottom: 20px; text-decoration: none; }
.list3 a, .list3 a:focus, .list3 a:active { color: inherit; }
.list3 a:hover { color: #5D4931; text-decoration: none; }
.list3 a { position: relative; display: block; color: #7B6241; padding: 10px 0; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #E1E1E1; text-transform: uppercase; }
.list3 a, a:focus, a:active { color: #7B6241; text-decoration: none !important; }
.list3 a, a:focus, a:active, a:hover::before { transform: scaleX(1); }
ul.list4 { margin: 10px 0 20px 0; padding: 0 0 0 0; }
ul.list4 li { list-style-type: none; line-height: 30px; width: 300px; padding-left: 5px; background: #5D4931; background-image: linear-gradient(#5D4931, #8D714A, #5D4931); color: #FFFFFF; font-weight: normal; font-size: 16px; text-decoration: none; margin: 5px auto; border-radius: 5px; transition: background-color 0.8s; box-sizing: border-box; display: block; }
ul.list4 a::before { content: ""; transition: transform 0.3s ease; }
ul.list4 li a { color: #FFF; font-weight: normal; text-decoration: none; display: block; }
ul.list4 li:hover { color: #FFF !important; background: #325C00; background-image: linear-gradient(135deg, #7B6241, #8D714A, #7B6241); font-weight: normal; text-decoration: none; box-sizing: border-box; display: block; }
ul.list4 li a:hover { color: #FFF !important; font-weight: normal; text-decoration: none; display: block; }
.list-inline { list-style: outside none none; margin-left: -5px; padding-left: 0; }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
/* ====================================================== TYPOGRAPHY ============================================================ */
p a { word-wrap: break-word; }
/* ======== HEADINGS ======== */
a { color: #5D4931; text-decoration: none; font-weight: bold; outline: none; }
a:hover { color: #7B6241; text-decoration: none; font-weight: bold; outline: none; }
h1 { font: 38px 'Philosopher', Verdana, Helvetica, sans-serif; color: #5D4931; margin: 0.3em 0 0.3em 0; letter-spacing: 1px; }
h2 { font: 34px 'Philosopher', Arial, Verdana, Helvetica, sans-serif; color: #7B6241; margin: 0.3em 0; letter-spacing: 1px; text-align: center; border-bottom: 1px solid #7B6241; }
h3 { font: 26px 'Gabriela', Verdana, Helvetica, sans-serif; color: #7B6241; padding: 0; margin: 0 0 5px 0; padding: 5px 0; }
h4 { font: normal 24px 'Gabriela', Verdana, Helvetica, sans-serif; color: #808080; margin: 0.3em 0; }
h5 { font: normal 22px 'Gabriela', Verdana, Helvetica, sans-serif; color: #5D4931; margin: 0.3em 0; }
h6 { font: normal 20px Verdana, Helvetica, sans-serif; color: #404040; margin: 0.3em 0; }
/* ======================================================HEADER AREA ======================================================*/
/* ========== Site Name ============== */
.title-area { width: 100%; padding: 20px 0 0 0; }
.title-area, .title-area a, .title-area a:hover { font: 38px 'Philosopher', Verdana, Helvetica, sans-serif; color: #FFFFFF !important; letter-spacing: -1px; text-decoration: none; margin: 0; }
.logintext { float: right; color: #FFF; font-size: 10px; text-transform: none; }
/* ========== Top Nav Coding ========== */
.nav-primary { background-color: transparent; float: left; position: relative; margin: 16px 0 4px 0; }
.nav-primary .nav-menu a { color: #FFFFFF; }
.nav-primary .nav-menu a:hover { color: #F3EFE9; }
.nav-primary .nav-menu a:active { color: #F3EFE9; }
.nav-primary .nav-menu .current-menu-item a { color: #FFF; }
.nav-primary .nav-menu .current-menu-item a:hover { color: #F3EFE9; }
.nav-menu { clear: both; width: 100%; font-size: 16px; font-weight: normal; display: inline-block; float: left !important; margin: 0 0 0px 0; padding: 0; list-style: none; text-transform: uppercase; background: #5D4931; background: #7B6241; color: #FFFFFF; box-sizing: border-box; height: auto; border-top: 0px solid #FFFFFF; border-bottom: 0px solid #FFF; box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.4); }
.nav-menu .menu-item { display: inline-block; text-align: left; }
.nav-menu a { border: none; color: #222; padding: 5px 7px 5px 5px; position: relative; }
.nav-menu .menu-item:hover { position: static; }
.nav-menu > .first > a { padding-left: 0; }
.nav-menu > .last > a { padding-right: 0; }
.nav-menu > .right { color: #FFF; display: inline-block; float: right; list-style-type: none; padding: 25px 0; text-transform: uppercase; }
.nav-menu > .right > a { display: inline; padding: 0; }
.nav-menu > .rss > a { margin-left: 48px; }
.nav-menu > .search { padding: 7px 0 0; }
.nav-menu .search-menu-item { display: inline-block !important; text-align: right; float: right; color: #A88558; padding: 12px 5px 8px 5px; }
/*styles top nav without icons from genstyles*/
.tngsmallicon { background: transparent; padding: 0.1em 0px 0px 18px; height: 16px; line-height: 1.5; font-size: 16px; font-weight: normal; color: #FFF; }
.topsearchnav li { display: inline-block; }
/* ========== Main Nav Coding ========== */
.menucontainer { display: inline-block; }
div.icons { padding: 0; }
div.icons a { color: #FFF; font-weight: normal; }
div.icons a:hover { color: #FFF; background-color: #8D714A; border-radius: 5px; font-weight: normal; }
/* link styling for Find Media Info*/
ul.tngdd { background-color: transparent; margin: 0 0 20px 0; }
ul.tngdd a { display: block; text-decoration: none; border-radius: 5px; color: #FFF; }
ul.tngdd .menulink { font-size: 16px; font-weight: normal; color: #FFF !important; background: none; width: auto; border: none !important; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }
ul.tngdd .menuhover, ul.tngdd .menulink:hover { background-color: #8D714A !important; background: none; padding-top: 5px; padding-bottom: 5px; color: #FFF; text-decoration: none; margin: 0 0 10px 0; border: none !important; }
/*dropdown menu styles*/
ul.tngdd ul li { width: 170px; }
ul.tngdd ul li a .menu-icon { display: none; visibility: hidden; !important; }
ul.tngdd ul li a { color: #000; font-size: 14px; display: block; padding: 4px 4px 4px 10px; background-color: #EEEEEE; color: #8D714A !important; border-top: 1px solid #FFFFFF; border-radius: 0px; text-transform: none; }
ul.tngdd ul li a:hover { background-color: #8D714A; color: #FFF !important; text-decoration: none; }
ul.tngdd .sub { background: #549400 url('../img/arrow.png') no-repeat 146px 7px; color: #000; }
ul.tngdd .topline { border-top: 1px solid #777; }
ul.tngdd .langmenu { background-color: transparent; border-radius: 0; border-color: transparent; }
#newlanguage1 { color: #FFF; background: transparent; border: 1px solid transparent; font-size: 16px !important; text-transform: uppercase; padding: 4px 4px 4px 10px; }
#newlanguage1:hover { color: #FFF; background: #8D714A; border: 1px solid transparent; font-size: 16px !important; text-transform: uppercase; }
.langmenu select option { background-color: #EEEEEE; color: #000; font-size: 14px; border-radius: 5px; }
ul.tngdd .stubmenu { background-color: transparent; border-radius: 0; border: none; }
.slidedown { background-color: #FFF; color: #000; }
div.icons-rt { font-size: 10px; font-weight: normal; margin: 0 0 10px 2px; }
div.icons-rt a { background: transparent; border: 0 solid #FFF; font-weight: normal; font-size: 10px; color: #FFF; }
/* ====================================== ADMIN PAGE CODING =============================================== */
.lightlink:link, .lightlink:visited { color: #F3EFE9; text-decoration: none; }
.lightlink:hover, .lightlink:active { color: #A88558; text-decoration: none; }
a.lightlink2:link, a.lightlink2:visited, a.lightlink3:active { color: #FFF !important; }
a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active { color: #A88558; font-weight: normal; }
/*for active secondary tab link as well as the hover for the admin page*/
.lightlink2:link, .lightlink2:visited { color: #FFF; font-weight: normal; }
a.lightlink2:hover { color: #FFF !important; background: #7B6241 !important; }
/* This is the Admin Cell for People, Families, etc */
.admincell { background-position: 0% 0%; background-color: #5D4931; background-image: linear-gradient(#5D4931, #7B6241, #5D4931); }
.admincell:hover, a.admincell:hover { background-color: #A88558; background-image: none; }
.admintop { background: #5D4931; background-image: linear-gradient(#5D4931, #7B6241, #5D4931); color: #FFF; }
a.admincell { color: #FFF; background: #5D4931; background-image: linear-gradient(#5D4931, #7B6241, #5D4931); }
/*styles 'dots" on "Important Tasks"*/
.sideback { background: #5D4931; font-weight: normal; background-image: none; }
.leftmenu { font-size: 12px; }
.leftlink:hover, a.leftlink:hover { background-color: #A88558 !important; }
.tngmsgarea { color: #FFF; background: #5D4931; background-image: linear-gradient(#5D4931, #7B6241, #5D4931); text-shadow: 0px 0px 0px #000000; }
/*styles "Important tasks" */
.tngmsgarea .adminsubhead, .yellow { color: #E2ECE8; }
.tngmsgarea a, .tngmsgarea a:active, .tngmsgarea a:link, .tngmsgarea a:visited { color: #FFF; text-decoration: none; text-shadow: 0px; }
.adminsubmsg { font-size: 12px; font-weight: bold; }
.adminnav .snlink { background-color: #5D4931; }
.snlink { background-color: #5D4931; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; color: #FFF !important; font-weight: bold; }
.snlinkact, .adminnav .snlinkact { background-color: #7B6241; color: #FFF; }
/*same as "fieldnameback" background color */
a.snlink:hover { background-color: #8D714A !important; color: #FFF; font-weight: bold; }
p a.snlink:hover { background-color: #8D714A !important; color: #FFF; font-weight: bold; }
p a.snlink { line-height: 2.5em; background-color: #5D4931; color: #FFF; font-weight: bold; }
.snlinkact { line-height: 2.5em; background-color: #8D714A; color: #FFF; font-weight: bold; }
p a.snlink:hover { background-color: #8D714A; color: #FFF; font-weight: bold; }
.yellow { color: #F3EFE9; }
.subhead { color: #8D714A; }
.subheader { color: #8D714A; }
.databack { background-color: #F3EFE9; }
/*Tabs Coding - also in tngtabs2.css*/
ul#tngnav { margin: 0 20px 0px 10px; }
#tngnav li { margin: 0px 1px 0px 1px; }
#tngnav a { color: #FFF !important; background: #8D714A; border-right: 1px solid #444; padding: 0.45em 1em 0.35em 8px; border-radius: 4px 4px 0px 0px; }
#tngnav a:hover { background: #A88558; color: #FFF; }
/*active tab*/
#tngnav a.here { background: #5D4931; color: #FFF; border-right: 1px solid #777; margin: 0; }
/*active tab*/
#tabs div { margin: 0 1px 0 0; padding: 0em 0em 0.3em 0px; }
/*to keep older browsers happy*/
#tabs a { background: #A88558; color: #444; padding: 0.4em 0.8em 0.4em 0.8em; border-right: 1px solid #AAA; }
/*inactive tab*/
#tabs a:hover { background: #A88558; color: #FFFFFF; }
/*active tab*/
#tabs .here { background: #5D4931; color: #F3EFE9; }
/*active tab*/
/*Family Tree Chart Box Coding*/
.pedbox { background-color: #F3EFE9 !important; }
.pboxname { font-size: 10pt !important; }
.fambox, .mfambox { background-color: #F3EFE9 !important; font-size: 14px; }
/* fieldnameback: background color for column and row title sections */
.fieldnameback, .bar, .page, .LB_closeAjaxWindow, .tablesaw-cell-label { background-color: #5D4931; font-weight: normal; }
/* timeline background color for middle row */
.timeline-band-2 .timeline-ether-bg { background-color: #F3EFE9 !important; }
.hiddenbox { background-color: #F3EFE9 !important; }
.floverIr { background-color: transparent !important; }
input.minifield { background-color: #FFF; }
/* ========== Popup windows ========== */
.LB_window { background: #F3EFE9; border: 2px solid #000; color: #000; }
.LB_content { background: #F3EFE9; }
/* ========== Calendar ========== */
table.calendar { background-color: #F3EFE9 !important; border: 1px solid #5D4931 !important; }
td.calDay { border-top: 1px solid #5D4931 !important; border-left: 1px solid #5D4931 !important; border-bottom: 2px solid #5D4931 !important; border-right: 2px solid #5D4931 !important; }
#calLegend { background-color: #F3EFE9 !important; border: 1px solid #5D4931 !important; font-size: 9pt; font-weight: bold; margin-top: 8px; padding: 4px; text-align: center; }
a.hidden { background-color: #F3EFE9 !important; }
td.calToday { background-color: #F3EFE9 !important; border-top: 1px solid #5D4931 !important; border-left: 1px solid #5D4931 !important; border-bottom: 2px solid #5D4931 !important; border-right: 2px solid #5D4931 !important; }
/* ========== Surname Cloud ==========  */
.surnames-cloud, .surnames-cloud a { font-family: Verdana, Tahoma, Arial; padding: 2px 2px 2px 2px; letter-spacing: 0.0em; word-spacing: 0.0em; text-decoration: none; font-weight: normal; text-align: center; font-size: 14px; }
a.size1 { color: #000099; font-size: 200%; }
a.size1:link { color: #000099; }
a.size1:visited { color: #000099; }
a.size2 { color: #3333CC; font-size: 190%; }
a.size2:link { color: #3333CC; }
a.size2:visited { color: #3333CC; }
a.size3 { color: #006633; font-size: 180%; }
a.size3:link { color: #006633; }
a.size3:visited { color: #006633; }
a.size4 { color: #993300; font-size: 170%; }
a.size4:link { color: #993300; }
a.size4:visited { color: #993300; }
a.size5 { color: #CC0033; font-size: 160%; }
a.size5:link { color: #CC0033; }
a.size5:visited { color: #CC0033; }
a.size6 { color: #666666; font-size: 150%; }
a.size6:link { color: #666666; }
a.size6:visited { color: #666666; }
a.size7 { color: #CC9900; font-size: 140%; }
a.size7:link { color: #CC9900; }
a.size7:visited { color: #CC9900; }
a.size8 { color: #999933; font-size: 130%; }
a.size8:link { color: #999933; }
a.size8:visited { color: #999933; }
a.size9 { color: #000000; font-size: 120%; }
a.size9:link { color: #000000; }
a.size9:visited { color: #000000; }
a.size0 { color: #000000; font-size: 100%; }
a.size0:link { color: #000000; }
a.size0:visited { color: #000000; }
/* ===================================================TEXT AREA CODING - WIDGETS ================================================= */
/*the header icons located at the top of the content area (sources, search, surname list, etc) */
.headericon { font-size: 28px; color: #7B6241; margin: 5px 10px 0 0; }
/*the h1 header text located at the top of the content area (sources, search, surname list, etc) */
.header { margin-top: 60px; margin-right: 5px; font-size: 28px; font-weight: normal; color: #5D4931; line-height: 28px; }
.featured-content .entry-title a { border: none; }
.fambackground { background-color: #F3EFE9; }
.site-header .widget-area { float: right; text-align: right; width: 728px; }
.titlebox, td.highlightedchild { background-color: #FBFBF9; box-shadow: 4px 4px 6px 0 #777; }
/*  ===================================================== PARAGRAPHS ============================================================== */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.tiny { font-size: 65%; }
.small { font-size: 85%; }
.medium { font-size: 90%; }
.large { font-size: 120%; }
.xlarge { font-size: 180%; }
.xxlarge { font-size: 52px; font-weight: bold; }
.lead2 { font-size: 22px; line-height: 22px; font-variant: small-caps; }
.authorDate { color: #333; font-size: 0.95em; text-transform: uppercase; border-bottom: 1px #333 solid; font-weight: lighter; letter-spacing: 2px; margin: 0 0 15px 0; padding: 0; }
/* Drop Caps ========== */
/* Drop Caps ========== */
.dropcap { overflow: hidden; }
.dropcap:first-letter { color: #5D4931; display: block; float: left; font: 60px / 50px Georgia, Garamond, serif; padding: 6px 4px 0 0; }
/* Fieldset Legend ========== */
fieldset { width: 90%; border: 1px double #5D4931; padding: 20px 3%; margin: 20px 2%; }
legend { color: #7B6241; font: 30px 'Raleway', Verdana, Helvetica, sans-serif; background-color: #FFFFFF; padding: 0 10px; }
/* ================================================== IMAGE STYLES ============================================================== */
img { border: none; box-sizing: border-box; }
.img-border { margin: 5px 10px 0 0; float: left; border: 1px #777 solid; }
.img-border-left { float: left; background: #FFFFFF; border: 1px #AAA solid; padding: 3px; margin: 4px 20px 4px 0; }
.img-border-right { float: right; background: #FFFFFF; border: 1px #AAA solid; padding: 3px; margin: 4px 20px 4px 0; }
.img-right { margin: 5px 0 10px 18px; float: right; max-width: 100%; }
.img-left { margin: 5px 18px 10px 0; float: left; max-width: 100%; }
.img-frame { background: #FFFFFF; border: 1px #AAA solid; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 3px; margin: 12px; max-width: 100%; }
.img-frame-right { background: #FFFFFF; border: 1px #AAA solid; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 3px; margin: 5px 0 10px 18px; float: right; max-width: 100%; }
.img-frame-left { background: #FFFFFF; border: 1px #AAA solid; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 3px; margin: 5px 18px 10px 0; float: left; max-width: 100%; }
.img-curved { border-radius: 10px; margin: 4px 10px; border: 1px #444 solid; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5); max-width: 100%; }
.img-curved-right { border-radius: 10px; margin: 5px 0 10px 18px; float: right; border: 1px #444 solid; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5); max-width: 100%; }
.img-curved-left { border-radius: 10px; margin: 5px 18px 10px 0; float: left; border: 1px #444 solid; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5); max-width: 100%; }
.img-shadow { margin: 5px 0; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5); max-width: 100%; }
.img-shadow-right { margin: 5px 0 0 10px; float: right; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5); max-width: 100%; }
.img-shadow-left { margin: 5px 10px 0 0; float: left; box-shadow: 0 10px 10px -9px rgba(0, 0, 0, 0.5); max-width: 100%; }
.img-round { border-radius: 50%; border: 2px #FFF solid; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.7); }
.img-round-left { border-radius: 50%; float: left; border: 1px #444 solid; box-shadow: 0 10px 10px -9px rgba(0, 0, 0, 0.5); margin-right: 10px; }
.img-round-right { border-radius: 50%; float: right; border: 1px #444 solid; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5); margin-left: 10px; }
.img-rotate-right { margin: 20px; transform: rotate(4deg); }
.img-right-border { margin: 5px 0 0 10px; float: right; border: 1px #777 solid; }
.img-rotate-left { margin: 20px; transform: rotate(-4deg); }
.img-small { max-width: 150px; height: auto; }
.img-round2 { border-radius: 50%; border: 1px #7B6241 solid; }
.img-gallery { border: 1px #D0D0D0 solid; padding: 1%; margin: 1% 2%; }
.img-left-shadow { margin: 5px 10px 0 0; float: left; box-shadow: 0 10px 10px -9px rgba(0, 0, 0, 0.5); }
.img-catalog { border: 1px #D0D0D0 solid; padding: 3px; margin: 1% 2%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); }
.indexphoto { background: #FFFFFF; border: 1px #AAA solid; padding: 3px; margin: 4px 1px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); max-width: 100%; }
/*for border on random photo*/
/* ========================================== LAYOUT RULES and BLOCK ELEMENTS ================================================== */
.featured-content { font-size: 14px; clear: both; overflow: hidden; }
div.innercontainer { background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid transparent; }
.container { width: 1212px; text-align: left; margin: 0 auto; }
.inside { width: 96%; padding: 10px 2%; }
.inside2 { width: 80%; margin: 0 auto; }
/* ----Used to center Random Photo---- */
/* ================================================ SECTION BLOCKS ============================================================== */
/* ======== LAYOUT RULES ======== */
/* ======== Row 1 area above the footer row ======== */
.row1 { clear: both; background: #F3EFE9; width: 100%; border-top: 1px solid #A88558; margin-top: 10px; display: none; }
/* ======== HEADER AREA ======== */
header { width: 100%; background-color: #5D4931; background: linear-gradient(#5D4931, #7B6241); color: #FFF; text-align: center; box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.4); }
.logo { float: left; width: 60%; text-align: left; padding: 10px 0; }
.brand, .brand a, .brand a:hover { font: 52px 'Philosopher', Verdana, Helvetica, sans-serif; color: #FFF; letter-spacing: -1px; text-decoration: none; margin: 0; }
.slogan { font-size: 22px; font-family: 'Gabriela', cursive, Verdana, Helvetica, sans-serif; color: #FFF; margin: 0; }
/* ========== Content Blocks ============== */
.contentBox2a { float: left; width: 48%; padding: 0; margin: 0 2% 0 0; }
.contentBox2b { float: right; width: 48%; padding: 0; margin: 0 0 0 2%; }
.contentBox3a { float: left; width: 31.33333%; padding: 0; margin: 0 0 5px 0; }
.contentBox3b { float: left; width: 31.33333%; padding: 0; margin: 0 1% 5px 1%; }
.contentBox3c { float: left; width: 31.33333%; padding: 0; margin: 0 0 5px 0; }
.contentBox4a { float: left; width: 23%; padding: 0; margin: 0 1% 0 0; }
.contentBox4b, .contentBox4c { float: left; width: 23%; padding: 0; margin: 0 1% 0 1%; }
.contentBox4d { float: left; width: 23%; padding: 0; margin: 0 0 0 1%; }
.contentBox5a { float: left; width: 18%; padding: 0; margin: 0 1% 0 0; }
.contentBox5b, .contentBox5c, .contentBox5d { float: left; width: 18%; padding: 0; margin: 0 1% 0 1%; }
.contentBox5e { float: left; width: 18%; padding: 0; margin: 0 0 0 1%; }
.sidebarLeft { float: left; width: 25%; padding: 10px 0; margin: 0 1% 0 0; }
.contentRight { float: right; width: 73%; padding: 10px 0; margin: 0; }
.sidebarRight { float: right; width: 25%; padding: 10px 0; margin: 0 0 0 1%; }
.contentLeft { float: left; width: 73%; padding: 10px 0; margin: 0; }
.contentBox25Left { float: left; width: 23%; padding: 10px 0; margin: 0; }
.contentBox25Right { float: right; width: 23%; padding: 10px 0; margin: 0; }
.contentBox75Left { float: left; width: 73%; padding: 10px 0; margin: 0; }
.contentBox75Right { float: right; width: 73%; padding: 10px 0; margin: 0; }
/* ====================================== FOOTER CODING =================================================== */
footer { clear: both; background-color: #5D4931; background: linear-gradient(#7B6241, #5D4931); color: #FFF; text-align: center; border-top: 1px solid #5D4931; letter-spacing: 2px; font-size: 85%; line-height: 1.5em; padding: 20px 0; text-align: center; }
footer h4 { color: #FFF; }
footer a { color: #FFF !important; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }
footer a:hover { color: #A88558 !important; text-decoration: none; }
.copyright { letter-spacing: 3px; text-align: center; font-size: 90%; color: #FFF; margin: 0; padding: 0; }
/* ========================== SPECIAL BLOCKS =================================== */
.toplinks { float: right; width: 30%; text-align: left; font-size: 16px; font-family: 'Philosopher', cursive, Verdana, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: 1px; padding: 0; margin: 0; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); padding: 10px 0 0 10px; border-left: 1px dashed #575B5F; }
.toplinks a { color: #FFF !important; font-weight: normal; text-decoration: none; outline: none; }
.toplinks a:hover { color: #F3EFE9 !important; text-decoration: none; font-weight: normal; outline: none; }
.toplinks a:visited { color: #C0C0C0; }
.toplinks ul { display: inline-block; list-style: none; margin: 0; padding: 0; overflow: hidden; }
.toplinks ul li { float: left; line-height: 0.5em; font-size: 12px; }
.toplinks ul li a { display: block; text-align: center; padding: 12px 10px; text-decoration: none; text-transform: uppercase; color: #F3EFE9; font-weight: 500; }
/* ======== SLIDE SHOW, TOP TEXT AREA, SLIDE SHOW AND TOP IMAGE BOXES ======== */
#topsection { height: 450px; }
/*----Welcome Box----*/
.topcontentBox4a { float: left; width: 22%; padding: 0 10px; margin: 20px 1% 0 0; line-height: 1.4em; color: #FFF; background: #5D4931 linear-gradient(#5D4931, #8D714A); border: 3px #F2F2F2 solid; box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.4); height: 414px; overflow: hidden; }
.topcontentBox4a h3 { font: 22px 'Gabriela', Verdana, Helvetica, sans-serif; color: #FFF; text-align: center; padding: 0; margin: 0 0 15px 0; padding: 5px 0; }
.topcontentBox4a p { font-size: 18px; }
/*----Image & Slideshow Boxes----*/
.topcontentBox4b { float: left; width: 23%; padding: 0; margin: 3px 1% 0 1%; line-height: 1.4em; }
/* ==Top Image Area == */
.topcontentBox4c { float: left; width: 23%; padding: 0; margin: 0 1% 0 1%; line-height: 1.4em; }
/* ==Slide Show 1 == */
.topcontentBox4d { float: left; width: 23%; padding: 0; margin: 0 0 0 1%; line-height: 1.4em; }
/* ==Slide Show 2 == */
#slider { width: 100%; border: 3px #F2F2F2 solid; box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.4); margin: 20px auto; box-sizing: border-box; height: 420px; }
#slider2 { width: 100%; border: 3px #F2F2F2 solid; box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.4); margin: 20px auto; box-sizing: border-box; height: 420px; }
.nivo-caption { position: absolute; bottom: 0; left: 0; font-family: 'Gabriela', cursive, Verdana, Helvetica, sans-serif; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8); color: #FFFFFF; font-size: 1.4em; line-height: 1.4em; text-align: center; width: 90%; margin: 0 5% 10px 5%; z-index: 8; padding: 10px 0; overflow: hidden; display: none; }
/*-----postcards-----*/
.postcard { margin: 0 0 30px 0; overflow: hidden; background: #FFF; border: 1px #AAA solid; padding: 3px; color: #FFF; }
.postcard .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; text-align: left; }
.postcard .caption { padding: 11px 15px 33px 12px; overflow: hidden; position: relative; background: #5D4931 linear-gradient(#5D4931, #8D714A); transition: all 0.25s; margin-top: -4px; }
.postcard:hover .thumbnail .caption { transition: all 0.25s; background: #7B6241; }
.title2 { font: 20px 'Open Sans', Helvetica, Arial, sans-serif; color: #FFF; text-transform: uppercase; margin: 0 0 3px 0; }
.postcard .thumbnail .caption a { font-size: 22px; color: #FFFFFF; float: right; position: absolute; bottom: 8px; right: 13px; transition: all 0.25s; }
.postcard .thumbnail .caption a:hover { color: #A88558; }
.postcard figure { margin: 0; position: relative; }
.postcard figure .box { position: absolute; padding: 0 0 12px 15px; bottom: 0; left: 0; }
.postcard figure .box .title { font: 16px 'Cormorant Garamond', Helvetica, Arial, sans-serif; color: #FFF; margin: 0; }
.postcard figure .box .description { font: 900 12px / 16px Helvetica, Arial, sans-serif; color: #FFFFFF; text-transform: uppercase; margin: 0; }
.postcard figure img { width: 100%; }
/* ----- Ticker ----- */
#ticker { list-style: none outside none; margin: 22px 0 0 0; min-height: 250px; }
#ticker li { margin: 0; background: none; padding: 0; }
#ticker p { color: #202020; font-size: 18px; padding-left: 20px; margin-top: 0; padding-top: 0; }
#ticker .tcontent { color: #202020; padding: 15px; text-align: left; }
#ticker .author { font: 26px 'Gabriela', Verdana, Helvetica, sans-serif; color: #7B6241; padding: 0; margin: -24px 0 5px 0; padding: 5px 0; }
.testimonial { position: relative; color: #202020; }
/* ======================================================BUTTONS & MISCELLANEOUS ================================================= */
input[type=button], input[type=submit], input[type=reset], button { background-color: #5D4931; color: #FFFFFF; font-weight: normal; }
.btn:hover, .btn:focus, .btn.focus { color: #FFF; background-color: #7B6241 !important; text-decoration: none; }
.btn-detail { position: relative; background: #5D4931 linear-gradient(#5D4931, #7B6241); border-color: #5D4931; color: #FFF !important; font-weight: normal; font-size: 80%; text-transform: uppercase; text-decoration: none; padding: 5px 35px 5px 5px; border-radius: 5px; }
.btn-detail:after { position: absolute; font-family: 'FontAwesome'; content: "\f0a9"; top: 2px; right: 10px; }
.btn-detail:hover { background: #7B6241 linear-gradient(#7B6241, #8D714A); border-color: #7B6241; color: #FFF; font-weight: normal; text-decoration: none; }
.btn-detail a { color: #FFFFFF; text-decoration: none !important; font-weight: normal; outline: none; }
.btn-small { font-size: 0.85em; color: #7B6241; padding: 5px; border-radius: 5px; text-decoration: none; font-weight: normal; font-variant: small-caps; border: 1px solid #7B6241; }
.btn-small:hover, .btn-small a:hover { color: #FFFFFF; background: #A88558; text-decoration: none; font-weight: normal; font-variant: small-caps; }
/* ----- Buttons ----- */
.btn-detail { position: relative; background: #7B6241; background-image: linear-gradient(#5D4931, #7B6241); background-position: center; transition: background-color 0.8s; border: 1px solid #174A45; color: #FFF !important; cursor: pointer; font-weight: normal; font-size: 80%; text-decoration: none; padding: 5px 35px 5px 5px; border-radius: 5px; text-transform: uppercase; }
.btn-detail:after { position: absolute; font-family: 'FontAwesome'; content: "\f0a9"; top: 7px; right: 10px; }
.btn-detail:hover { background-color: #5D4931; background-image: radial-gradient(circle, transparent 1%, #5D4931 1%); background-position: center; background-size: 15000%; border: 1px solid #7B6241; color: #FFF; font-weight: normal; text-decoration: none; }
.btn-detail a { color: #FFFFFF; text-decoration: none !important; font-weight: normal; outline: none; }
.btn-detail:active { transition: background-color 0s; background-color: #5D4931; background-size: 100%; color: #FFF; }
.btn-small { position: relative; background: #7B6241; background-image: linear-gradient(#5D4931, #7B6241); background-position: center; transition: background-color 0.8s; border: 1px solid #174A45; color: #FFF !important; cursor: pointer; font-weight: normal; font-size: 80%; text-decoration: none; padding: 5px 5px 5px 5px; border-radius: 5px; text-transform: uppercase; float: right; }
.btn-small:hover { background-color: #5D4931; background-image: radial-gradient(circle, transparent 1%, #5D4931 1%); background-position: center; background-size: 15000%; border: 1px solid #7B6241; color: #FFF !important; font-weight: normal; text-decoration: none; }
.btn-small a { color: #FFFFFF !important; text-decoration: none !important; font-weight: normal; outline: none; }
.btn-small:active { transition: background-color 0s; background-color: #5D4931; background-size: 100%; color: #FFF !important; }
/* ======== BACK TO TOP FORMATTING ======== */
.scroll-to-top { display: none; position: fixed; bottom: 20px; right: 10px; z-index: 5; width: 30px; height: 30px; padding: 8px; text-align: center; color: #FFFFFF; text-decoration: none; background-color: #7B6241; box-shadow: inset 0 0 10px #202020, 0 1px 1px rgba(0, 0, 0, 0.5); border-radius: 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); border-radius: 50%; }
.scroll-to-top:hover { text-decoration: none; background-color: #8D714A; box-shadow: inset 0 0 15px #000000, 0 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); }
.scroll-to-top a, .scroll-to-top a:hover { text-decoration: none; }
/* Block Quote ========== */
blockquote { background: url("../img/quote.png") no-repeat scroll 5px 12px; color: #777; border-top: none; border-bottom: none; font-size: 0.95em; line-height: 1.4em; margin: 2px 40px; padding: 12px 12px 12px 40px; text-align: left; }
blockquote p { padding: 0; margin: 0; }
blockquote strong { color: #000000; font-size: 1.4em; font-weight: normal; letter-spacing: -1px; }
/* WOW ========== */
.wow { opacity: inherit; }
/* ======== ANIMATION EFFECTS ======== 
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
====================================== */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes zoomIn {
	0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(0.3, 0.3, 0.3); }
	50% { opacity: 1; }
}
@keyframes zoomIn {
	0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(0.3, 0.3, 0.3); }
	50% { opacity: 1; }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
/* ================================================================================================================================== */
/* ================================================================= MEDIA QUERIES ================================================== */
/* ================================================================================================================================== */
/* ================= SMALL DEVICE 01 ==================== */
/* ================================================================================================================================== */
@media screen and (max-width: 320px) {
	.container { width: 95%; margin: 0 auto; }
	.nav-menu { height: auto; }
	div.icons-rt { margin-top: -20px; }
	ul.tngdd { float: left !important; }
	.brand, .brand a, .brand a:hover { font-size: 28px; }
	.slogan { font-size: 14px; padding: 0 0 20px 0; }
	/* === content box coding ==== */
	.contentBox2a, .contentBox2b, .contentBox3a, .contentBox3b, .contentBox3c, .contentBox4a, .contentBox4b, .contentBox4c,
	.contentBox4d, .contentBox5a, .contentBox5b, .contentBox5c, .contentBox5d, .contentBox5e { width: 98%; margin: 0 1% 20px 1%; padding: 0; float: none; }
	.sidebarLeft, .sidebarRight { width: 98%; margin: 1%; padding: 0; float: none; }
	.contentRight, .contentLeft { width: 98%; margin: 1%; padding: 0; float: none; }
	.contentBox25Left, .contentBox25Right { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Left { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Right { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.postcard { float: none; max-width: 275px; margin: 0 auto; padding: 0 5px; border: none; }
	#topsection { width: 98%; height: auto; margin: 1% 10px; padding: 0; clear: both; }
	.topcontentBox4a, .topcontentBox4b, .topcontentBox4c, .topcontentBox4d { width: 90%; margin: 5%; }
	/* === miscellaneous coding ==== */
	h1 { font-size: 36px; }
	h2 { font-size: 32px; }
	.text-align-right { text-align: center; padding-right: 0; }
	#charts { width: 300px !important; margin: 0 auto; }
	.focus-chart { width: 300px !important; height: auto !important; }
	.img-round-right { float: none; margin: 0 auto; }
}
/* ================================================================================================================================== */
/* ================= SMALL DEVICE 02 ======================= */
/* ================================================================================================================================== */
@media screen and (min-width: 321px) and (max-width: 480px) {
	.container { width: 95%; margin: 0 auto; }
	nav { float: none; margin: 0; }
	.nav-menu { height: auto; }
	div.icons-rt { margin-top: -20px; }
	ul.tngdd { float: left !important; }
	.brand, .brand a, .brand a:hover { font-size: 28px; }
	.slogan { clear: both; text-align: center; }
	/* === content box coding ==== */
	.row2 { margin-top: 16px; }
	.contentBox2a, .contentBox2b, .contentBox3a, .contentBox3b, .contentBox3c, .contentBox4a, .contentBox4b, .contentBox4c,
	.contentBox4d, .contentBox5a, .contentBox5b, .contentBox5c, .contentBox5d, .contentBox5e { width: 98%; padding: 0; margin: 0 auto 20px auto; float: none; max-width: 450px; }
	.sidebarLeft, .sidebarRight { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentRight, .contentLeft { width: 98%; margin: 1%; padding: 0; }
	.contentBox25Left, .contentBox25Right { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Left { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Right { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.postcard { float: none; max-width: 275px; margin: 0 auto; padding: 0 5px; border: none; }
	#topsection { width: 98%; height: auto; margin: 1% 10px; padding: 0; clear: both; }
	.topcontentBox4a, .topcontentBox4b { width: 60%; margin: 2% 20%; }
	.topcontentBox4c, .topcontentBox4d { width: 80%; margin: 2% 10%; }
	/* === miscellaneous coding ==== */
	.text-align-right { text-align: center; padding-right: 0; }
	.img-round-right { float: none; margin: 0 auto; }
}
/* ================================================================================================================================== */
/* =================== SMALL DEVICE 03 ===================== */
/* ================================================================================================================================== */
@media screen and (min-width: 481px) and (max-width: 623px) {
	.container { width: 97%; margin: 0 auto; }
	nav { float: none; margin: 0; }
	.nav-menu { height: auto; }
	div.icons-rt { margin-top: -20px; }
	ul.tngdd { float: left !important; }
	div.icons-rt { margin-top: -20px; }
	ul.tngdd { float: left !important; }
	/* === content box coding ==== */
	.row2 { margin-top: 16px; }
	.contentBox2a, .contentBox2b, .contentBox3a, .contentBox3b, .contentBox3c, .contentBox4a, .contentBox4b, .contentBox4c,
	.contentBox4d, .contentBox5a, .contentBox5b, .contentBox5c, .contentBox5d, .contentBox5e { width: 98%; padding: 0; margin: 20px auto; float: none; max-width: 450px; }
	.sidebarLeft, .sidebarRight { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentRight, .contentLeft { width: 98%; float: none; margin: 1%; padding: 0; }
	.contentBox25Left, .contentBox25Right { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Left { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Right { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.postcard { float: none; max-width: 275px; margin: 0 auto; padding: 0 5px; border: none; }
	#topsection { width: 98%; height: auto; margin: 1% 10px; padding: 0; clear: both; }
	.topcontentBox4a, .topcontentBox4b { width: 60%; margin: 2% 20%; }
	.topcontentBox4c, .topcontentBox4d { width: 42%; margin: 2% 4%; }
	/* === miscellaneous coding ==== */
	.text-align-right { text-align: center; padding-right: 0; }
	.img-round-right { float: none; margin: 0 auto; }
}
/* ================================================================================================================================== */
/* ====================== MID DEVICE 01 ====================== */
/* ================================================================================================================================== */
@media screen and (min-width: 624px) and (max-width: 669px) {
	.container { width: 97%; margin: 0 auto; }
	nav { float: none; margin: 0; }
	.nav-menu { height: auto; }
	div.icons-rt { margin-top: -20px; }
	ul.tngdd { float: left !important; }
	/* === content box coding ==== */
	.row2 { margin-top: 16px; }
	.callbox1 { width: 450px; margin: 10px auto; }
	.contentBox2a, .contentBox2b, .contentBox3a, .contentBox3b, .contentBox3c { width: 98%; padding: 0; margin: 0 auto 20px auto; float: none; max-width: 450px; }
	.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d, .contentBox5a, .contentBox5b, .contentBox5c, .contentBox5d,
	.contentBox5e { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.sidebarLeft, .sidebarRight { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentRight, .contentLeft { width: 98%; float: none; margin: 1%; padding: 0; }
	.contentBox25Left, .contentBox25Right { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Left { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Right { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.postcard { float: none; max-width: 275px; margin: 0 auto; padding: 0 5px; border: none; }
	#topsection { width: 98%; margin: 1% 10px; padding: 0; clear: both; }
	.topcontentBox4a, .topcontentBox4b { width: 50%; margin: 2% 20%; }
	.topcontentBox4c, .topcontentBox4d { width: 40%; margin: 3% 5%; }
	/* === miscellaneous coding ==== */
	.text-align-right { text-align: center; padding-right: 0; }
}
/* ================================================================================================================================== */
/* ================== MID DEVICE 02 ================ */
/* ================================================================================================================================== */
@media screen and (min-width: 670px) and (max-width: 768px) {
	.container { width: 97%; margin: 0 auto; }
	nav { float: none; margin: 0; }
	.nav-menu { height: auto; }
	div.icons-rt { margin-top: -20px; }
	ul.tngdd { float: left !important; }
	/* === content box coding ==== */
	.row2 { margin-top: 16px; }
	.contentBox2a, .contentBox2b, .contentBox3a, .contentBox3b, .contentBox3c { width: 98%; padding: 0; margin: 0 auto 20px auto; float: none; max-width: 450px; }
	.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d, .contentBox5a, .contentBox5b, .contentBox5c, .contentBox5d,
	.contentBox5e { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.sidebarLeft, .sidebarRight { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentRight, .contentLeft { width: 98%; float: none; margin: 1%; padding: 0; }
	.contentBox25Left, .contentBox25Right { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Left { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Right { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.postcard { float: none; max-width: 275px; margin: 20px auto; }
	/* === miscellaneous coding ==== */
	section.module.parallax-2 p:nth-child(1) { font-size: 48px; }
	#topsection { width: 98%; height: auto; margin: 1% 10px; padding: 0; clear: both; }
	.topcontentBox4a { width: 40%; margin: 2% 2%; }
	.topcontentBox4b { width: 30%; margin: 2% 5%; }
	.topcontentBox4c { width: 40%; margin: 20px 5%; float: left; clear: left; }
	.topcontentBox4d { width: 40%; margin: 20px 5%; float: right; }
	/* === miscellaneous coding ==== */
	.text-align-right { text-align: center; padding-right: 0; }
}
/* ================================================================================================================================== */
/* ================== MID DEVICE 03 ================= */
/* ================================================================================================================================== */
@media screen and (min-width: 769px) and (max-width: 800px) {
	.container { width: 97%; margin: 0 auto; }
	.nav-menu { height: auto; }
	div.icons-rt { margin-top: -20px; }
	ul.tngdd { float: left !important; }
	/* === content box coding ==== */
	.contentBox3a, .contentBox3b, .contentBox3c { width: 98%; padding: 0; margin: 0 auto 20px auto; float: none; max-width: 450px; }
	.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d, .contentBox5a, .contentBox5b, .contentBox5c, .contentBox5d,
	.contentBox5e { width: 48%; margin: 1%; padding: 0; }
	.sidebarLeft, .sidebarRight { width: 98%; margin: 1%; padding: 0; }
	.contentRight, .contentLeft { width: 98%; margin: 1%; padding: 0; }
	.contentBox25Left, .contentBox25Right { width: 98%; padding: 0; margin: 0 auto 0 auto; float: none; max-width: 450px; text-align: center; }
	.contentBox75Left { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.contentBox75Right { float: none; width: 98%; margin: 0 auto 0 auto; float: none; max-width: 450px; }
	.postcard { float: none; max-width: 275px; margin: 20px auto; }
	.btn-lg { font-size: 28px; padding: 10px 30px; }
	#topsection { width: 98%; height: auto; margin: 1% 10px; padding: 0; clear: both; }
	.topcontentBox4a { width: 40%; margin: 2% 2%; }
	.topcontentBox4b { width: 30%; margin: 2% 5%; }
	.topcontentBox4c { width: 40%; margin: 20px 5%; float: left; clear: left; }
	.topcontentBox4d { width: 40%; margin: 20px 5%; float: right; }
}
/* ================================================================================================================================== */
/* ================== LG DEVICE 01 ================= */
/* ================================================================================================================================== */
@media screen and (min-width: 801px) and (max-width: 1024px) {
	.container { width: 98%; margin: 0 auto; }
	.nav-menu { height: auto; }
	div.icons-rt { margin-top: -20px; }
	ul.tngdd { float: left !important; }
	.parallax { height: 100%; }
	.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d { width: 48%; margin: 1%; padding: 0; }
	.postcard { float: none; max-width: 275px; margin: 20px auto; }
	#topsection { width: 98%; height: auto; margin: 1% 10px; padding: 0; clear: both; }
	.topcontentBox4a { width: 28%; margin: 20px 2% 20px 16%; }
	.topcontentBox4b { width: 30%; margin: 20px 16% 20px 2%; }
	.topcontentBox4c { width: 30%; margin: 20px 2% 20px 18%; float: left; clear: left; }
	.topcontentBox4d { width: 30%; margin: 20px 18% 20px 2%; float: right; }
}
/* ================================================================================================================================== */
/* ================== LG DEVICE 02 ================= */
/* ================================================================================================================================== */
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.container { width: 98%; margin: 0 auto; }
	div.icons-rt { margin-top: -20px; }
}