/* Google Web fonts */
@import url("https://use.typekit.net/edu4dfp.css");
/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/* @import "./normalize.scss"; */
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
@import url("https://use.typekit.net/edu4dfp.css");
.front, .history_page, .pageTech, .pageArmy, .pageLead, .pageRel, .pageArt, .pageBui, .pageEve,
.pageLaw, .pageCol, .pageMap, .pageMis, .pageEtr {
  padding: 5%;
  max-height: 800px; }

.front article, .history_page article, .pageTech article, .pageArmy article, .pageLead article, .pageRel article, .pageArt article, .pageBui article, .pageEve article,
.pageLaw article, .pageCol article, .pageMap article, .pageMis article, .pageEtr article {
  float: right;
  width: 78%; }

.front article:last-child, .history_page article:last-child, .pageTech article:last-child, .pageArmy article:last-child, .pageLead article:last-child, .pageRel article:last-child, .pageArt article:last-child, .pageBui article:last-child, .pageEve article:last-child,
.pageLaw article:last-child, .pageCol article:last-child, .pageMap article:last-child, .pageMis article:last-child, .pageEtr article:last-child {
  padding-top: 20px;
  float: left;
  width: 15%; }

.pic, .side, .pageSearch {
  padding: 3%;
  height: max-content;
  overflow: hidden; }

.indexSingle, .main_index section {
  padding: 5%; }

.intro a p {
  font-size: 0.8em;
  color: antiquewhite;
  text-align: left;
  float: left; }

.intro a p:hover {
  color: #A7301F; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

*, *::before, *::after {
  box-sizing: border-box; }

html, body, .main.front, #index_page, .relatedpages, #index_page {
  height: 100%; }

body {
  font-family: 'Work Sans', sans-serif;
  font-weight: 100;
  font-size: 1em;
  letter-spacing: 1px; }

.main {
  width: 100%; }

li {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  color: #A7301F; }

h1 {
  font-family: 'Sorts Mill Goudy', serif;
  line-height: 52px;
  padding-top: 80px;
  padding-bottom: 20px;
  font-size: 3.8em;
  font-weight: lighter;
  letter-spacing: 1px;
  text-align: left; }

.title_front h1 {
  font-size: 5.5em; }

h2 {
  font-family: 'Sorts Mill Goudy', serif;
  font-weight: lighter;
  font-size: 2.5em;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  clear: left; }

h2:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 10px;
  border-bottom: solid 1px; }

.sh2 {
  font-weight: 600; }

h2:hover {
  color: #CC7262; }

.logo {
  float: left;
  width: 15%;
  /*grid-area:logo; */ }

.logo:hover {
  opacity: 0.6;
  /*grid-column:1 /span 8; */ }

.logo img {
  object-fit: cover;
  width: 70%; }

.searchBox {
  /* grid-area:search;*/
  float: right;
  width: 75%; }

.search {
  float: right;
  padding: 3px 10px;
  /*width: 250px; */
  border-radius: 30px;
  position: relative;
  padding: 5px 10px; }

#searchform {
  display: flex;
  align-content: center;
  position: relative; }

form#searchform div:nth-child(1) {
  color: #CC7262; }

form#searchform div:nth-child(1) i {
  color: #471817;
  margin: 0px 5px;
  padding-left: 30px;
  font-size: 1.3em; }

form#searchform div:nth-child(2) {
  display: none; }

.searchOpen {
  display: flex;
  width: 100%; }

.searchClose {
  display: none;
  margin-right: 5px; }

input#s {
  background-color: #DED9C8;
  opacity: 0.7; }

input#searchsubmit {
  background-color: #CC7262;
  padding: 2px 5px;
  border-radius: 5px; }

#searchsubmitinput:focus {
  outline: none;
  opacity: .5; }

/*INDEXBOOK*/
.index {
  /*grid-area:index;*/
  display: flex;
  width: 180px;
  border-radius: 20px;
  padding: 10px 5px;
  align-items: center;
  align-content: center;
  overflow: hidden;
  margin-bottom: 20px; }

.index:hover {
  background-color: #DED9C8; }

.index_mob {
  display: none; }

.book {
  float: left;
  width: 70px;
  margin-left: 10px;
  text-align: center; }

.book i {
  font-size: 60px;
  color: #CC7262; }

.indextexto {
  float: left;
  width: 70px;
  color: #471817;
  margin-left: 10px; }

.indextexto h4 {
  text-align: left;
  line-height: 20px;
  font-size: 0.9em;
  color: #471817; }

.indextexto:hover {
  color: antiquewhite; }

.titulo, .timeline, .mainNav, .intro {
  /*
     grid-area:titulo;
    grid-column:3 /span 6;  
      grid-row:  2; */ }

.timeline {
  /*
    grid-area:timeline;
    grid-column:3 /span 6;  
      grid-row:  2; */ }

.timeline img {
  object-fit: cover;
  width: 100%;
  /*grid-column:3 /span 6;  
      grid-row:  2; */ }

/*MENUS */
.mobtimeline {
  display: none; }

.mob_main {
  display: none; }

/*mainNav */
.mainNav {
  /*grid-area:mainNav;*/
  margin: 20px 0px;
  list-style: none;
  border-radius: 20px;
  height: 30px; }

.mainNav:hover {
  border: 1px solid antiquewhite; }

.mainNav ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: center; }

.mainNav ul li {
  line-height: 28px; }

.mainNav ul li a {
  color: #DED9C8;
  font-size: 0.9em;
  text-align: center;
  padding: 3px 5px; }

.mainNav ul li a:hover,
.mainNav ul li.current-menu-item a:link,
.mainNav ul li.current-menu-item a:link {
  color: #E0E0DD; }

/*sideNav */
.sideNav {
  border-radius: 20px;
  width: 180px; }

.sideNav ul {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  padding: 10px  10px; }

.sideNav ul li {
  color: #471817;
  line-height: 40px; }

.sideNav ul li a {
  font-size: 0.9em;
  width: 180px;
  padding: 8px 10px;
  font-weight: 400;
  text-transform: uppercase;
  color: #471817; }

.sideNav ul li a:hover {
  color: antiquewhite;
  background-color: #CC7262; }

#mobMenu {
  display: none; }

#mobMenu nav {
  display: none; }

/*EXCERPT*/
.intro {
  /*grid-area:intro;*/
  padding: 1% 0px;
  font-size: 1.7em;
  line-height: 28pt;
  font-weight: 400;
  /*grid-column:3 /span 6;  
      grid-row:  2; */ }

/*READ MORE */
.intro .xmore {
  padding: 0px 15px;
  margin-top: 20px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.5em;
  font-weight: 500;
  color: #471817; }

/*SOCIAL*/
.social {
  float: right;
  display: flex;
  align-items: flex-end;
  margin-top: 20px; }

.social section, .sticky_social section {
  margin-left: 10px; }

.social div i {
  color: #DED9C8; }

.social i {
  font-size: 35px;
  line-height: 50px;
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 50%; }

.sticky_social i {
  font-size: 25px;
  line-height: 35px;
  text-align: center;
  width: 35px;
  height: 35px;
  border-radius: 50%; }

.social i:hover, .sticky_social i:hover {
  background-color: #DED9C8; }

.social section.arrow, .sticky_social section.arrow {
  margin-left: 20px; }

/*STICKY HEADER  */
.sticky {
  display: none;
  width: 100%;
  padding: 5px  3%;
  z-index: 5000;
  height: 70px;
  overflow: hidden; }

.sticky h3 {
  font-weight: 300;
  color: #DED9C8;
  font-size: 1.2em;
  margin-right: 20px;
  line-height: 70px; }

.sticky_logo {
  float: left;
  width: 20%;
  z-index: 5000; }

.sticky_logo img {
  object-fit: cover;
  width: 35%; }

.fixed {
  display: block;
  position: fixed;
  top: 0;
  left: 0; }

.sticky_social {
  float: right;
  display: flex;
  align-items: center;
  align-content: flex-end;
  margin-top: 0px; }

.sticky_social i, .sticky_social div i {
  color: #471817;
  border: 1px solid #471817; }

/*READ MORE */
.xmore {
  border: 1px solid #471817;
  padding: 0px 15px;
  margin-top: 10px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.5em;
  font-weight: 500; }

.pagecontent a.more-link:hover {
  border: 1px solid #471817;
  background-color: #CC7262;
  color: #DED9C8; }

.intro .xmore:hover {
  border: 1px solid #471817;
  color: #DED9C8; }

/*CONTENT*/
/*IMG */
.imgCopy {
  float: left;
  width: 25%;
  margin: 0% 2% 2% 0%;
  padding: 10px; }

#copyPages > h3 {
  margin-bottom: 15px;
  text-transform: uppercase; }

.imgCopy img {
  height: auto;
  width: 100%;
  /* border: 10px solid #CC7262;*/ }

.imgCopy img:hover, .imgCopy2 img:hover {
  opacity: 0.5; }

.imgCopy2 {
  float: right;
  width: 20%;
  margin: 2% 0% 2% 2%;
  background-color: #CC7262;
  padding: 10px; }

.imgCopy2 img {
  width: 100%;
  height: auto;
  /* border: 10px solid #CC7262;*/ }

/*ImgRight*/
.imgRight {
  float: left;
  width: 100px;
  margin: 0% 2% 0% 0%;
  padding: 2px; }

.imgRight img {
  width: 100px;
  height: 100%;
  padding: 10px;
  background-color: #aa9d88;
  /* border: 10px solid #CC7262;*/ }

/*ImgLeft*/
.imgLeft {
  float: right;
  margin: 0% 2% 0% 2%;
  padding: 2px;
  background-color: #aa9d88; }

.imgLeft img {
  width: 150px;
  height: 100%;
  padding: 10px;
  overflow: hidden;
  background-color: #aa9d88;
  /* border: 10px solid #CC7262;*/ }

/*ImgBig*/
.imgBigL {
  float: right;
  width: 25%;
  margin: 0% 2% 0% 2%;
  padding: 2px;
  background-color: #aa9d88; }

.imgBigL img {
  width: 100%;
  height: 100%;
  padding: 10px;
  overflow: hidden;
  background-color: #aa9d88;
  /* border: 10px solid #CC7262;*/ }

.page_inside {
  padding: 5%; }

.pageCopy {
  overflow: hidden; }

.pagecontent {
  width: 100%;
  float: left;
  margin-right: 5%; }

.pagecontentTech {
  width: 75%;
  float: left;
  margin-right: 5%; }

.aside {
  width: 18%;
  background-color: #E0E0DD;
  float: left;
  padding: 20px; }

aside {
  width: 100%;
  float: left; }

.asidePic {
  margin: 50px 0; }

.asidePic h2 {
  padding-top: 20px; }

aside .widget-single ul li {
  padding-top: 10px;
  color: #993300;
  font-weight: 500;
  overflow: hidden; }

aside .widget-single ul li a, aside .widget-page ul li a {
  color: #993300;
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase; }

aside .widget-single ul li a:hover, aside .widget-page ul li a:hover {
  padding-top: 20px;
  color: #FFF; }

.ngg-widget a img {
  width: 100%;
  margin-bottom: 10px; }

.pagecontent p {
  width: 100%;
  margin-bottom: 10px;
  line-height: 22px; }

.pagecontent a {
  color: #993300;
  text-decoration: underline; }

.pagecontent h2 a {
  color: #993300;
  text-decoration: none; }

/* Gallery Post Format Styles */
.gallery {
  color: #6c645c;
  padding: 3%;
  border-bottom: none;
  display: flex;
  align-content: flex-start;
  flex-flow: wrap;
  padding: 20px; }

.gallery-item {
  border: 6px solid #aa9d88;
  width: 20%;
  margin: 20px;
  flex: 1 1 auto;
  background-color: #aa9d88; }

.gallery-item:hover {
  opacity: 0.7; }

.gallery-caption {
  text-align: center;
  font-size: 0.8em;
  height: 20%;
  padding: 10px 5px;
  color: #471817; }

.gallery img {
  border: none !important;
  width: 100%;
  object-fit: cover; }

article.post-gallery .wp-caption-text {
  font-size: 86%; }

article.post-gallery h2 {
  text-align: center; }

article.post-gallery h2 a {
  color: #FFF;
  text-decoration: none;
  font-size: 130%;
  text-transform: uppercase;
  letter-spacing: 2px; }

.entry-attachment {
  margin-left: 3%; }

.entry-attachment img {
  margin: 0 auto; }

.errorM {
  background: url(../img/) no-repeat fixed center; }

/* BLOG */
.blog h2 a {
  font-size: 1em;
  color: #471817;
  font-weight: 300; }

.blog h3 a {
  font-size: 1.5em;
  color: #993300;
  font-weight: 300; }

.blog h3 a:hover {
  color: #E0E0DD; }

.blog .post-item {
  margin-top: 40px;
  background-color: #ddc7c9;
  padding: 50px; }

.blogpic {
  margin-bottom: -10px; }

.blogpic img {
  margin-bottom: 0px;
  border: 4px sandybrown solid; }

.Singlepic {
  margin: 20px 0; }

.widget-title {
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
  font-size: 1em;
  color: #E0E0DD;
  background-color: #CC7262;
  padding: 10px;
  margin-bottom: 20px; }

.widget-page .widget-title {
  background-color: #aa9d88; }

.widget-single, .widget-page {
  margin: 20px 0; }

.widget-page li {
  margin-bottom: 10px; }

#secondary > section {
  margin-bottom: 30px; }

/*SINGLE POST */
.sideSingle {
  width: 30%; }

.pagecontentSingle {
  width: 65%;
  float: left;
  margin-right: 5%; }

.page_inside.single {
  padding-top: 3%; }

.page_inside.single .aside {
  background-color: #C6AFB1;
  border: 1px sienna solid; }

.page_inside.single p, .page_inside.single li {
  line-height: 1.5; }

.pagecontentSingle ul li {
  list-style: disc;
  list-style-position: inside;
  padding-bottom: 15px;
  line-height: 20px; }

.comment {
  clear: left; }

.comments-title {
  font-size: 1.3em;
  margin: 20px 0; }

.comments-title:after {
  bottom: -3px; }

#comments > ol {
  margin-bottom: 20px; }

#comments > ol li {
  margin-bottom: 30px; }

#comments > ol li article {
  margin-bottom: 30px; }

#comments footer {
  background-color: #C6AFB1;
  width: 100%;
  display: block; }

#comments .comment-metadata a {
  color: #E0E0DD;
  width: 100%; }

#comments p {
  color: #471817;
  width: 100%; }

#comments .comment-content {
  width: 100%;
  padding-left: 20px; }

.comments-area article {
  margin: 0 0 48px;
  overflow: hidden;
  position: relative;
  background-color: #E0E0DD;
  color: #FFFFFF;
  padding: 10px; }

.comment article {
  padding-bottom: 2.79rem; }

a.comment-reply-link,
a.comment-edit-link {
  color: #FFFFFF;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
  text-decoration: none; }

a.comment-reply-link:hover,
a.comment-edit-link:hover {
  color: #f6e7d7; }

/*REPLY */
.reply {
  float: right;
  margin: 0 10px 10px 0;
  text-align: center;
  background-color: #C6AFB1;
  border: 1px solid #55737D;
  border-radius: 3px;
  padding: 3px;
  width: 80px;
  height: 50px;
  box-shadow: 1px 1px 2px 2px #4f4f4f;
  line-height: 40px; }

#reply-title {
  background-color: #C6AFB1;
  padding: 5px;
  text-transform: uppercase;
  color: #471817; }

.logged-in-as a {
  color: #471817; }

#comment {
  margin: 10px 0;
  background-color: #E0E0DD; }

#submit {
  background-color: #C6AFB1;
  padding: 20px;
  color: #471817;
  font-size: 1em;
  border: solid 1px #471817;
  margin-top: 10px;
  border-radius: 3px; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

a:hover img {
  border: solid  1px #C6AFB1; }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline; }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  margin: 10px 15px;
  padding: 10px;
  border: solid 1px #471817;
  font-size: 90%;
  color: black;
  overflow: hidden;
  font-style: italic; }

.wp-caption img {
  width: 100%;
  height: auto;
  margin-bottom: 5px; }

/*ADSENSE*/
.code-block {
  width: 100%;
  overflow: Hidden; }

/*FOOTER */
footer {
  background-color: #471817;
  padding: 2%  3%;
  overflow: hidden; }

footer .social {
  width: 40%; }

.logoFooter img {
  width: 40%; }

.logoFooter img:hover {
  opacity: 0.4; }

footer .social i {
  color: #CC7262;
  border: 1px solid #CC7262; }

footer .social i:hover {
  color: #471817;
  border: 1px solid #471817;
  background-color: #DED9C8; }

footer .social .bookF i {
  background-color: #CC7262;
  color: #471817; }

footer .social .bookF i:hover {
  border: 1px solid #471817;
  background-color: #DED9C8;
  color: #471817; }

#disclaimer {
  padding: 2% 3%;
  background-color: #DED9C8; }

#disclaimer p {
  font-size: 0.7em; }

footer section:nth-child(1), footer section:nth-child(2), footer section:nth-child(3) {
  float: left;
  width: 33.333%; }

/*SOCIAL*/
footer section:nth-child(4) {
  clear: left;
  width: 100%; }

footer section:nth-child(2) nav ul, footer section:nth-child(3) nav ul {
  border-left: 1px solid #CC7262;
  padding-left: 3%; }

footer section nav li {
  line-height: 25px;
  font-size: 1em; }

footer section nav li a {
  color: #CC7262;
  line-height: 25px; }

@media (max-width: 1500px) {
  .logo img {
    object-fit: cover;
    width: 90%; } }

@media (max-width: 1400px) {
  .logo img {
    object-fit: cover;
    width: 90%; }
  .front, .history_page, .pageTech, .pageArmy, .pageLead, .pageRel, .pageArt, .pageBui, .pageEve,
  .pageLaw, .pageCol, .pageMap, .pageMis, .pageEtr, .pic, .pageSearch, .side, .main_index section {
    padding: 3%; }
  .indexSingle {
    padding: 3%; }
  .pic {
    padding: 3%; } }

/* ------------------------------------------------------------------- 
 * IPADS
 * ------------------------------------------------------------------- */
@media screen and (max-width: 1060px) {
  .front article, .history_page article, .pageTech article, .pageArmy article, .pageLead article, .pageRel article, .pageArt article, .pageBui article, .pageEve article,
  .pageLaw article, .pageCol article, .pageMap article, .pageMis article, .pageEtr article {
    float: right;
    width: 100%; }
  .front article:last-child {
    padding-top: 20px;
    float: left;
    width: 15%; }
  .front, .history_page, .pageTech, .pageArmy, .pageLead, .pageRel, .pageArt, .pageBui, .pageEve,
  .pageLaw, .pageCol, .pageMap, .pageMis, .pageEtr, .pageSearch {
    padding: 3% 8%;
    margin: 0;
    display: block;
    background-size: cover;
    max-height: max-content;
    min-height: max-content; }
  .front .close:hover {
    background-color: #CC7262; }
  /*INDEX MOB*/
  .front .index_mob {
    border: 1px solid #A7301F; }
  .front #mobMenu i {
    color: #471817; }
  .titulo {
    clear: left;
    display: block;
    margin-bottom: 15px; }
  h1 {
    padding-top: 55px;
    width: 100%;
    font-size: 3.5em;
    padding-bottom: 0px; }
  .title_front h1 {
    font-size: 4.5em; }
  h2 {
    font-size: 1.8em; }
  h2:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 6px;
    border-bottom: solid 1px; }
  .intro {
    font-size: 1.5em;
    line-height: 27px; }
  .sticky_logo img {
    width: 50%; }
  .logo {
    float: left;
    width: 35%;
    margin-bottom: 20px; }
  .logo img {
    object-fit: cover;
    width: 55%; }
  /*SEARCH*/
  .searchBox {
    float: right;
    width: 50%;
    display: flex;
    margin-bottom: 0px;
    align-items: center;
    flex-direction: row-reverse; }
  .search {
    margin-right: 10px; }
  .timeline img:first-child {
    display: none;
    /*grid-column:3 /span 6;  
          grid-row:  2; */ }
  .mobtimeline {
    display: inline-block;
    object-fit: cover;
    width: 100%;
    margin-bottom: 20px; }
  .mobtimeline img {
    width: 80%; }
  /*INDEX MOB MENU*/
  .index {
    display: none; }
  /*INDEX MOB*/
  .index_mob {
    display: flex;
    border-radius: 20px;
    padding: 5px 8px;
    align-items: center;
    align-content: center; }
  .index_mob:hover {
    background-color: #DED9C8; }
  .book {
    float: left;
    margin-left: 0px;
    text-align: center;
    align-self: center; }
  .social .book i {
    border: none;
    font-size: 50px;
    line-height: 55px;
    text-align: left; }
  .social i {
    font-size: 35px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%; }
  .indextexto {
    float: left;
    margin-left: 3px;
    color: #471817;
    align-self: center; }
  .indextexto h4 {
    text-align: left;
    font-size: 0.7em;
    color: #471817; }
  index_mob .indextexto:hover {
    color: antiquewhite; }
  .social {
    width: 100%;
    display: flex;
    -webkit-flex: 1;
    /* Safari 6.1+  justify-content: space-around;*/
    -ms-flex: 1;
    /* IE 10 */
    justify-content: center;
    align-items: center;
    align-content: space-between;
    justify-content: center; }
  /*mainNAV mob*/
  .mob_main {
    display: flex;
    height: 24px;
    padding-top: 5px;
    align-items: center;
    justify-content: center; }
  .mob_main h4:hover, .mob_main i:hover {
    color: #471817; }
  .mainNav {
    height: 30px;
    line-height: 50px;
    text-align: center;
    padding-left: 0%;
    position: relative;
    z-index: 100; }
  .mainNav ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    height: 280px;
    padding: 0px 0px 0px 0px;
    background-color: #CC7262;
    display: none;
    border-radius: 10px; }
  .mainNav ul li {
    width: 100%;
    padding-bottom: 10px;
    line-height: 42px;
    border-top: 3px saddlebrown solid;
    height: 46px;
    font-size: 1.2em; }
  .mainNav ul li:first-child {
    border-top: 0px saddlebrown solid; }
  .mainNav ul li:last-child {
    border-bottom: 2px saddlebrown solid; }
  /*sideNAV mob*/
  .sideNav {
    display: none; }
  #mobMenu {
    display: block;
    width: 60px;
    height: 60px;
    z-index: 1000; }
  #mobMenu i {
    font-size: 3em;
    text-align: center;
    padding: 5px;
    margin: 0 auto; }
  #mobMenu i nav {
    font-size: 2em;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    opacity: 0.7; }
  #mobMenu nav {
    padding: 10px 0;
    width: 25%;
    position: absolute;
    top: 10%;
    right: 3%;
    background-color: #CC7262;
    opacity: 0.9;
    border-radius: 10px;
    border: 1px solid #471817; }
  #mobMenu ul li {
    line-height: 30px; }
  #mobMenu ul li a:hover {
    color: #471817; }
  .open {
    z-index: 1000; }
  #mobMenu nav ul li a {
    color: antiquewhite;
    font-size: 0.9em;
    width: 180px;
    padding: 8px 10px;
    font-weight: 300; }
  .mobside ul li a:hover {
    color: #471817;
    background-color: #CC7262; }
  .intro {
    display: block;
    width: 100%;
    clear: left;
    font-size: 1.3em;
    line-height: 28px;
    margin: 10px 0px 50px 0px; }
  .xmore {
    padding: 0px 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 0.5em;
    font-weight: 500; }
  /*CONTENT*/
  .imgCopy {
    float: left;
    width: 25%;
    margin: 0% 2% 2% 0%;
    padding: 8px; } }

@media screen and (max-width: 990px) {
  h1 {
    padding-top: 55px;
    width: 100%;
    font-size: 3.7em; }
  .sticky h3 {
    display: none; }
  .sticky_social {
    padding-top: 10px; } }

@media screen and (max-width: 750px) {
  .sticky_logo {
    float: left;
    width: 30%;
    z-index: 5000; }
  .imgCopy {
    display: none; }
  .front, .history_page, .pageTech, .pageArmy, .pageLead, .pageRel, .pageArt, .pageBui, .pageEve,
  .pageLaw, .pageCol, .pageMap, .pageMis, .pageEtr, .pic, .pageSearch, .side, .main_index section {
    padding: 7%;
    max-height: max-content;
    min-height: max-content; }
  .relatedpages_index {
    padding: 3% 7%; }
  .indexSingle {
    padding: 7%;
    min-height: max-content; }
  .pic {
    padding: 7%;
    min-height: max-content; }
  .book i, .history_page .book i {
    border: none;
    font-size: 60px;
    line-height: 50px;
    height: 50px;
    padding: 3px; }
  /*BLOG */
  .blogpic {
    margin-bottom: -10px;
    width: 100%;
    height: auto; }
  .blogpic img {
    margin-bottom: -10px;
    width: 70%;
    height: auto; }
  /*SINGLE POST */
  .single {
    overflow: hidden; }
  .pagecontentSingle {
    width: 100%;
    float: none;
    margin-right: 10%; }
  .sideSingle {
    width: 100%; }
  footer {
    padding: 30px 7%; }
  .logoFooter img {
    width: 70%; }
  footer .social {
    width: 100%; }
  footer section nav li {
    line-height: 25px;
    font-size: 0.7em; }
  footer section:nth-child(1) {
    float: left;
    width: 30%; }
  footer section:nth-child(2) {
    margin-right: 2%; } }

@media screen and (max-width: 650px) {
  .sticky_social {
    display: none; }
  h1 {
    font-size: 3.4em; }
  .title_front h1 {
    font-size: 3.5em; }
  .social article.arrow {
    margin-left: 10px; }
  #mobMenu nav {
    width: 50%; } }

@media screen and (max-width: 500px) {
  .sticky_logo {
    float: left;
    width: 40%;
    z-index: 5000; }
  h1 {
    font-size: 3.2em; }
  .indextexto {
    display: none; }
  .index_mob {
    padding: 0px; }
  .social .book i {
    font-size: 45px;
    line-height: 50px;
    padding: 1px;
    text-align: center; } }

.ads {
  max-height: 100px !important;
  height: 50px !important; }

/* ------------------------------------------------------------------- 
 MOBILES
 * ------------------------------------------------------------------- */
@media screen and (max-width: 450px) {
  .logo img {
    width: 90%; }
  .intro {
    font-size: 1.2em;
    line-height: 23pt;
    margin-bottom: 30px; } }

@media screen and (max-width: 405px) {
  .title_front h1 {
    font-size: 2.5em;
    line-height: 30px; }
  .intro {
    font-size: 1em;
    line-height: 20pt;
    margin-bottom: 30px; }
  h1 {
    padding-top: 20px;
    width: 100%;
    font-size: 3em; } }

@media screen and (max-width: 360px) {
  .social i {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%; }
  .social .book i {
    font-size: 40px;
    line-height: 50px;
    padding: 0px;
    text-align: center; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
.front {
  overflow: hidden;
  /*height: 100vh;*/
  background: url("../img/coliseum_front.jpg") no-repeat fixed center;
  background-size: cover;
  -webkit-overflow-scrolling: touch; }

.front .sticky {
  background-color: #CC7262; }

#mainFront .sticky, .frontRelated {
  background-color: #CC7262; }

/*COLOR LOGO-----------------------------------------------------*/
.front .search, .front .mainNav, .front .sideNav, .front .index, .front .xmore, #picBox .search {
  border: 1px solid #A7301F; }

.front h1, .front .intro, .front .indextexto h4, .front .sideNav ul li, .relRelated h3 {
  color: #471817; }

.front .sideNav ul li, .front .sideNav ul li a {
  color: #471817; }

/*INDEXBOOK */
.front .book i {
  font-size: 60px;
  color: #CC7262; }

.front .book i:hover {
  opacity: 0.6; }

.front .social i {
  color: #A7301F;
  border: 1px solid #A7301F; }

.front .social .arrow i {
  color: #471817;
  opacity: 0.8; }

/*NAV COLOR -------------------------------------*/
.front .search:hover, .front .mainNav, .front .intro .xmore:hover {
  background-color: #CC7262; }

.front .mainNav ul li a:hover,
.front .mainNav ul li.current-menu-item a:link,
.front .mainNav ul li.current-menu-item a:link {
  background-color: #A7301F; }

/*sideNav*/
.front .sideNav ul li a:hover,
.front .sideNav ul li.current-menu-item,
.front .sideNav ul li.current-menu-item a {
  background-color: #A7301F; }

@media (max-width: 1024px) {
  .front {
    background: url("../img/coliseum_front.jpg") no-repeat top center;
    background-size: cover; } }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.hinge {
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s; }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

.bounce {
  animation-name: bounce;
  transform-origin: center bottom; }

@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scale3d(1, 1, 1); } }

.pulse {
  animation-name: pulse; }

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  animation-name: rubberBand; }

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

.shake {
  animation-name: shake; }

@keyframes headShake {
  0% {
    transform: translateX(0); }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    transform: translateX(2px) rotateY(3deg); }
  50% {
    transform: translateX(0); } }

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake; }

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  transform-origin: top center;
  animation-name: swing; }

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }

.tada {
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    transform: none; } }

.wobble {
  animation-name: wobble; }

@keyframes jello {
  from, 11.1%, to {
    transform: none; }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  animation-name: jello;
  transform-origin: center; }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  animation-name: bounceIn; }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

.bounceInDown {
  animation-name: bounceInDown; }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

.bounceInRight {
  animation-name: bounceInRight; }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  animation-name: bounceInUp; }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  animation-name: bounceOut; }

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  animation-name: bounceOutDown; }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  animation-name: bounceOutLeft; }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  animation-name: bounceOutRight; }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  animation-name: bounceOutUp; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDownBig {
  animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeftBig {
  animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRight {
  animation-name: fadeInRight; }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRightBig {
  animation-name: fadeInRightBig; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUpBig {
  animation-name: fadeInUpBig; }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  animation-name: fadeOutDown; }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  animation-name: fadeOutRightBig; }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  animation-name: fadeOutUp; }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  animation-name: fadeOutUpBig; }

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip; }

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@keyframes flipOutX {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@keyframes flipOutY {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out; }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in; }

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1; } }

.rotateIn {
  animation-name: rotateIn; }

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  animation-name: rotateInUpRight; }

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1; }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  animation-name: rotateOut; }

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  animation-name: rotateOutUpRight; }

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  animation-name: hinge; }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }

.jackInTheBox {
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    transform: none; } }

.rollIn {
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  animation-name: rollOut; }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  animation-name: zoomIn; }

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  animation-name: zoomInDown; }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  animation-name: zoomInLeft; }

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  animation-name: zoomInRight; }

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  animation-name: zoomInUp; }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  animation-name: zoomOut; }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  animation-name: zoomOutDown; }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

.zoomOutLeft {
  animation-name: zoomOutLeft; }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

.zoomOutRight {
  animation-name: zoomOutRight; }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  animation-name: zoomOutUp; }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  animation-name: slideInDown; }

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  animation-name: slideInLeft; }

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  animation-name: slideInRight; }

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  animation-name: slideInUp; }

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  animation-name: slideOutDown; }

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  animation-name: slideOutLeft; }

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  animation-name: slideOutRight; }

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  animation-name: slideOutUp; }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
.main_index {
  background-color: #EAC8BB; }

.indexSingle {
  background-color: #C6AFB1;
  overflow: hidden; }

.main_index h1 {
  padding: 0 3%;
  color: #471817;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 3.5em;
  margin-top: 30px;
  margin-bottom: 10px;
  clear: left;
  width: 100%;
  position: relative; }

.main_index h1:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 6px;
  border-bottom: solid 2px #471817; }

.main_index .search {
  padding-right: 3%;
  border: 1px solid #471817; }

.main_index .search:hover {
  background-color: #DA626A; }

#index_page {
  padding: 3%;
  background-color: #EAC8BB; }

.pic #index_page {
  padding: 3%;
  background-color: #C6AFB1; }

#index_page ul {
  display: flex;
  flex-wrap: wrap; }

#index_page #wrapperIndex > li {
  width: 31.33333%;
  position: relative;
  height: 180px;
  overflow: hidden;
  object-fit: cover; }

#wrapperIndex > li {
  width: 100%;
  position: relative;
  height: 180px;
  overflow: hidden;
  object-fit: cover; }

#index_page #wrapperIndex > li:nth-child(2),
#index_page #wrapperIndex > li:nth-child(5),
#index_page #wrapperIndex > li:nth-child(8),
#index_page #wrapperIndex > li:nth-child(11),
#index_page #wrapperIndex > li:nth-child(14) {
  margin: 0% 3%; }

#index_page li .Tbox {
  height: 40%;
  display: flex;
  align-items: center;
  align-content: center;
  padding: 20px 10px; }

#index_page h3 {
  width: 100%;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
  color: #471817; }

#readIndex h5 {
  text-align: right;
  position: absolute;
  bottom: 0px;
  right: 20px;
  font-weight: 100;
  color: antiquewhite;
  padding: 2px;
  font-size: 1.4em;
  opacity: 0.7;
  cursor: pointer;
  border: solid 1px #DED9C8; }

#readIndex h5:hover {
  color: #471817;
  opacity: 1;
  background-color: slategrey; }

/* MENUS */
#closeIndex {
  display: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #6C678B;
  background-color: #CCC;
  opacity: 0.5;
  float: right;
  line-height: 50px;
  font-size: 2em;
  text-align: center;
  margin: 10px; }

.active {
  background-color: #FCB02B;
  height: 100% !important; }

#menu_history {
  background-color: #6E8B92; }

/*position: relative;
width: 40%;
left:-40%;*/
.menuIndex {
  display: none;
  padding: 3%;
  width: 70%;
  padding-top: 20px;
  height: 100%;
  -webkit-transition: all 1s; }

.menuIndex ul {
  height: 100%; }

.menuIndex ul li {
  display: block;
  color: antiquewhite;
  margin-bottom: 0px; }

.menuIndex ul li a {
  display: block;
  color: #471817;
  padding: 6px 8px;
  border-bottom: 1px solid #471817;
  line-height: 25px;
  margin-bottom: 0px; }

.menuIndex ul li a:hover {
  color: #DED9C8;
  background-color: #6C678B;
  border-right: 1px solid antiquewhite; }

.menuIndex ul li.current-menu-item {
  background-color: #CC7262;
  border: 1px solid antiquewhite; }

.closeIndex:hover {
  background-color: #CC7262; }

.openIndex {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #9F351F; }

#index_page .title_index, #indextemplate .title_index {
  height: 60px;
  width: 100%; }

#indextemplate h3 {
  width: 100%;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 20px;
  text-align: center;
  color: #471817;
  padding: 5px;
  line-height: 60px; }

#index_page h3:hover, #indextemplate h3:hover {
  color: antiquewhite; }

#index_page h3 span, #indextemplate h3 span {
  color: antiquewhite;
  padding-right: 5px; }

#wrapperIndex > li {
  width: 100%;
  position: relative;
  height: 180px;
  overflow: hidden;
  margin-bottom: 3%;
  object-fit: cover; }

#wrapperIndex li:hover {
  opacity: 0.8; }

/*TOP READ*/
#TOP_Index {
  background-color: #D68280;
  background: url("../img/top/Topread_img.jpg") 80% 40px #6E8B92;
  background-size: cover; }

#TOP_Index .Tbox {
  background-color: #aeadaa; }

#TOP_Index .title_index {
  background-color: #7a7877; }

/*HISTORY*/
#HIS_Index {
  background-color: #D68280;
  background: url("../img/history/Romulus-Remus_HOME.jpg") 80% 40px #6E8B92;
  background-size: cover; }

#HIS_Index .Tbox {
  background-color: #D68280; }

#HIS_Index .title_index {
  background-color: #D68280; }

/*TECHNOLOGY*/
#TEC_Index {
  background-color: #6E8B92;
  background: url("../img/tech/tech_img.jpg") center #6E8B92;
  background-size: cover; }

#TEC_Index .Tbox {
  background-color: #6E8B92; }

#TEC_Index:hover {
  opacity: 0.8; }

/*ARMY*/
#WAR_Index {
  grid-area: war;
  background-color: #959666;
  background: url("../img/army/ARMY_img.jpg") center #959666;
  background-size: cover; }

#WAR_Index .Tbox {
  background-color: #959666; }

/*LEADERS*/
#LEA_Index {
  grid-area: lea;
  background-color: #DCAC6B;
  background: url("../img/leaders/leaders_img.jpg") no-repeat 0px 70px #DCAC6B;
  background-size: cover; }

#LEA_Index .Tbox {
  background-color: #DCAC6B; }

/*RELIGION*/
#REL_Index {
  grid-area: rel;
  background-color: #6C678B;
  background: url("../img/religion/REL_img.jpg") no-repeat 0px 25px #DCAC6B;
  background-size: cover; }

#REL_Index .Tbox {
  background-color: #6C678B; }

/*ART*/
#ART_Index {
  grid-area: art;
  background-color: #DA626A;
  background: url("../img/art/ART_img.jpg") no-repeat top #DCAC6B;
  background-size: cover;
  object-fit: cover; }

#ART_Index .Tbox {
  background-color: #DA626A; }

/*BUILDING & PLACES*/
#BUI_Index {
  grid-area: bui;
  background-color: #DA626A;
  background: url("../img/building/BUI_img.jpg") no-repeat top #DCAC6B;
  background-size: cover; }

#BUI_Index .Tbox {
  background-color: #537a62; }

/*EVERYDAY LIFE*/
#EVE_Index {
  grid-area: eve;
  background: url("../img/everyday/EVE_img.jpg") no-repeat top;
  background-size: cover; }

#EVE_Index .Tbox {
  background-color: #a53d2f; }

/*LAW SOCIETY & GOVERMENT*/
#LAW_Index {
  grid-area: law;
  background-color: #DA626A;
  background: url("../img/law/law_img.jpg") no-repeat top #DCAC6B;
  background-size: cover;
  object-fit: cover; }

#LAW_Index .Tbox {
  background-color: #5685A1; }

/*COLOSSEUM & GLADIATOR*/
#COL_Index {
  grid-area: col;
  background-color: #DA626A;
  background: url("../img/coliseum/COL_img.jpg") no-repeat top #DCAC6B;
  background-size: cover; }

#COL_Index .Tbox {
  background-color: #e88a56; }

/*MAPS & PICTURES*/
#MAP_Index {
  grid-area: map;
  background-color: #d09b5c;
  background: url("../img/map/Map_img.jpg") no-repeat top #DCAC6B;
  background-size: cover; }

#MAP_Index .Tbox {
  background-color: #d09b5c; }

/*Miscellaneous*/
#MIS_Index {
  grid-area: mis;
  background-color: #DA626A;
  background: url("../img/miscella/MISCELLA.jpg") no-repeat top #DCAC6B;
  background-size: cover;
  object-fit: cover; }

#MIS_Index .Tbox {
  background-color: #d2b569; }

#MIS_Index:hover {
  opacity: 0.8; }

/*MEtruscans*/
#ETR_Index {
  grid-area: etr;
  background-color: #DA626A;
  background: url("../img/etr/Etr_img.jpg") no-repeat top #DCAC6B;
  background-size: cover;
  object-fit: cover; }

#ETR_Index .Tbox {
  background-color: #b3814f; }

#ETR_Index:hover {
  opacity: 0.8; }

.siblings {
  height: 70px;
  margin: 0px;
  padding: 0px;
  opacity: 0.5; }

.divmenu {
  width: 100%;
  height: 300px;
  overflow: scroll; }

.logo_index {
  width: 20%;
  /*grid-column:1 /span 8; */ }

.logo_index:hover {
  opacity: 0.6;
  /*grid-column:1 /span 8; */ }

.logo_index img {
  object-fit: cover;
  width: 90%; }

.searchBox_index {
  float: right;
  width: 25%; }

.relatedpages_index {
  background-color: #DED9C8; }

.linkpages_index {
  padding: 3%; }

.linkpages_index span {
  color: #DA626A; }

li
.linkpages_index ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around; }

.linkpages_index li {
  align-self: center;
  text-transform: uppercase;
  border: solid 2px #DED9C8;
  font-size: 0.8em;
  border-radius: 10px;
  margin-bottom: 1%; }

.linkpages_index .indexNav li a {
  border-right: 0px solid #6F2225;
  color: #DED9C8; }

.linkpages_index .indexNav li a:hover {
  border-right: 0px solid #6F2225;
  color: #471817; }

/*topRead*/
.linkpages_index li:nth-child(1) {
  background-color: #777674; }

/*history*/
.linkpages_index li:nth-child(2) {
  background-color: #D68280; }

/*leaders*/
.linkpages_index li:nth-child(3) {
  background-color: #DCAC6B; }

/*tecnology*/
.linkpages_index li:nth-child(4) {
  background-color: #DA626A; }

/*tecnology*/
.linkpages_index li:nth-child(5) {
  background-color: #6E8B92; }

/*building*/
.linkpages_index li:nth-child(6) {
  background-color: #537a62; }

/*everyday*/
.linkpages_index li:nth-child(7) {
  background-color: #a35685; }

/*religion*/
.linkpages_index li:nth-child(8) {
  background-color: #6C678B; }

/*law*/
.linkpages_index li:nth-child(9) {
  background-color: #5685A1; }

/*army*/
.linkpages_index li:nth-child(10) {
  background-color: #959666; }

.linkpages_index li:nth-child(11) {
  background-color: #e88a56; }

/*miscellaneous*/
.linkpages_index li:nth-child(12) {
  background-color: #d2b569; }

/*maps*/
.linkpages_index li:nth-child(13) {
  background-color: #d09b5c; }

/*etruscans*/
.linkpages_index li:nth-child(14) {
  background-color: #b3814f; }

/* ------------------------------------------------------------------- 
 * 1135px 3 parts
 * ------------------------------------------------------------------- */
@media screen and (max-width: 1135px) {
  #index_page #wrapperIndex > li {
    width: 48.5%;
    position: relative;
    height: 180px;
    overflow: hidden;
    margin-bottom: 3%;
    object-fit: cover; }
  #wrapperIndex > li {
    width: 100%;
    position: relative;
    height: 180px;
    overflow: hidden;
    margin-bottom: 3%;
    object-fit: cover; }
  #index_page #wrapperIndex > li:nth-child(2),
  #index_page #wrapperIndex > li:nth-child(5),
  #index_page #wrapperIndex > li:nth-child(8),
  #index_page #wrapperIndex > li:nth-child(11),
  #index_page #wrapperIndex > li:nth-child(14) {
    margin: 0% 0%; }
  #index_page #wrapperIndex > li:nth-child(odd) {
    margin-right: 3%; }
  #index_page #wrapperIndex > li:nth-child(odd) {
    margin-right: 3%; } }

@media screen and (max-width: 700px) {
  #index_page #wrapperIndex > li:nth-child(2),
  #index_page #wrapperIndex > li:nth-child(5),
  #index_page #wrapperIndex > li:nth-child(8),
  #index_page #wrapperIndex > li:nth-child(11) {
    margin: 0% 0% 3% 0%; }
  #index_page #wrapperIndex > li:nth-child(odd) {
    margin-right: 0%; }
  #index_page #wrapperIndex > li:nth-child(odd) {
    margin-right: 0%; }
  #index_page {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible; }
  #index_page #wrapperIndex > li {
    width: 100%;
    position: relative;
    height: 100px;
    overflow: hidden;
    margin-bottom: 3%;
    object-fit: cover;
    padding-top: 30px; }
  #index_page h3 {
    text-align: left;
    padding-left: 15px;
    font-weight: 100;
    font-size: 1.5em; }
  #index_page h3:hover {
    color: antiquewhite; }
  #readIndex h5 {
    font-size: 1.3em; }
  /*TOP*/
  #TOP_Index {
    background-color: #aeadaa;
    background: url("") 80% 30px #aeadaa; }
  /*HISTORY*/
  #HIS_Index {
    background-color: #D68280;
    background: url("") 80% 30px #D68280; }
  /*TECHNOLOGY*/
  #TEC_Index {
    background-color: #6E8B92;
    background: url("") center #6E8B92; }
  /*ARMY*/
  #WAR_Index {
    background: url("") center #959666; }
  /*LEADERS*/
  #LEA_Index {
    background: url("") no-repeat 0px 20px #DCAC6B; }
  /*RELIGION*/
  #REL_Index {
    background: url("") no-repeat 0px 25px #6C678B; }
  /*ART*/
  #ART_Index {
    background: url("") no-repeat top #DA626A; }
  /*BUILDING & PLACES*/
  #BUI_Index {
    background: url("") no-repeat top #537a62; }
  /*EVERYDAY LIFE*/
  #EVE_Index {
    background: url("") no-repeat top #a53d2f; }
  /*LAW SOCIETY & GOVERMENT*/
  #LAW_Index {
    background: url("") no-repeat top #5685A1; }
  #COL_Index {
    background: url("") no-repeat top #e88a56; }
  /*MAPS & PICTURES*/
  #MAP_Index {
    background: url("") no-repeat top #d09b5c; }
  /*Miscellaneous*/
  #MIS_Index {
    background: url("") #d2b569; }
  #ETR_Index {
    background-color: #b3814f;
    background: url("") 80% 30px #b3814f; } }

/*INDEX SINGLE PAGE*/
.indexSingle .sticky_logo {
  background-color: #C35E64; }

/* article Img*/
.imgCopyI {
  float: left;
  width: 40%;
  margin-right: 3%;
  padding: 20px; }

.Toindex {
  background-color: #777674; }

.Hindex {
  background-color: #D68280; }

.Tindex {
  background-color: #6E8B92; }

.Aindex {
  background-color: #DA626A; }

.Arindex {
  background-color: #959666; }

.Lindex {
  background-color: #DCAC6B; }

.Bindex {
  background-color: #537a62; }

.Eindex {
  background-color: #a53d2f; }

.Etindex {
  background-color: #b3814f; }

.Miindex {
  background-color: #d2b569; }

.Mindex {
  background-color: #d09b5c; }

.Cindex {
  background-color: #e88a56; }

.Laindex {
  background-color: #5685A1; }

.Rindex {
  background-color: #6C678B; }

.imgCopyI img {
  width: 100%;
  height: 350px;
  object-fit: cover; }

#indexList {
  float: left;
  width: 40%;
  margin-bottom: 3%; }

#indexList a {
  display: inline-block;
  color: #471817;
  line-height: 25px;
  font-size: 1em;
  border-bottom: solid 1px #DED9C8;
  padding: 3px 0px; }

#indexList a:hover {
  color: #DED9C8;
  line-height: 25px;
  font-size: 1em; }

@media screen and (max-width: 650px) {
  .imgCopyI {
    margin-bottom: 20px; }
  .imgCopyI img {
    height: 50%; }
  #indexList {
    float: none;
    width: 100%;
    margin-bottom: 3%; } }

@media screen and (max-width: 600px) {
  .imgCopyI {
    display: none; }
  .imgCopyI img {
    height: 50%; }
  #indexList {
    float: none;
    width: 100%;
    margin-bottom: 3%; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainHis .sticky, .hisRelated {
  background-color: #C35E64; }

/*COLOR LOGO-----------------------------------------------------*/
.history_page .search, .history_page .mainNav, .history_page .sideNav, .history_page .index, .history_page .xmore {
  border: 1px solid #6F2225; }

.history_page h1, .history_page .intro, .history_page .indextexto h4, .history_page .sideNav ul li a, .hisRelated h3 {
  color: #6f2225; }

.history h2, .history h2:after {
  color: #6F2225; }

/*INDEXBOOK */
.history_page .social i, .history_page .index_mob {
  color: #6f2225;
  border: 1px solid #6f2225; }

.history_page .book i {
  color: #6f2225;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.history_page .search:hover, .history_page .mainNav, .history_page .sideNav ul li a:hover, .history_page .intro .xmore:hover, .hisRelated {
  background-color: #C35E64; }

/*sideNav*/
.history_page .sideNav ul li a:hover,
.history_page .sideNav ul li.current-menu-item,
.history_page .sideNav ul li.current-menu-item a {
  color: #ededed;
  background-color: #6f2225; }

/*marco*/
.history .imgCopy {
  background-color: #C35E64; }

.history_page {
  overflow: hidden;
  background: url("../img/history/Romulus-Remus_HOME.jpg") no-repeat fixed center;
  background-size: cover; }

.history_page .mainNav ul li a:hover,
.history_page .mainNav ul li.current-menu-item a:link,
.history_page .mainNav ul li.current-menu-item a:link {
  background-color: #6F2225; }

.history_page .mainNav ul li.current-menu-item,
.history_page .mainNav ul li.current-menu-item,
.history_page mainNav ul li.current-menu-ancestor {
  background-color: #6F2225; }

.pageHis .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*INDEX*/
.history_page .book img {
  width: 74px; }

.history {
  background-color: #FFEBE8; }

@media (max-width: 1024px) {
  .history_page {
    overflow: hidden;
    background: url("../img/history/Romulus-Remus_HOME.jpg") no-repeat top center;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
.relatedpages {
  background-color: #C35E64;
  height: 100%;
  padding: 3%; }

.relatedpages h3 span {
  color: #DED9C8; }

.relatedpages h3 {
  color: #6F2225; }

.hisNav {
  padding-top: 20px; }

.hisNav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.hisNav ul li a {
  color: antiquewhite;
  line-height: 30px;
  padding: 6px 8px;
  border-right: 1px solid #6F2225; }

.hisNav ul li a:hover {
  color: #471817;
  border-right: 1px solid antiquewhite; }

.hisNav ul li.current-menu-item {
  border: 1px solid antiquewhite; }

.pic .imgIndex {
  float: left;
  width: 25%;
  margin: 0% 2% 2% 0%;
  padding: 10px;
  order: 0;
  width: 30%;
  margin: 2% 3% 0% 3%;
  padding: 10px;
  background-color: #C35E64;
  border: solid 10px #C35E64;
  height: 300px; }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainArmy .sticky, .ArmyRelated {
  background-color: #6B692F; }

/*COLOR LOGO-----------------------------------------------------*/
.pageArmy .search, .pageArmy .mainNav, .pageArmy .sideNav, .pageArmy .index, .pageArmy .xmore {
  border: 1px solid  #2D2C1C; }

.pageArmy h1, .pageArmy .intro, .pageArmy .indextexto h4, .pageArmy .sideNav ul li, .ArmyRelated h3, .pageArmy .xmore {
  color: #2D2C1C; }

.pageArmy .sideNav ul li a {
  color: #2D2C1C; }

.Army h2, .pageArmy h2:after {
  color: #2D2C1C; }

.pageArmy .social i, .pageArmy .index_mob {
  color: #2D2C1C;
  border: 1px solid  #2D2C1C; }

/*INDEXBOOK */
.pageArmy .book i {
  font-size: 60px;
  color: #2D2C1C;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageArmy .search:hover, .pageArmy .mainNav, .pageArmy .sideNav ul li a:hover, .pageArmy .intro .xmore:hover, .armyRelated {
  background-color: #59583A; }

/*sideNav*/
.pageArmy .sideNav ul li a:hover,
.pageArmy .sideNav ul li.current-menu-item,
.pageArmy .sideNav ul li.current-menu-item a {
  background-color: #59583A; }

/*marco*/
.Army .imgCopy {
  background-color: #59583A; }

/*+++++++++++++++*/
.pageArmy {
  overflow: hidden;
  background: url("../img/army/ARMY_img.jpg") no-repeat fixed center;
  background-size: cover; }

.pageArmy .mainNav ul li a:hover,
.pageArmy .mainNav ul li.current-menu-item a:link,
.pageArmy .mainNav ul li.current-menu-item a:link {
  background-color: #2D2C1C; }

/*PAGE INSIDE*/
.army {
  background-color: #a7ad8b; }

/*Underline*/
.army .imgCopy {
  background-color: #959566; }

@media (max-width: 1024px) {
  .pageArmy {
    overflow: hidden;
    background: url("../img/army/ARMY_img.jpg") no-repeat top center;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
.pageTech {
  overflow: hidden;
  background: url("../img/tech/tech_img.jpg") no-repeat fixed center;
  background-size: cover;
  height: auto-flow; }

#mainTec .sticky, .techRelated {
  background-color: #438691; }

/*COLOR LOGO-----------------------------------------------------*/
.pageTech .search, .pageTech .mainNav, .pageTech .sideNav, .pageTech .index, .pageTech .xmore {
  border: 1px solid #132528; }

.pageTech h1, .pageTech .intro, .pageTech .indextexto h4, .pageTech .sideNav ul li, .techRelated h3 {
  color: #132528; }

.pageTech .sideNav ul li a {
  color: #132528; }

.Tech h2, .pageTech h2:after {
  color: #132528; }

.pageTech .social i, .pageTech .index_mob {
  color: #132528;
  border: 1px solid #132528; }

/*INDEXBOOK */
.pageTech .book i {
  font-size: 60px;
  color: #132528;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageTech .search:hover, .pageTech .mainNav, .pageTech .intro .xmore:hover {
  background-color: #6D8A92; }

.pageTech .mainNav ul li a:hover,
.pageTech .mainNav ul li.current-menu-item a:link,
.pageTech .mainNav ul li.current-menu-item a:link {
  background-color: #6D8A92; }

/*sideNav*/
.pageTech .sideNav ul li a:hover,
.pageTech .sideNav ul li.current-menu-item,
.pageTech .sideNav ul li.current-menu-item a {
  background-color: #6D8A92; }

/*marco*/
.Tech .imgCopy {
  background-color: #6D8A92; }

.pageTech .mainNav ul li a:hover,
.pageTech .mainNav ul li.current-menu-item a:link,
.pageTech .mainNav ul li.current-menu-item a:link {
  background-color: #6D8A92; }

.pageTech .mainNav ul li.current-menu-item,
.pageTech .mainNav ul li.current-menu-item,
.pageTech mainNav ul li.current-menu-ancestor {
  background-color: #6D8A92; }

.pageTech .current-menu-ancestor, .current-menu-parent {
  background-color: #6D8A92; }

/*PAGE INSIDE*/
.techno {
  background-color: #C8CBCC; }

.techno h2 {
  color: #214047; }

.techno .imgCopy {
  background-color: #6D8A92; }

.techRelated h3 span {
  color: #C8CBCC; }

.techRelated h3 {
  color: #214047; }

.techRelated .hisNav ul li a {
  color: #C8CBCC;
  line-height: 30px;
  padding: 6px 8px;
  border-right: 1px solid #471817; }

.techRelated .hisNav ul li a:hover {
  color: #214047;
  border-right: 1px solid antiquewhite; }

.techRelated .hisNav ul li.current-menu-item {
  background-color: #6D8A92;
  border: 1px solid #DED9C8; }

@media (max-width: 1024px) {
  .pageTech {
    overflow: hidden;
    background: url("../img/tech/tech_img.jpg") no-repeat top center;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainLead .sticky, .leadersRelated {
  background-color: #E59C4C; }

/*SEARCH*/
.pageLead .search, .pageLead .mainNav, .pageLead .sideNav, .pageLead .index {
  border: 1px solid #42210B; }

.pageLead h1, .pageLead .intro, .pageLead .indextexto h4, .leadRelated h3 {
  color: #42210B; }

.leader h2, .leader h2:after {
  color: #42210B; }

.pageLead .search:hover {
  background-color: #D3964C; }

/* background: url("../img/leaders/leaders_img.jpg") no-repeat fixed center; +++++++++++++++*/
.pageLead {
  overflow: hidden;
  background: url("../img/leaders/leaders_img.jpg") no-repeat fixed top;
  background-size: cover; }

.pageLead h1, .pageLead .intro, .pageLead .indextexto h4 {
  color: #42210B; }

.pageLead .mainNav {
  background-color: #B78349; }

.pageLead .mainNav:hover {
  border: 1px solid #ADAC99; }

.pageLead .mainNav ul li a:hover {
  color: #60462C; }

.pageLead .mainNav ul li a:hover {
  background-color: #959566; }

.pageLead .sideNav ul li {
  color: #42210B; }

.pageLead .sideNav ul li a:hover, .pageLead .intro .xmore:hover {
  background-color: #E59C4C; }

.pageLead .mainNav ul li.current-menu-item a:link,
.pageLead .mainNav ul li.current-menu-item a:link {
  background-color: #A60462C; }

.pageLead .mainNav ul li.current-menu-item,
.pageLead .mainNav ul li.current-menu-item,
.pageLead mainNav ul li.current-menu-ancestor {
  background-color: #60462C; }

.pageLead .sideNav ul li a {
  color: #42210B; }

.pageLead .sideNav ul li a:hover {
  color: #DED9C8; }

.pageLead .sideNav ul li.current-menu-item,
.pageLead .sideNav ul li.current-menu-item a {
  background-color: #6D8A92; }

.pageLead .current-menu-ancestor, .current-menu-parent {
  background-color: #60462C; }

/*INDEXBOOK */
.pageLead .book i {
  font-size: 60px;
  color: #60462C; }

/*social*/
.pageLead .social i, .pageLead .index_mob {
  color: #42210B;
  border: 1px solid #42210B; }

/*PAGE INSIDE*/
.leader {
  background-color: #E0C4A2; }

/*MARCO*/
.leader .imgCopy {
  background-color: #B78349; }

/*RELATED PAGES*/
@media (max-width: 1024px) {
  .pageLead {
    overflow: hidden;
    background: url("../img/leaders/leaders_img.jpg") no-repeat center top;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainRel .sticky, .leadRelated {
  background-color: #555187; }

/*SEARCH*/
.pageRel .search, .pageRel .mainNav, .pageRel .sideNav, .pageRel .index, .pageRel .xmore {
  border: 1px solid #3B264D; }

.pageRel h1, .pageRel .intro, .pageRel .indextexto h4, .pageRel .sideNav ul li, .relRelated h3 {
  color: #3B264D; }

.pageRel h2, .pageRel h2:after {
  color: #3B264D; }

.pageRel .search:hover, .pageRel .mainNav, .pageRel .sideNav ul li a:hover, .pageRel .intro .xmore:hover, .relRelated {
  background-color: #6C678B; }

/* background: url("../img/leaders/leaders_img.jpg") no-repeat fixed center; +++++++++++++++*/
.pageRel {
  overflow: hidden;
  background: url("../img/religion/REL_img.jpg") no-repeat fixed top;
  background-size: cover; }

.pageRel .mainNav:hover {
  border: 1px solid #ADAC99; }

.pageRel .mainNav ul li a:hover {
  color: #DED9C8; }

.pageRel .mainNav ul li a:hover {
  background-color: #543575; }

.pageRel .mainNav ul li.current-menu-item a:link,
.pageRel .mainNav ul li.current-menu-item a:link {
  background-color: #543575; }

.pageRel .mainNav ul li.current-menu-item,
.pageRel .mainNav ul li.current-menu-item,
.pageRel mainNav ul li.current-menu-ancestor {
  background-color: #543575; }

.pageRel .sideNav ul li a {
  color: #42210B; }

.pageRel .sideNav ul li a:hover {
  color: #DED9C8; }

.pageRel .sideNav ul li.current-menu-item,
.pageRel .sideNav ul li.current-menu-item a {
  background-color: #6D8A92; }

.pageRel .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*INDEXBOOK */
.pageRel .book i {
  font-size: 60px;
  color: #3B264D;
  opacity: 0.7; }

/*social*/
.pageRel .social i, .pageRel .index_mob {
  color: #3B264D;
  border: 1px solid #3B264D; }

/*PAGE INSIDE*/
.Relig {
  background-color: #a3a0e5; }

/*MARCO*/
.Relig .imgCopy {
  background-color: #6C678B; }

/*RELATED PAGES*/
@media (max-width: 1024px) {
  .pageRel {
    overflow: hidden;
    background: url("../img/religion/REL_img.jpg") no-repeat center top;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainArt .sticky, .artRelated {
  background-color: #c05b67; }

/*COLOR LOGO-----------------------------------------------------*/
.pageArt .search, .pageArt .mainNav, .pageArt .sideNav, .pageArt .index, .pageArt .xmore {
  border: 1px solid #6f2225; }

.pageArt h1, .pageArt .intro, .pageArt .indextexto h4, .pageArt .sideNav ul li, .artRelated h3 {
  color: #6f2225; }

.pageArt .sideNav ul li a {
  color: #6f2225; }

.Art h2, .pageArt h2:after {
  color: #6f2225; }

.pageArt .social i, .pageArt .index_mob {
  color: #6f2225;
  border: 1px solid #6f2225; }

/*INDEXBOOK */
.pageArt .book i {
  font-size: 60px;
  color: #6f2225;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageArt .search:hover, .pageArt .mainNav, .pageArt .sideNav ul li a:hover, .pageArt .intro .xmore:hover, .artRelated {
  background-color: #be6b70; }

/*sideNav*/
.pageArt .sideNav ul li a:hover,
.pageArt .sideNav ul li.current-menu-item,
.pageArt .sideNav ul li.current-menu-item a {
  background-color: #be6b70; }

/*marco*/
.Art .imgCopy {
  background-color: #be6b70; }

.pageArt {
  overflow: hidden;
  background: url("../img/art/ART_img.jpg") no-repeat fixed top;
  background-size: cover; }

.pageArt .mainNav:hover {
  border: 1px solid #ADAC99; }

.pageArt .mainNav ul li a:hover {
  color: #DED9C8; }

.pageArt .mainNav ul li a:hover,
.pageArt .mainNav ul li.current-menu-item a:link,
.pageArt .mainNav ul li.current-menu-item a:link {
  background-color: #993d46; }

.pageArt .mainNav ul li.current-menu-item,
.pageArt .mainNav ul li.current-menu-item,
.pageArt mainNav ul li.current-menu-ancestor {
  background-color: #993d46; }

.pageArt .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*PAGE INSIDE*/
.Art {
  background-color: #c5a6a9; }

@media (max-width: 1024px) {
  .pageArt {
    overflow: hidden;
    background: url("../img/art/ART_img.jpg") no-repeat top center;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainLaw .sticky, .lawRelated {
  background-color: #5897B7; }

/*COLOR LOGO-----------------------------------------------------*/
.pageLaw .search, .pageLaw .mainNav, .pageLaw .sideNav, .pageLaw .index, .pageLaw .xmore {
  border: 1px solid #132528; }

.pageLaw h1, .pageLaw .intro, .pageLaw .indextexto h4, .pageLaw .sideNav ul li, .lawRelated h3 {
  color: #132528; }

.pageLaw .sideNav ul li a {
  color: #132528; }

.Law h2, .pageLaw h2:after {
  color: #132528; }

.pageLaw .social i, .pageLaw .index_mob {
  color: #132528;
  border: 1px solid #132528; }

/*INDEXBOOK */
.pageLaw .book i {
  font-size: 60px;
  color: #132528;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageLaw .search:hover, .pageLaw .mainNav, .pageLaw .sideNav ul li a:hover, .pageLaw .intro .xmore:hover, .lawRelated {
  background-color: #5685A1; }

/*sideNav*/
.pageLaw .sideNav ul li a:hover,
.pageLaw .sideNav ul li.current-menu-item,
.pageLaw .sideNav ul li.current-menu-item a {
  background-color: #5685A1; }

/*marco*/
.Law .imgCopy {
  background-color: #5685A1; }

.pageLaw {
  overflow: hidden;
  background: url("../img/law/law_img.jpg") no-repeat fixed top;
  background-size: cover; }

.pageLaw .mainNav:hover {
  border: 1px solid #ADAC99; }

.pageLaw .mainNav ul li a:hover {
  color: #DED9C8; }

.pageLaw .mainNav ul li a:hover,
.pageLaw .mainNav ul li.current-menu-item a:link,
.pageLaw .mainNav ul li.current-menu-item a:link {
  background-color: #993d46; }

.pageLaw .mainNav ul li.current-menu-item,
.pageLaw .mainNav ul li.current-menu-item,
.pageLaw mainNav ul li.current-menu-ancestor {
  background-color: #993d46; }

.pageLaw .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*PAGE INSIDE*/
.Law {
  background-color: #C0C9CC; }

@media (max-width: 1024px) {
  .pageLaw {
    overflow: hidden;
    background: url("../img/law/LAW_img.jpg") no-repeat center top;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainCol .sticky, .colRelated {
  background-color: #e87034; }

/*COLOR LOGO-----------------------------------------------------*/
.pageCol .search, .pageCol .mainNav, .pageCol .sideNav, .pageCol .index, .pageCol .xmore {
  border: 1px solid #6f2225; }

.pageCol h1, .pageCol .intro, .pageCol .indextexto h4, .pageCol .sideNav ul li, .ColRelated h3 {
  color: #6f2225; }

.pageCol .sideNav ul li a {
  color: #6f2225; }

.Col h2, .pageCol h2:after {
  color: #6f2225; }

.pageCol .social i, .pageCol .index_mob {
  color: #6f2225;
  border: 1px solid #6f2225; }

/*INDEXBOOK */
.pageCol .book i {
  font-size: 60px;
  color: #6f2225;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageCol .search:hover, .pageCol .mainNav, .pageCol .sideNav ul li a:hover, .pageCol .intro .xmore:hover, .colRelated {
  background-color: #e88a56; }

/*sideNav*/
.pageCol .sideNav ul li a:hover,
.pageCol .sideNav ul li.current-menu-item,
.pageCol .sideNav ul li.current-menu-item a {
  background-color: #e88a56; }

/*marco*/
.Col .imgCopy {
  background-color: #e88a56; }

.pageCol {
  overflow: hidden;
  background: url("../img/coliseum/COL_img.jpg") no-repeat fixed #DCAC6B;
  background-size: cover; }

.pageCol .mainNav:hover {
  border: 1px solid #9E662A; }

.pageCol .mainNav ul li a:hover {
  color: #DED9C8; }

/*HOVER COLOR*/
.pageCol .mainNav ul li a:hover,
.pageCol .mainNav ul li.current-menu-item a:link,
.pageCol .mainNav ul li.current-menu-item a:link {
  background-color: #bc663b; }

.pageCol .mainNav ul li.current-menu-item,
.pageCol .mainNav ul li.current-menu-item,
.pageCol mainNav ul li.current-menu-ancestor {
  background-color: #bc663b; }

.pageCol .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*PAGE INSIDE*/
.Col {
  background-color: #d3af8c; }

@media (max-width: 1024px) {
  .pageCol {
    overflow: hidden;
    background: url("../img/Coliseum/COL_img.jpg") no-repeat top #DCAC6B;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainEve .sticky, .eveRelated {
  background-color: #bf433a; }

/*COLOR LOGO-----------------------------------------------------*/
.pageEve .search, .pageEve .mainNav, .pageEve .sideNav, .pageEve .index, .pageEve .xmore {
  border: 1px solid #340e12; }

.pageEve h1, .pageEve .intro, .pageEve .indextexto h4, .pageEve .sideNav ul li, .eveRelated h3 {
  color: #340e12; }

.pageEve .sideNav ul li a {
  color: #340e12; }

.Eve h2, .pageEve h2:after {
  color: #340e12; }

.pageEve .social i, .pageEve .index_mob {
  color: #340e12;
  border: 1px solid #340e12; }

/*INDEXBOOK */
.pageEve .book i {
  font-size: 60px;
  color: #340e12;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageEve .search:hover, .pageEve .mainNav, .pageEve .sideNav ul li a:hover, .pageEve .intro .xmore:hover, .eveRelated {
  background-color: #aa6965; }

/*sideNav*/
.pageEve .sideNav ul li a:hover,
.pageEve .sideNav ul li.current-menu-item,
.pageEve .sideNav ul li.current-menu-item a {
  background-color: #aa6965; }

/*marco*/
.Eve .imgCopy {
  background-color: #aa6965; }

.pageEve {
  overflow: hidden;
  background: url("../img/everyday/EVE_img.jpg") no-repeat fixed;
  background-size: cover; }

.pageEve .mainNav:hover {
  border: 1px solid #ADAC99; }

.pageEve .mainNav ul li a:hover {
  color: #DED9C8; }

.pageEve .mainNav ul li a:hover,
.pageEve .mainNav ul li.current-menu-item a:link,
.pageEve .mainNav ul li.current-menu-item a:link {
  background-color: #993d46; }

.pageEve .mainNav ul li.current-menu-item,
.pageEve .mainNav ul li.current-menu-item,
.pageEve mainNav ul li.current-menu-ancestor {
  background-color: #993d46; }

.pageEve .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*PAGE INSIDE*/
.Eve {
  background-color: #c9b9b8; }

@media (max-width: 1024px) {
  .pageEve {
    overflow: hidden;
    background: url("../img/everyday/EVE_img.jpg") no-repeat center top;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainMap .sticky, .mapRelated {
  background-color: #D17F26; }

/*COLOR LOGO-----------------------------------------------------*/
.pageMap .search, .pageMap .mainNav, .pageMap .sideNav, .pageMap .index, .pageMap .xmore {
  border: 1px solid #412413; }

.pageMap h1, .pageMap .intro, .pageMap .indextexto h4, .pageMap .sideNav ul li, .mapRelated h3 {
  color: #412413; }

.pageMap .sideNav ul li a {
  color: #412413; }

.Map h2, .pageMap h2:after {
  color: #412413; }

.pageMap .social i, .pageMap .index_mob {
  color: #412413;
  border: 1px solid #6f2225; }

/*INDEXBOOK */
.pageMap .book i {
  font-size: 60px;
  color: #412413;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageMap .search:hover, .pageMap .mainNav, .pageMap .sideNav ul li a:hover, .pageMap .intro .xmore:hover, .mapRelated {
  background-color: #C6843C; }

/*sideNav*/
.pageMap .sideNav ul li a:hover,
.pageMap .sideNav ul li.current-menu-item,
.pageMap .sideNav ul li.current-menu-item a {
  background-color: #C6843C; }

/*marco*/
.Map .imgCopy {
  background-color: #C6843C; }

.pageMap {
  overflow: hidden;
  background: url("../img/map/Map_img.jpg") no-repeat fixed top;
  background-size: cover; }

.pageMap .mainNav:hover {
  border: 1px solid #9E662A; }

.pageMap .mainNav ul li a:hover {
  color: #DED9C8; }

.pageMap .mainNav ul li a:hover,
.pageMap .mainNav ul li.current-menu-item a:link,
.pageMap .mainNav ul li.current-menu-item a:link {
  background-color: #9E662A; }

.pageMap .mainNav ul li.current-menu-item,
.pageMap .mainNav ul li.current-menu-item,
.pageMap mainNav ul li.current-menu-ancestor {
  background-color: #9E662A; }

.pageMap .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*PAGE INSIDE*/
.Map {
  background-color: #D3B798; }

@media (max-width: 1024px) {
  .pageMap {
    overflow: hidden;
    background: url("../img/map/Map_img.jpg") no-repeat center top;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainBui .sticky, .buiRelated, .pageBui .sticky {
  background-color: #548e69; }

/*COLOR LOGO-----------------------------------------------------*/
.pageBui .search, .pageBui .mainNav, .pageBui .sideNav, .pageBui .index, .pageBui .xmore {
  border: 1px solid #072b14; }

.pageBui h1, .pageBui .intro, .pageBui .indextexto h4, .pageBui .sideNav ul li, .buiRelated h3 {
  color: #072b14; }

.pageBui .sideNav ul li a {
  color: #072b14; }

.Bui h2, .pageBui h2:after {
  color: #072b14; }

.pageBui .social i, .pageBui .index_mob {
  color: #072b14;
  border: 1px solid #072b14; }

/*INDEXBOOK */
.pageBui .book i {
  font-size: 60px;
  color: #072b14;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageBui .search:hover, .pageBui .mainNav, .pageBui .sideNav ul li a:hover, .pageBui .intro .xmore:hover, .buiRelated {
  background-color: #537a62; }

/*sideNav*/
.pageBui .sideNav ul li a:hover,
.pageBui .sideNav ul li.current-menu-item,
.pageBui .sideNav ul li.current-menu-item a {
  background-color: #537a62; }

/*marco*/
.Bui .imgCopy {
  background-color: #537a62; }

.pageBui {
  overflow: hidden;
  background: url("../img/building/BUI_img.jpg") no-repeat fixed #DCAC6B;
  background-size: cover; }

.pageBui .mainNav:hover {
  border: 1px solid #072b14; }

/*HOVER COLOR*/
.pageBui .mainNav ul li a:hover,
.pageBui .mainNav ul li.current-menu-item a:link,
.pageBui .mainNav ul li.current-menu-item a:link {
  background-color: #072b14; }

.pageBui .mainNav ul li.current-menu-item,
.pageBui .mainNav ul li.current-menu-item,
.pageBui mainNav ul li.current-menu-ancestor {
  background-color: #072b14; }

.pageBui .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*PAGE INSIDE*/
.Bui {
  background-color: #a3b2a8; }

@media (max-width: 1024px) {
  .pageBui {
    overflow: hidden;
    background: url("../img/building/BUI_img.jpg") no-repeat center top #DCAC6B;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainMis .sticky, .misRelated {
  background-color: #cca03e; }

/*COLOR LOGO-----------------------------------------------------*/
.pageMis .search, .pageMis .mainNav, .pageMis .sideNav, .pageMis .index, .pageMis .xmore {
  border: 1px solid #6f2225; }

.pageMis h1, .pageMis .intro, .pageMis .indextexto h4, .pageMis .sideNav ul li, .relRelated h3 {
  color: #6f2225; }

.pageMis .sideNav ul li a {
  color: #6f2225; }

.Mis h2, .pageMis h2:after {
  color: #6f2225; }

.pageMis .social i, .pageMis .index_mob {
  color: #6f2225;
  border: 1px solid #6f2225; }

/*INDEXBOOK */
.pageMis .book i {
  font-size: 60px;
  color: #6f2225;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageMis .search:hover, .pageMis .mainNav, .pageMis .sideNav ul li a:hover, .pageMis .intro .xmore:hover, .misRelated {
  background-color: #b29044; }

/*sideNav*/
.pageMis .sideNav ul li a:hover,
.pageMis .sideNav ul li.current-menu-item,
.pageMis .sideNav ul li.current-menu-item a {
  background-color: #6f2225; }

/*marco*/
.Mis .imgCopy {
  background-color: #cca03e; }

.pageMis {
  overflow: hidden;
  background: url("../img/miscella/MISCELLA.jpg") no-repeat fixed #DCAC6B;
  background-size: cover; }

.pageMis .mainNav ul li a:hover,
.pageMis .mainNav ul li.current-menu-item a:link,
.pageMis .mainNav ul li.current-menu-item a:link {
  background-color: #993d46; }

.pageMis .mainNav ul li.current-menu-item,
.pageMis .mainNav ul li.current-menu-item,
.pageMis mainNav ul li.current-menu-ancestor {
  background-color: #993d46; }

.pageMis .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*PAGE INSIDE*/
.Mis {
  background-color: #dbd5c8; }

@media (max-width: 1024px) {
  .pageMis {
    overflow: hidden;
    background: url("../img/miscella/MISCELLA.jpg") no-repeat top #DCAC6B;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
.side {
  background-color: #FFEBE8; }

.side .sticky {
  background-color: #C35E64; }

.side .imgCopy {
  background-color: #C35E64; }

.side h1 {
  padding: 0 3%;
  color: #471817;
  font-family: 'Sorts Mill Goudy', serif;
  font-size: 3.5em;
  margin-top: 30px;
  margin-bottom: 10px;
  clear: left;
  width: 100%;
  position: relative; }

.side h1:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 6px;
  border-bottom: solid 2px #471817; }

.side h2, .side h2:after {
  color: #471817; }

.side article {
  display: flex;
  height: 25%; }

/*EXCERPT*/
.side article .intro {
  order: 1;
  width: 48.5%;
  color: #471817;
  font-size: 1em;
  line-height: 20pt;
  font-weight: 400;
  margin: 2% 0% 0% 3%; }

/*READ MORE */
.side .intro .xmore {
  padding: 0px 15px;
  margin-top: 10px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.5em;
  font-weight: 500; }

/*IMG */
.side .imgCopy {
  order: 0;
  width: 30%;
  margin: 2% 3% 0% 3%;
  padding: 10px;
  background-color: #C35E64;
  border: solid 10px #C35E64;
  height: 300px; }

.side .imgCopy img {
  object-fit: cover;
  height: 100%; }

.side .imgCopy img:hover, .imgCopy2 img:hover {
  opacity: 0.5; }

/*FORMS*/
.contact #copyPages div .wpcf7 {
  width: 100%; }

.div.wpcf7 {
  margin: 0;
  padding: 0;
  width: 100%; }

#contact-form-editor-tabs li {
  display: inline-block;
  list-style: none;
  border: 1px solid #ccc;
  border-bottom: 1px solid #aaa;
  padding: 0;
  margin: 0 4px -1px;
  background-color: #FFEBE8; }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainEtr .sticky, .etrRelated {
  background-color: #b3681b; }

/*COLOR LOGO-----------------------------------------------------*/
.pageEtr .search, .pageEtr .mainNav, .pageEtr .sideNav, .pageEtr .index, .pageEtr .xmore {
  border: 1px solid #482a0b; }

.pageEtr h1, .pageEtr .intro, .pageEtr .indextexto h4, .pageEtr .sideNav ul li, .etrRelated h3 {
  color: #482a0b; }

.pageEtr .sideNav ul li a {
  color: #482a0b; }

.Etr h2, .pageEtr h2:after {
  color: #482a0b; }

.pageEtr .social i, .pageEtr .index_mob {
  color: #482a0b;
  border: 1px solid #6f2225; }

/*INDEXBOOK */
.pageEtr .book i {
  font-size: 60px;
  color: #482a0b;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageEtr .search:hover, .pageEtr .mainNav, .pageEtr .sideNav ul li a:hover, .pageEtr .intro .xmore:hover, .etrRelated {
  background-color: #a96e32; }

/*sideNav*/
.pageEtr .sideNav ul li a:hover,
.pageEtr .sideNav ul li.current-menu-item,
.pageEtr .sideNav ul li.current-menu-item a {
  background-color: #482a0b; }

/*marco*/
.Etr .imgCopy {
  background-color: #c59360; }

.pageEtr {
  overflow: hidden;
  background: url("../img/etr/Etr_img.jpg") no-repeat fixed top;
  background-size: cover; }

.pageEtr .mainNav:hover {
  border: 1px solid #ADAC99; }

.pageEtr .mainNav ul li a:hover {
  color: #DED9C8; }

.pageEtr .mainNav ul li a:hover,
.pageEtr .mainNav ul li.current-menu-item a:link,
.pageEtr .mainNav ul li.current-menu-item a:link {
  background-color: #993d46; }

.pageEtr .mainNav ul li.current-menu-item,
.pageEtr .mainNav ul li.current-menu-item,
.pageEtr mainNav ul li.current-menu-ancestor {
  background-color: #993d46; }

.pageEtr .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*PAGE INSIDE*/
.Etr {
  background-color: #c3a689; }

@media (max-width: 1024px) {
  .pageEtr {
    overflow: hidden;
    background: url("../img/etr/Etr_img.jpg") no-repeat center top;
    background-size: cover; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
#mainTop .sticky, .topRelated {
  background-color: #c05b67; }

/*COLOR LOGO-----------------------------------------------------*/
.pageTop .search, .pageTop .mainNav, .pageTop .sideNav, .pageTop .index, .pageTop .xmore {
  border: 1px solid #6f2225; }

.pageTop h1, .pageTop .intro, .pageTop .indextexto h4, .pageTop .sideNav ul li, .topRelated h3 {
  color: #6f2225; }

.pageTop .sideNav ul li a {
  color: #6f2225; }

.Top h2, .pageTop h2:after {
  color: #6f2225; }

.pageTop .social i {
  color: #6f2225;
  border: 1px solid #6f2225; }

/*INDEXBOOK */
.pageTop .book i {
  font-size: 60px;
  color: #6f2225;
  opacity: 0.7; }

/*NAV COLOR -------------------------------------*/
.pageTop .search:hover, .pageTop .mainNav, .pageTop .sideNav ul li a:hover, .pageTop .intro .xmore:hover, .topRelated {
  background-color: #be6b70; }

/*sideNav*/
.pageTop .sideNav ul li a:hover,
.pageTop .sideNav ul li.current-menu-item,
.pageTop .sideNav ul li.current-menu-item a {
  background-color: #be6b70; }

/*marco*/
.Top .imgCopy {
  background-color: #be6b70; }

.pageTop {
  padding: 3%;
  margin: 0;
  display: grid;
  grid-template-columns: 15% 3% 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(8, 1fr);
  grid-gap: 3%;
  height: 100vh;
  background: url("../img/top/ART_img.jpg") no-repeat fixed top;
  background-size: cover;
  grid-template-areas: "logo logo search search search search" "logo logo titulo titulo titulo titulo" "index index timeline timeline timeline timeline" "index index mainNav mainNav mainNav mainNav" "sideNav sideNav intro intro intro intro " "sideNav sideNav social social social social"; }

.pageTop .mainNav:hover {
  border: 1px solid #ADAC99; }

.pageTop .mainNav ul li a:hover {
  color: #DED9C8; }

.pageTop .mainNav ul li a:hover,
.pageTop .mainNav ul li.current-menu-item a:link,
.pageTop .mainNav ul li.current-menu-item a:link {
  background-color: #993d46; }

.pageTop .mainNav ul li.current-menu-item,
.pageTop .mainNav ul li.current-menu-item,
.pageTop mainNav ul li.current-menu-ancestor {
  background-color: #993d46; }

.pageTop .current-menu-ancestor, .current-menu-parent {
  background-color: #543575; }

/*PAGE INSIDE*/
.Top {
  background-color: #c5a6a9; }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
.pic .sticky, .pageSearch .sticky_logo {
  background-color: #C35E64; }

.pic, .pageSearch {
  background-color: #C6AFB1; }

.pageSearch {
  background-color: #C6AFB1;
  background: url("../img/Search_img.jpg") top #6E8B92;
  background-size: cover;
  min-height: 780px; }

.searchA {
  padding: 1% 3%; }

.pageSearch h1 {
  color: #471817; }

.pageSearch h2:after {
  color: #9d4445; }

.entry-title a {
  color: #9d4445; }

.noFound {
  font-size: 2em;
  color: #471817;
  line-height: 50px; }

.pic article {
  display: flex; }

/*LOGO SEARCH MENU*/
/*NAV*/
/*picBox LOGO*/
#picBox {
  overflow: hidden;
  margin-bottom: 5%; }

#picBox article:nth-of-type(1) {
  float: left;
  width: 20%; }

#picBox article:nth-of-type(1) img {
  width: 60%; }

#picBox article:nth-of-type(1) img:hover {
  opacity: 0.7; }

#picBox article:nth-of-type(2) {
  float: right;
  width: 75%;
  display: flex;
  flex-direction: column;
  align-content: flex-start; }

#picBox article:nth-of-type(2) .search {
  margin-right: 15px; }

#picBox article:nth-of-type(2) .search:hover {
  background-color: #DED9C8; }

/* #mobMenuPic /sideNav*/
#mobMenuPic nav {
  display: none;
  padding: 10px 0;
  background-color: #AF757B;
  opacity: 0.9;
  border-radius: 10px;
  border: 1px solid #471817;
  width: 30%;
  position: absolute;
  top: 7%;
  right: 3%;
  z-index: 300; }

#mobMenuPic nav li {
  line-height: 30px; }

#mobMenuPic nav li a {
  color: antiquewhite;
  font-size: 0.9em;
  padding: 8px 10px;
  font-weight: 300; }

#mobMenuPic nav li a:hover {
  color: #471817; }

#mobMenuPic i {
  width: 60px;
  font-size: 3em;
  text-align: center;
  padding: 0px 10px;
  margin: 0 auto;
  color: #6f2225;
  float: right;
  background-color: #AF757B;
  border-radius: 10px; }

#mobMenuPic i:hover {
  color: #AF757B;
  background-color: #DED9C8; }

.open {
  z-index: 100; }

/* mainNav*/
.pic .mainNav, .indexSingle .mainNav, .pageSearch .mainNav {
  width: 100%;
  list-style: none;
  height: 30px;
  margin: 2% 0% 5% 0; }

.pic .mainNav:hover, .indexSingle .mainNav:hover {
  border: solid 0px #DED9C8; }

.pic .mainNav ul, .indexSingle .mainNav ul, .pageSearch .mainNav ul {
  float: right;
  width: 100%;
  background-color: #AF757B;
  border-radius: 20px; }

.pic .mainNav ul:hover, .indexSingle .mainNav ul:hover, .pageSearch .mainNav ul:hover, .side .mainNav ul:hover {
  /*border: solid 1px #DED9C8;*/
  background-color: #DED9C8; }

.pic .mainNav li, .indexSingle .mainNav li, .pageSearch .mainNav li {
  color: #9d4445;
  text-transform: uppercase; }

.pic .mainNav li a, .indexSingle .mainNav li a, .pageSearch .mainNav li a {
  color: #9d4445;
  font-size: 0.9em; }

.pic .mainNav li a:hover, .indexSingle .mainNav li a:hover, .pageSearch .mainNav li a:hover {
  color: #471817;
  background-color: #AF757B; }

/* Title*/
.pic h1, .indexSingle h1 {
  padding: 0 3%;
  color: #471817;
  font-family: 'Sorts Mill Goudy', serif;
  font-size: 3em;
  margin-bottom: 10px;
  clear: left;
  width: 100%;
  position: relative; }

.pic h1:after, .indexSingle h1:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 9px;
  border-bottom: solid 2px #471817; }

.pic article .imgCopy {
  width: 40%;
  background-color: #C35E64; }

/*EXCERPT*/
.pic article .intro {
  order: 1;
  width: 48.5%;
  color: #471817;
  font-size: 1.4em;
  line-height: 25pt;
  font-weight: lighter;
  margin: 2% 0% 0% 3%; }

.side article .intro {
  font-size: 1em;
  line-height: 20pt; }

/*Picture Single*/
.picRel {
  height: 250px;
  padding-bottom: 15px; }

.pagePic {
  padding: 1% 10% 3% 10%; }

.pageGall {
  padding: 1% 3% 3% 3%; }

.pagePic figure {
  margin: 0 auto;
  border: solid 8px #C35E64;
  width: 100%; }

.pagePic img {
  margin: 0 auto;
  border: solid 8px #C35E64;
  text-align: center;
  cursor: zoom-in;
  object-fit: cover; }

.pagePic figure img {
  background-color: #DED9C8;
  width: 100%;
  cursor: zoom-in; }

.pagePic figcaption {
  padding: 20px;
  background-color: #C6AFB1; }

#singleP > p:nth-child(2) {
  margin-top: 3%; }

#singleP > p {
  text-align: left; }

#singleP > p:nth-child(1) {
  text-align: center; }

.gall article .intro, .gall .imgCopy {
  width: 100%;
  margin: 1% 0% 0% 3%; }

.gall .gallery-item {
  border: 6px solid #9d4445;
  margin: 20px;
  flex: 1 1 auto;
  background-color: #aa9d88; }

.gall .gallery-icon {
  margin: 0 auto;
  text-align: center; }

.gall .gallery img {
  border: none !important;
  text-align: center;
  cursor: zoom-in;
  object-fit: scale-down; }

/*READ MORE */
.pic .intro .xmore {
  padding: 0px 15px;
  margin-top: 10px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.5em;
  font-weight: 500; }

/*IMG */
.pic .imgCopy {
  order: 0;
  width: 30%;
  margin: 2% 3% 0% 3%;
  padding: 10px;
  background-color: #C35E64;
  border: solid 10px #C35E64;
  height: 300px; }

.contact article .imgCopy {
  width: 30%;
  background-color: #C35E64; }

.pic .imgCopy img {
  object-fit: cover;
  height: 100%; }

.pic .imgCopy img:hover, .imgCopy2 img:hover {
  opacity: 0.5; }

/*INDEX MOB*/
.index_pic {
  display: flex;
  width: 150px;
  border-radius: 20px;
  padding: 5px;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  overflow: hidden;
  border: 1px solid #471817; }

.index_pic:hover {
  background-color: #DED9C8; }

.pic .book, .indexSingle .book {
  float: left;
  width: 50px;
  margin-left: 0px;
  text-align: center;
  padding-left: 10px;
  align-self: center; }

.pic .social .book i, .indexSingle .social .book i {
  border: none;
  font-size: 50px;
  line-height: 50px;
  height: 50px; }

.pic .social i, .indexSingle .social i {
  font-size: 35px;
  line-height: 50px;
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #471817;
  border: 1px solid #471817; }

.pic .social article.arrow, .indexSingle .social article.arrow {
  margin-left: 20px;
  color: #9d4445; }

.pic .indextexto, .indexSingle .indextexto {
  float: left;
  width: 50px;
  color: #471817;
  align-self: center; }

.pic .indextexto h4, .indexSingle .indextexto h4 {
  text-align: left;
  line-height: 15px;
  font-size: 0.8em;
  color: #471817;
  margin-left: 5px; }

.pic index_mob .indextexto:hover, .indexSingle index_mob .indextexto:hover {
  color: antiquewhite; }

@media (max-width: 1400px) {
  #picBox article:nth-of-type(1) img {
    width: 70%; } }

@media (max-width: 1060px) {
  #picBox {
    overflow: visible; }
  .pic .mob_main, .pageSearch .mob_main, .indexSingle .mob_main {
    background-color: #AF757B;
    border-radius: 15px;
    width: 50%;
    height: 28px;
    float: right;
    margin-bottom: 10px; }
  .pic .mob_main h4, .pic .mob_main i, .pageSearch .mob_main h4, .pageSearch .mob_main i {
    color: #9d4445;
    letter-spacing: 3px;
    line-height: 28px; } }

@media screen and (max-width: 850px) {
  #picBox article:nth-of-type(1) img {
    width: 100%; }
  .pic .mob_main:hover, .pageSearch .mob_main:hover {
    background-color: #DED9C8; }
  .indexSingle h1, .pageSearch h1 {
    color: #471817;
    padding-top: 20%; }
  .pic h1 {
    padding-top: 8%; }
  .pic article .intro {
    width: 100%;
    margin: 2% 0% 0% 3%; } }

@media (max-width: 750px) {
  #picBox {
    margin-bottom: 0%;
    overflow: visible; }
  #picBox article:nth-of-type(1) {
    float: left;
    width: 20%; }
  #picBox article:nth-of-type(1) img {
    width: 100%; }
  #picBox article:nth-of-type(1) img:hover {
    opacity: 0.7; }
  #picBox article:nth-of-type(2) {
    float: right;
    width: 75%;
    display: flex;
    flex-direction: column;
    align-content: flex-start; }
  .gall article .intro, .gall .imgCopy {
    width: 100%;
    margin: 1% 0% 0% 3%; }
  .gall .gallery-item {
    margin: 20px;
    width: 100%; }
  .gall .gallery img {
    border: none !important;
    width: 100%;
    object-fit: cover; } }

@media (max-width: 670px) {
  #picBox article:nth-of-type(1) img {
    width: 110%; }
  .pic h1, .indexSingle h1 {
    padding: 10% 3% 0 3%;
    font-size: 2.7em;
    margin-bottom: 10px;
    line-height: 40px; }
  .pic h1:after, .indexSingle h1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 7px;
    border-bottom: solid 2px #471817; }
  #mobMenuPic nav {
    width: 60%; }
  .picRel {
    height: 300px; } }

@media (max-width: 600px) {
  .gall .gallery-item {
    margin: 20px;
    width: 100%; } }

@media (max-width: 550px) {
  #picBox article:nth-of-type(1) img {
    width: 120%; }
  .pic h1, .indexSingle h1 {
    font-size: 2.5em;
    line-height: 40px; } }

@media (max-width: 520px) {
  #picBox article:nth-of-type(1) img {
    width: 130%; }
  .pic h1, .indexSingle h1 {
    font-size: 2em;
    line-height: 38px; }
  .picRel {
    height: 320px; } }

@media (max-width: 497px) {
  .picRel {
    height: 400px; } }

@media (max-width: 410px) {
  #picBox article:nth-of-type(1) img {
    width: 140%; }
  .pic h1, .indexSingle h1 {
    font-size: 2em;
    line-height: 28px; }
  .pic h1:after, .indexSingle h1:after {
    bottom: 4px; }
  .picRel {
    height: 450px; } }

@media (max-width: 365px) {
  .picRel {
    height: 500px; } }

@media (max-width: 335px) {
  .picRel {
    height: 530px; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
.wc-block-grid__products {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
  align-content: center;
  background-clip: padding-box; }

.single {
  padding-top: 3rem; }
  .single h2 {
    text-align: center;
    margin-bottom: 1rem; }

.woocommerce-order .woocommerce-thankyou-order-received {
  color: #CC7262;
  font-size: 1.8rem;
  line-height: 2rem;
  margin-bottom: 2rem; }

.woocommerce-order .woocommerce-order-details table {
  background-color: #CC7262; }

.woocommerce-order .woocommerce-order-overview li {
  padding: 10px; }

.shop-section {
  margin: 0 auto;
  max-width: 1200px; }
  .shop-section .wc-block-grid__products li .wc-block-grid__product-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400; }
  .shop-section .wc-block-grid__products li .wc-block-components-product-name {
    font-size: 1rem;
    line-height: 1.5rem;
    overflow-wrap: anywhere;
    word-break: break-word;
    -ms-word-break: break-all; }
  .shop-section .wc-block-grid__products li .wc-block-grid__product-price {
    font-size: 1rem;
    font-family: "Work Sans", sans-serif; }
  .shop-section .wc-block-grid__product {
    flex: 1 0 15%;
    max-width: 850px;
    align-items: center;
    align-content: center; }
  .shop-section .wc-block-grid__product .wp-block-button {
    background-color: transparent;
    border: none;
    margin: 1rem 0 2rem 0;
    width: 90%;
    margin: 0 auto;
    font-size: 1rem; }

address {
  font-family: "Work Sans", sans-serif; }

#tab-description p {
  font-size: 1rem;
  line-height: 1.6rem; }

.woocommerce-breadcrumb {
  padding: 0 2rem;
  color: #A7301F; }
  .woocommerce-breadcrumb a {
    color: #CC7262; }

.product_meta {
  color: #CC7262; }
  .product_meta .tagged_as {
    display: none; }

.page.shop {
  padding-top: 0rem; }

.page.singleProduct img {
  display: block;
  width: auto;
  height: auto;
  max-height: 400px;
  margin: 0 auto; }

.page.singleProduct .tabs {
  margin-bottom: 0rem; }

.page.singleProduct .description_tab {
  background-color: #EAC8BB; }
  .page.singleProduct .description_tab.active {
    background-color: #EAC8BB; }

.page .related .products img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 400px;
  margin: 0 auto; }

.page.singleProduct img.emoji {
  display: none !important; }

.shop {
  font-family: "Work Sans", sans-serif; }
  .shop h1 {
    text-align: center;
    padding-bottom: 3rem;
    padding-top: 2rem;
    font-size: 2rem; }
  .shop .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.3rem; }
  .shop .woocommerce ul.products li.product .price {
    color: #000;
    font-size: 1.3rem; }
  .shop .woocommerce ul.products li.product .button {
    margin-left: 1em; }
  .shop h2 {
    font-size: 1.3rem; }
    .shop h2::after {
      border-bottom: none; }
  .shop .basket {
    display: flex;
    justify-content: right; }
    .shop .basket a {
      padding: 5px; }
      .shop .basket a:hover {
        background-color: #CC7262; }
  .shop .wrapper {
    padding: 0rem; }
  .shop .primary {
    padding: 0; }
    .shop .primary .woocommerce-result-count {
      display: none; }
    .shop .primary .woocommerce .woocommerce-ordering, .shop .primary .woocommerce-page .woocommerce-ordering {
      float: left; }
    .shop .primary .woocommerce .woocommerce-ordering {
      display: none; }
    .shop .primary .woocommerce ul.products[class*=columns-] li.product {
      width: 100%; }
    .shop .primary li.product {
      width: 100%;
      min-height: 460px;
      border: 2px solid #EAC8BB; }
      .shop .primary li.product h2.woocommerce-loop-product__title {
        font-size: 1.2rem;
        line-height: 1.6rem;
        margin-bottom: 10px; }
      .shop .primary li.product .button {
        margin-top: 1em;
        background-color: #CC7262;
        color: black; }
  .shop h1 {
    text-align: left; }
    .shop h1.product_title {
      text-align: left; }
  .shop h2, .shop h3, .shop a, .shop span, .shop button, .shop header, .shop table {
    font-family: "Work Sans", sans-serif; }
  .shop button {
    background-color: #CC7262;
    border: 0px; }
    .shop button:hover {
      background-color: #A7301F; }
  .shop .related h2 {
    padding-bottom: 1rem; }

.woocommerce ul.products li {
  background-color: #EAC8BB;
  padding-bottom: 2rem !important; }
  .woocommerce ul.products li .woocommerce-loop-product__title, .woocommerce ul.products li .price {
    padding: 0rem 1rem !important;
    color: #000; }

.woocommerce ul.products li.product .price {
  color: #000;
  display: block;
  font-weight: 400;
  margin-bottom: .5em;
  font-size: 1rem; }

.woocommerce a.button {
  border: 1px solid #CC7262;
  margin-left: 1rem;
  font-weight: 500; }
  .woocommerce a.button:hover {
    background-color: #CC7262; }

.woocommerce ul.product_list_widget li img {
  width: 50px;
  height: auto; }

.wc-block-grid {
  text-align: center;
  margin: 0 auto; }

.wc-block-grid__products {
  margin: 0 auto;
  max-width: 1500px; }
  .wc-block-grid__products li {
    background-color: #A7301F;
    margin: 10px;
    font-size: 1rem; }
    .wc-block-grid__products li .wc-block-grid__product-title {
      font-size: 1.8rem;
      font-weight: 400; }
    .wc-block-grid__products li .woocommerce-Price-amount .amount {
      font-size: 1rem; }
    .wc-block-grid__products li .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull) {
      font-size: 1rem !important; }

div.wc-block-grid__product-price.price {
  font-size: 1.5rem !important;
  font-family: "Work Sans", sans-serif; }

.product .woocommerce-product-gallery__wrapper {
  height: 300px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10%; }
  .product .woocommerce-product-gallery__wrapper img {
    object-position: center; }

.product .entry-summary {
  margin: 2rem 0; }
  .product .entry-summary .product_title {
    padding-bottom: 1rem;
    font-family: "Work Sans", sans-serif;
    font-size: 1.5rem; }

.product .variations {
  width: 100%;
  margin-top: 1rem; }
  .product .variations tr {
    border-bottom: 1px solid #CC7262;
    border-top: 1px solid #CC7262;
    margin-bottom: 1rem; }
    .product .variations tr td {
      padding: 0 5px;
      font-size: 1.2rem; }
    .product .variations tr label {
      margin-right: 5px;
      width: 150px; }
    .product .variations tr td.value {
      max-width: 150px;
      padding: 15px 0;
      font-size: 1rem; }
      .product .variations tr td.value select {
        margin-top: 0px;
        vertical-align: middle;
        width: 150px; }

.product .woocommerce-tabs {
  padding-bottom: 2rem; }
  .product .woocommerce-tabs h2 {
    padding-bottom: 1rem; }
  .product .woocommerce-tabs p {
    text-align: left;
    line-height: 1.5rem;
    font-size: 1rem; }

.product .price {
  font-size: 1.2rem;
  padding-bottom: 1rem; }

.product .quantity input[type=number] {
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #CC7262;
  padding: 1rem;
  color: #000;
  font-size: 1.2rem; }

.product [type="submit"] {
  padding: 1rem;
  margin-bottom: 10px;
  width: 100%;
  border: none; }

.product .related {
  padding: 2rem 0; }
  .product .related ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden; }
    .product .related ul li {
      background-color: #EAC8BB;
      padding: 0 0 1rem;
      padding-bottom: 2rem;
      margin-bottom: 1rem;
      max-width: 250px; }
      .product .related ul li:hover {
        background-color: #471817; }
      .product .related ul li h2 {
        color: #000;
        font-size: 1rem;
        text-align: left;
        line-height: 1.5rem;
        padding: 1rem; }
      .product .related ul li span {
        /*price related product*/
        padding-left: 0.5rem; }
      .product .related ul li a {
        color: #000;
        display: flex;
        flex-direction: column; }
  .product .related .button {
    margin-top: 1em;
    background-color: #c5ce1b;
    color: black;
    padding: 1rem;
    max-width: 200px;
    margin: 0 auto; }

.woocommerce-loop-product__title {
  font-size: 1.2rem;
  text-align: left; }

.woocommerce-Tabs-panel tr {
  border: 1px solid #A7301F;
  height: 80px;
  padding: 0px; }

.woocommerce-Tabs-panel table, .woocommerce-Tabs-panel tbody {
  padding: 0px; }

.woocommerce-Tabs-panel th {
  width: 45%;
  text-align: left;
  padding: 1rem;
  text-transform: uppercase; }

.woocommerce-Tabs-panel td {
  width: 80%;
  padding: 1rem; }

.woocommerce-tabs ul.tabs {
  list-style: none;
  margin-left: 0;
  text-align: left;
  clear: both; }
  .woocommerce-tabs ul.tabs li {
    display: block;
    margin: 0;
    border: 1px solid #A7301F;
    position: relative;
    padding: 0.5rem;
    text-transform: uppercase;
    color: #000; }
    .woocommerce-tabs ul.tabs li:first-child {
      margin-bottom: 10px; }
    .woocommerce-tabs ul.tabs li:hover, .woocommerce-tabs ul.tabs li.active {
      background: #A7301F; }
    .woocommerce-tabs ul.tabs li a {
      display: block;
      color: #000; }
      .woocommerce-tabs ul.tabs li a:hover {
        color: #CC7262; }
    .woocommerce-tabs ul.tabs li::after {
      color: #A7301F;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      line-height: inherit;
      vertical-align: baseline;
      content: "+";
      display: block;
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      opacity: 1;
      transition: all,ease,.3s; }
  .woocommerce-tabs ul.tabs h2 {
    font-size: 1.5rem; }
  .woocommerce-tabs ul.tabs p {
    font-size: 1.1rem; }
  .woocommerce-tabs ul.tabs #tab-description > h2 {
    padding-top: 2rem;
    font-size: 1rem; }
  .woocommerce-tabs ul.tabs table:not(.has-background) th {
    background-color: #f8f8f8; }
  .woocommerce-tabs ul.tabs table th {
    font-weight: 600; }
  .woocommerce-tabs ul.tabs table td, .woocommerce-tabs ul.tabs table th {
    padding: 1em 1.41575em;
    text-align: left;
    vertical-align: top; }
  .woocommerce-tabs ul.tabs tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit; }

.woocommerce-Tabs-panel--additional_information h2, #tab-description h2 {
  display: none; }

.woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #000; }
  .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #471817; }

.woocommerce a.button.alt {
  background-color: #000; }
  .woocommerce a.button.alt:hover {
    background-color: #471817; }

.woocommerce-message {
  border-top-color: #CC7262;
  font-family: "Work Sans", sans-serif; }

.woocommerce-info {
  border-top-color: #CC7262;
  font-family: "Work Sans", sans-serif; }

.woocommerce-info::before {
  color: #CC7262; }

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #000;
  color: #fff;
  -webkit-font-smoothing: antialiased; }

.woocommerce {
  padding: 2rem;
  font-weight: 500 !important;
  max-width: 600px;
  margin: auto; }
  .woocommerce table.shop_table_responsive tr td::before {
    font-weight: 500;
    color: #000; }
  .woocommerce table.shop_table th {
    font-weight: 500; }
  .woocommerce table.shop_table tbody th {
    font-weight: 500; }
  .woocommerce a {
    color: #000; }
  .woocommerce .cart-collaterals {
    font-weight: 500 !important; }

.checkout h3 {
  font-size: 1.2rem; }

.woocommerce form .form-row .optional {
  visibility: hidden; }

.singleProduct .wrapper {
  padding: 2rem; }

@media only screen and (min-width: 750px) {
  .shop h1 {
    text-align: center; }
  .shop .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 4rem; }
  .shop .woocommerce-product-gallery {
    width: 50%;
    float: left;
    height: 100%; }
  .shop .woocommerce-product-gallery__wrapper {
    height: 400px;
    width: 100%;
    overflow: hidden; }
  .shop .entry-summary {
    width: 45%;
    float: right;
    margin-left: 5%;
    height: 100%; }
  .shop .woocommerce-tabs {
    padding-top: 1rem;
    padding-bottom: 2rem; }
    .shop .woocommerce-tabs h2 {
      padding-bottom: 1rem; }
    .shop .woocommerce-tabs p {
      text-align: left;
      line-height: 1.5rem; }
  .shop .related h2 {
    padding: 0;
    padding-bottom: 4rem;
    display: block;
    clear: both; }
  .shop .related ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    padding-bottom: 2rem;
    justify-items: center;
    clear: both;
    margin: 0 auto; }
    .shop .related ul li {
      margin-right: 1rem; }
  .singleProduct .wrapper {
    max-width: 850px;
    margin: 0 auto; }
  .singleProduct h1 {
    margin-bottom: 1rem; }
  .shop .primary .woocommerce ul.products[class*=columns-] li.product {
    width: 48%; } }

@media only screen and (min-width: 1024px) {
  .shop .woocommerce {
    padding: 0rem;
    font-weight: 500 !important;
    max-width: 1200px;
    margin: auto; }
  .shop .woocommerce .products ul, .woocommerce ul.products {
    display: flex;
    justify-items: center;
    justify-content: space-around; }
  .shop .primary .woocommerce ul.products[class*=columns-] li.product {
    width: 30%;
    min-height: 500px; }
  label, .woocommerce-error {
    font-family: "Work Sans", sans-serif; }
  .woocommerce-tabs ul.tabs li {
    width: 50%; }
  #tab-description p {
    font-size: 1rem;
    line-height: 1.8rem; }
  .woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    height: 300px;
    width: auto;
    margin: 0 auto;
    padding-bottom: 1rem; }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 2% 2.992em 0;
    padding: 0;
    position: relative;
    width: 30.00%;
    margin-left: 0; } }

@media only screen and (min-width: 1400px) {
  .shop .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 4rem; }
  .singleProduct .wrapper {
    max-width: 900px;
    margin: 0 auto; } }

/* #COPY       #132528
#LOGO       #132528
#NAV       #214047 
#NAV  LI A  #6D8A92;
#MAIN       #476268  
#LIGHT      #DED9C8
#TIMELINE   #4D4D4D
#HOVER      #999999 // #6D8A92;
#HOVER      #495A5E 
#BACKGROUND
#HOVER
#FRAME RELATEDPAGES #6D8A92; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
.ays-pb-modal {
  background-color: #E6DED3 !important;
  padding: 30px; }
  .ays-pb-modal.babyNames {
    padding: 2rem 3rem !important; }
  .ays-pb-modal .popup {
    position: relative; }
    .ays-pb-modal .popup h2 {
      color: #000;
      margin-bottom: 3rem;
      text-align: left; }
      .ays-pb-modal .popup h2 a {
        color: #9F3621; }
    .ays-pb-modal .popup p {
      width: fit-content; }
    .ays-pb-modal .popup button {
      position: relative;
      background-color: #9F3621;
      padding: 1rem 2rem;
      color: #fff;
      width: fit-content;
      transition: all 0.3s ease-in;
      transition: all 300ms;
      -webkit-box-shadow: 0px 3px 14px 5px rgba(196, 211, 214, 0.59);
      -moz-box-shadow: 0px 3px 14px 5px rgba(196, 211, 214, 0.59);
      box-shadow: 0px 3px 14px 5px rgba(38, 43, 44, 0.59);
      border: 0px; }
      .ays-pb-modal .popup button a {
        color: #fff;
        font-size: 1.3rem;
        font-family: "Sorts Mill Goudy", serif; }
    .ays-pb-modal .popup .img {
      position: absolute;
      right: 0rem;
      top: 0rem; }
      .ays-pb-modal .popup .img .img-1 {
        position: absolute;
        right: 7rem;
        top: 10rem; }
        .ays-pb-modal .popup .img .img-1 img {
          max-width: 250px; }
      .ays-pb-modal .popup .img .img-2 {
        position: absolute;
        right: -7rem;
        top: 5rem;
        max-width: 250px;
        z-index: -5; }
      .ays-pb-modal .popup .img .img-3 {
        position: absolute;
        right: 23rem;
        top: 19rem; }
        .ays-pb-modal .popup .img .img-3 img {
          max-width: 110px; }
      .ays-pb-modal .popup .img .img-baby {
        position: absolute;
        right: 3rem;
        top: 9rem; }
        .ays-pb-modal .popup .img .img-baby img {
          max-width: 300px; }
    .ays-pb-modal .popup .museum-shop .img {
      position: absolute;
      right: 0rem;
      top: 0rem; }
      .ays-pb-modal .popup .museum-shop .img .img-1 {
        position: absolute;
        right: 7rem;
        top: 10rem; }
        .ays-pb-modal .popup .museum-shop .img .img-1 img {
          max-width: 250px; }
      .ays-pb-modal .popup .museum-shop .img .img-2 {
        position: absolute;
        right: -7rem;
        top: 5rem;
        max-width: 250px;
        z-index: 5; }
      .ays-pb-modal .popup .museum-shop .img .img-3 {
        position: absolute;
        right: 23rem;
        top: 19rem; }
        .ays-pb-modal .popup .museum-shop .img .img-3 img {
          max-width: 110px; }
  .ays-pb-modal .ays-pb-modal_2 .ays_pb_material_close_icon {
    fill: #fff !important; }

.ays_template_footer {
  background-color: #E6DED3 !important; }

/* 
@import "./contacto.scss";
@import "./shop.scss";
@import "./ipad.scss";
@import "./laptop.scss";
 */