/* ------------------------------------------------------------------------- CSS -------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------------------------------------------------------------
	
-----------------------------------------------------------------------    LOADER   ---------------------------------------------------*/

        .marquee {
            height: 30px;
			width: 100%;
            background: #500202;
            color: white;
            border: none;
			font-variant: small-caps;
			font-weight: bold;
			text-align: center;
			margin-bottom: -4px; 
			margin-top: 1px;
        }

/* Preloader from this codepen : https://codepen.io/niyazpoyilan/pen/PGQKZK , adapted for easy use in Elementor */

.elementor-editor-active #loader-wrapper {
display: none;
}

#loader-wrapper {
backgrounddddd: url('images/lve.jpg');    /* <<<<<<<<<<<<<<<<<<<<<<<<<<<< TO UPDATE FOR USE  <<<<<<<<<<<<<<<<<<<<<<<<<<< */
background-size:cover;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1001;
}
#loader {
opacity:0.8;
display:block;
position: relative;
top:50%;
left:50%;
width:150px;
height:150px;
margin:-75px 0 0 -75px;
border:10px solid transparent;
border-top-color:red;
border-radius:100%;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
z-index:1001;
}
#loader:before {
opacity:1;
content:"";
position: absolute;
top:5px;
left:5px;
right:5px;
bottom:5px;
border:60px solid transparent;
border-top-color: #FFD500;
border-radius:100%;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
#loader:after {
opacity:0;
content:"";
position: absolute;
top:12px;
left:12px;
right:12px;
bottom:12px;
border:10px solid transparent;
border-top-color:silver;
border-radius:100%;
-webkit-animation: spin 4s linear infinite;
animation: spin 4s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}

#loader-wrapper .loader-section {
position:fixed;
top:0;
background-color:#101010;
width:53%;
height:100%;
z-index:1000;
}

#loader-wrapper .loader-section.section-left {
left:0;
}
#loader-wrapper .loader-section.section-right {
right:0;
}

/* loadeddd Styles */
.loadeddd #loader-wrapper .loader-section.section-left {
transform: translateX(-100%);
transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}
.loadeddd #loader-wrapper .loader-section.section-right {
transform: translateX(100%);
transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}
.loadeddd #loader {
opacity: 0;
transition: all 0.3s cubic-bezier(0.00, 0.00, 0.58, 1.00);
}
.loadeddd #loader-wrapper {
visibility: hidden;
transform:translateY(-100%);
transition: all 0.3s 1.2s cubic-bezier(.55,.28,.71,.33);
}

/* -------------------------------------------LOADER 2-------------------------------------------------------------------------------------------- */


#loader-wrapper2 {
backgrounddddd: url('images/lve.jpg');    /* <<<<<<<<<<<<<<<<<<<<<<<<<<<< TO UPDATE FOR USE  <<<<<<<<<<<<<<<<<<<<<<<<<<< */
background-size:cover;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:999;
}

#loader-wrapper2 .loader-section2 {
position:fixed;
top:0;
background-color: #392222;
opacity: 0.3;
width:50%;
height:100%;
z-index:998;
}

#loader-wrapper2 .loader-section2.section-left2 {
left:0;
}
#loader-wrapper2 .loader-section2.section-right2 {
right:0;
}

/* loadeddd Styles */
.loadeddd2 #loader-wrapper2 .loader-section2.section-left2 {
transform: translateX(-100%);
transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}
.loadeddd2 #loader-wrapper2 .loader-section2.section-right2 {
transform: translateX(100%);
transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}

.loadeddd2 #loader-wrapper2 {
visibility: hidden;
transform:translateY(-100%);
transition: all 0.3s 1.2s cubic-bezier(.55,.28,.71,.33);
}

/* -------------------------------------------LOADER 2-------------------------------------------------------------------------------------------- */

body,
small,
.sub-menu-container .menu-item > .menu-link,
.wp-caption,
.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a,
.font-body { font-family: 'Georgia', "times new roman", serif !important; }


h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary { font-family: 'Lora', serif !important; }

.gr { 
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.upp1{
opacity: 0.7;  
position: absolute;  
top: 0;  left: 0;  right: 0;  
background: #151515 no-repeat center;  
overflow: hidden;  
width: 100%;  height: 100%;  
transition: 1.4s cubic-bezier(0,.75,1,.7);
}
.upp2{
width: 0; height: 100%;
left: 100%; 
opacity: 0.7;  
position: absolute;  
top: 0;  right: 0;  
background: #151515 no-repeat center;  
overflow: hidden;    
transition: 1.4s cubic-bezier(0,.75,1,.7);
}

.env {
  position: relative;
}

.nov {
opacity:0;
}

  .fadeinn {
  animation: 1.5s fadeinn cubic-bezier(0,.43,.91,.81);
}
@keyframes anim-fadeinn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
  }
  
  .fadeoutt {
  animation: 1.5s fadeoutt cubic-bezier(0,.43,.91,.81);
}
@keyframes anim-fadeoutt {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
  }

.lineUp {
  animation: 1.2s anim-lineUp cubic-bezier(0.00, 0.00, 0.58, 1.00);
}
@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(30%);
  }
  20% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
  }
  
  .opup-sl {
  animation: 2.5s anim-opup-sl cubic-bezier(0,.43,.91,.81);
}
@keyframes anim-opup-sl {
  0% {
    opacity: 0;
	transform: scale(2.3);
    filter: blur(3px);	
  }
  100% {
    opacity: 1;
	transform: scale(1.1);
	filter: blur(0px);
  }
  }
  
    .opup-sl-vw {
  animation: 2.5s anim-opup-sl-vw cubic-bezier(0,.43,.91,.81);
}
@keyframes anim-opup-sl-vw {
  0% {
    opacity: 0;
	transform: scale(2.3);
	filter: blur(2px);
  }
  100% {
    opacity: 1;
	transform: scale(1);
	filter: blur(0px);
  }
  }
  
      .opup-sl-inv {
  animation: 2.5s anim-opup-sl-inv cubic-bezier(0,.43,.91,.81);
}
@keyframes anim-opup-sl-inv {
  0% {
    opacity: 1;
	transform: scale(1.1);
  }
  100% {    
	opacity: 0;
	transform: scale(2.3);
  }
  }
  
        .nor{
    opacity: 0;	
	letter-spacing: -4px;
	word-spacing: -4px;
}

        .rotateYn{
  animation: 2s rotateYn ease-in;
}
@keyframes rotateYn{
  0% {
    opacity: 0;
	transform: translateY(100px) rotateY(150deg);
	letter-spacing: -4px;
	word-spacing: -4px;	
  }
  100% {    
	opacity: 1;
	transform: translateY(0px) rotateY(0deg);
	letter-spacing: normal;
	word-spacing: normal;	
  }
  }

        .rotateY{
  animation: 2s rotateY ease-in;
}
@keyframes rotateY{
  0% {
    opacity: 0;
	transform: translateY(100px) rotateY(150deg) rotate(0deg);
	letter-spacing: -4px;
	word-spacing: -4px;	
	filter:  brightness(53%) blur(10px);
  }
  100% {    
	opacity: 1;
	transform: translateY(0px) rotateY(0deg) rotate(-2deg);
	letter-spacing: normal;
	word-spacing: normal;
    filter:  brightness(73%) blur(2px);
  }
  }
  
   .rot2{
	transform:  rotate(-2deg);
	filter:  brightness(73%) blur(2px);
  } 
  
   .derot2{
  animation: 0.7s derot2 ease-out;
}
@keyframes derot2{
  0% {
	transform:  rotate(-2deg);
		filter:  brightness(73%) blur(2px);
  }
  100% {    
	transform:  rotate(0deg);
		filter:  brightness(100%) blur(0px);
  }
  } 
  
     .br33{
	filter:  brightness(73%);
  } 
  
  .rotate720{
  animation: 0.5s rotate720 ease-out;
}
@keyframes rotate720{
  0% {
	transform: rotateY(7200deg);
  }
  100% {    
	transform: rotateY(0deg);
  }
  }
  
          .rotateY1{
  animation: 2s rotateY1 ease-in;
}
@keyframes rotateY1{
  0% {
    opacity: 0;
	transform: translateY(-55px) rotateY(90deg);
	letter-spacing: -4px;
	word-spacing: -4px;	
  }
  100% {    
	opacity: 1;
	transform: translateY(0px) rotateY(0deg);
	letter-spacing: normal;
	word-spacing: normal;	
  }
  }

    .backdn {
  animation: 1.2s anim-backdn cubic-bezier(0.00, 0.00, 0.58, 1.00);
}
@keyframes anim-backdn {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  20% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
    transform: translateX(0px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
  }
  
      .forwdn {
  animation: 1.2s anim-forwdn cubic-bezier(0.00, 0.00, 0.58, 1.00);
}
@keyframes anim-forwdn {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  20% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
    transform: translateX(0px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
  }
  
          .upcc {
  animation: 1.2s anim-upcc cubic-bezier(0.00, 0.00, 0.58, 1.00);
}
@keyframes anim-upcc {
  0% {
    opacity: 0;
    transform: translateY(13px);
  }
  20% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
  }
  
            .upsl {
  animation: 5.2s anim-upcc cubic-bezier(0.00, 0.00, 0.58, 1.00);
}
@keyframes anim-upsl {
  0% {
    opacity: 0;
    transform: translateY(23px);
  }
  20% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
  }
  
            .close {
  animation: 2s anim-close cubic-bezier(0,.43,.91,.81);
}
@keyframes anim-close {
  0%  {     
            transform: translateY(0px);
			opacity: 1;
            height: 30px;
			width: 100%;
			margin-bottom: -4px; 
			margin-top: 1px;
        }
	
  100% {     
            transform: translateY(25px);
			opacity: 0;
            height: 0px;
			width: 100%;
			margin-bottom: -4px; 
			margin-top:-25px;
        }
  }
   
   .closed{
			opacity: 0;
            height: 0px;
			width: 100%;
			margin-bottom: -41px; 
			margin-top: 1px;
  }
  
 .declose {
  animation: 2.2s declose cubic-bezier(0,.43,.91,.81);
}
@keyframes declose {
  0%  {     
            transform: translateY(-41px);
			opacity: 0;
            height: 0px;
			width: 100%;
			margin-bottom: -41px; 
			margin-top: 1px;

        }
	
  100% {     
            transform: translateY(0px);
			opacity: 1;
            height: 30px;
			width: 100%;
			margin-bottom: -4px; 
			margin-top: 1px;
        }
  } 
  
     .not-slid{
	   background:#151515; 
	   height: 220px;
	   margin-top: 0px;
  }
              .sliding {
  animation: 1.5s anim-sliding ease-out;
}
@keyframes anim-sliding {
  0%  {     
	   background:#151515; 
	   height: 220px;
	   margin-top: 0px;
        }
	
  100% {     
	   background:#151515; 
	   height: 220px;
	   margin-top: -30px;
        }
  }
   
   .slid{
	   background:#151515; 
	   height: 220px;
	   margin-top: -30px;
  }
  

  

  
/* -------------------------------------------------------------------------------------------------------------------------------------
	
-------------------------------------------------------------------  MINI-CAPITALLLLL - COLORS - TEXT+BOX SHADOWS  ---------------------------------------------------*/

.svg-trigger {
	width: 60px;
	height: 60px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.svg-trigger path {
	fill: none;
	transition: stroke-dasharray 200ms, stroke-dashoffset 200ms;
	stroke: #FFC013;
	stroke-width: 6;
	stroke-linecap:round;
}
.svg-trigger path:nth-child(1) { stroke-dasharray: 40 160; }
.svg-trigger path:nth-child(2) {
	stroke-dasharray: 40 142;
	transform-origin: 50%;
	transition: transform 400ms;
}
.svg-trigger path:nth-child(3) {
	stroke-dasharray: 40 85;
	transform-origin: 50%;
	transition: transform 400ms, stroke-dashoffset 400ms;
}
.primary-menu-open .svg-trigger { transform: rotate(675deg); }
.primary-menu-open .svg-trigger path:nth-child(1),
.primary-menu-open .svg-trigger path:nth-child(3) { stroke-dashoffset: -64px; }
.primary-menu-open .svg-trigger path:nth-child(2) { transform: rotate(90deg); }

.op {
opacity: 0.3;
filter: sepia(100%);
-webkit-filter: sepia(100%);
}

.scapssy {
	font-size: 1.3rem;
	word-spacing: 2px;	
	font-variant: small-caps;
	font-family: 'Lora', serif !important;
}
.scapsss {
	font-size: 0.8rem;
	word-spacing: 2px;	
	font-variant: small-caps;
	font-family: 'Lora', serif !important;
}
.scapss {
	font-size: 1rem;
	word-spacing: 2px;	
	font-variant: small-caps;
	font-family: 'Lora', serif !important;
}
.scaps {
	font-size: 1.5rem;
	word-spacing: 2px;	
	font-variant: small-caps;
}

.menu-link {
	font-variant: small-caps;
}

.quotee{
	font-size: 0.85rem !important;
}

#logod, .logobasd {
	  -webkit-animation: pulsate 2.5s cubic-bezier(0.00, 0.00, 0.58, 1.00);
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.6;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.6;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.6;
    }
}
.white{
	color:inherit !important;
}
.whitee{
	color:white !important;
	font-weight: bold !important;
}

.imicon{
	margin-bottom: 3px !important ;
}


.titr1, .entry-title{
  text-shadow:0 1px 1px rgba(0,0,0,0.33), 
              0 2px 2px rgba(0,0,0,0.33), 
              0 4px 4px rgba(0,0,0,0.33), 
              0 6px 8px rgba(0,0,0,0.33),
              0 8px 16px rgba(0,0,0,0.33);
}
  .titr{
  text-shadow:0 1px 1px rgba(0,0,0,0.22), 
              0 2px 2px rgba(0,0,0,0.22), 
              0 4px 4px rgba(0,0,0,0.22), 
              0 6px 8px rgba(0,0,0,0.22),
              0 8px 16px rgba(0,0,0,0.22);
}

 .lead{
	font-family:georgia !important;
}

.bkimage{
box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 6px 8px rgba(0,0,0,0.11),
              0 8px 16px rgba(0,0,0,0.11) !important;

border-radius: 0px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------
	
-----------------------------------------------------------------------    MENU BACK-IMAGES   ---------------------------------------------------*/

.sub-menu-container {
  background-position: center; /* Center the image */
  background-size: cover;
}
.backy {
  background-image: url('../images/backn.jpg'); /* The image used */
  background-color: #040404; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-size: cover;
}
.backy2 {
  background-image: url('../images/backnn.jpg'); /* The image used */
  background-color: #040404; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-size: cover;
}
.primary-menu + .primary-menu {
	border-top: 1px solid black;
}
.dark .primary-menu + .primary-menu,
.dark .menu-item:not(:first-child),
.dark .sub-menu-container,
.dark .mega-menu-content,
.dark .sub-menu-container .menu-item:not(:first-child) {
	border-width: 1px;
	border-style: none;
	border-color: #111111;
}
/* Keyframes for the fade-in1-----------------------------------------------  FADE IN 2 TIMES --------------------------- */

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fadeIn ease-in-out 2;
  -moz-animation:fadeIn ease-in-out 2;
  animation:fadeIn ease-in-out 2;
 
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
 
  -webkit-animation-duration: 0.90s;
  -moz-animation-duration: 0.90s;
  animation-duration: 0.90s;
}
 
/* Keyframes for the fade-in1-----------------------------------------------  FADE IN 1 TIME  ------------------------- */

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

.fade-in1 {
  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fadeIn1 cubic-bezier(0.00, 0.00, 0.58, 1.00) 1;
  -moz-animation:fadeIn1 cubic-bezier(0.00, 0.00, 0.58, 1.00) 1;
  animation:fadeIn1 cubic-bezier(0.00, 0.00, 0.58, 1.00) 1;
 
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
 
  -webkit-animation-duration: 0.90s;
  -moz-animation-duration: 0.90s;
  animation-duration: 0.90s;
}

/* Keyframes for the fade-in1--------------------------------------------------  FADE IN 1 + MOVE  ------------------------------- */

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

.fade-in1o {
  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fadeIn1o cubic-bezier(0.00, 0.00, 0.58, 1.00) 1;
  -moz-animation:fadeIn1o cubic-bezier(0.00, 0.00, 0.58, 1.00) 1;
  animation:fadeIn1o cubic-bezier(0.00, 0.00, 0.58, 1.00) 1;
 
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
 
  -webkit-animation-duration: 0.90s;
  -moz-animation-duration: 0.90s;
  animation-duration: 0.90s;
}
 
/* --------------- for the fade-in-----------------------------------------------  DELAYYYYYY      ------------------------------ */ 
.fade-in.one, .fade-in1.one, .fade-in1o.one, .fade-in1oo.one {
  -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
 
.fade-in.two, .fade-in1.two, .fade-in1o.two, .fade-in1oo.two {
  -webkit-animation-delay: 1.00s;
  -moz-animation-delay: 1.00s;
  animation-delay: 1.00s;
}
 
.fade-in.three, .fade-in1.three, .fade-in1o.three, .fade-in1oo.three {
  -webkit-animation-delay: 1.20s;
  -moz-animation-delay: 1.20s;
  animation-delay: 1.20s;
}
.fade-in.four, .fade-in1.four, .fade-in1o.four, .fade-in1oo.four {
  -webkit-animation-delay: 1.40s;
  -moz-animation-delay: 1.40s;
  animation-delay: 1.40s;
}
 
.fade-in.five, .fade-in1.five, .fade-in1o.five, .fade-in1oo.five {
  -webkit-animation-delay: 1.60s;
  -moz-animation-delay: 1.60s;
  animation-delay: 1.60s;
}
 
.fade-in.six, .fade-in1.six, .fade-in1o.six, .fade-in1oo.six {
  -webkit-animation-delay: 1.80s;
  -moz-animation-delay: 1.80s;
  animation-delay: 1.80s;
}
.fade-in.seven, .fade-in1.seven, .fade-in1o.seven  {
  -webkit-animation-delay: 2.00s;
  -moz-animation-delay: 2.00s;
  animation-delay: 2.00s;
}
 
.fade-in.eight, .fade-in1.eight, .fade-in1o.eight  {
  -webkit-animation-delay: 2.20s;
  -moz-animation-delay: 2.20s;
  animation-delay: 2.20s;
}
 
.fade-in.nine, .fade-in1.nine, .fade-in1o.nine  {
  -webkit-animation-delay: 2.40s;
  -moz-animation-delay: 2.40s;
  animation-delay: 2.40s;
}
.fade-in.ten, .fade-in1.ten, .fade-in1o.ten  {
  -webkit-animation-delay: 2.60s;
  -moz-animation-delay: 2.60s;
  animation-delay: 2.60s;
}
 
.fade-in.eleven, .fade-in1.eleven, .fade-in1o.eleven  {
  -webkit-animation-delay: 2.80s;
  -moz-animation-delay: 2.80s;
  animation-delay: 2.80s;
}
 
.fade-in.twelve, .fade-in1.twelve, .fade-in1o.twelve  {
  -webkit-animation-delay: 3.00s;
  -moz-animation-delay: 3.00s;
  animation-delay: 3.00s;
}

 
#back2Top {
    width: 44px;
    height: 44px;
	line-height:40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
	padding-bottom:9px;
    bottom: 20px;	
    right: 10px;
    text-align: center;
    font-size: 30px;
	font-weight:bold;
    text-decoration: none;
	background-color: #333 !important;
	opacity:0.4;	
	color: gold;
	border-radius: 50%;
	-webkit-animation:fadeInRight 1s cubic-bezier(.77,0,.175,1) 1;
	animation:fadeInRight 1s cubic-bezier(.77,0,.175,1) 1;
}
#back2Top:hover {
    background-color: #DDF;
    color: gold;
	opacity:0.8;
}

.plumm {
height: 20px; width: 20px;
}

.traiit {
height: 25px; width: 25px;
}

.entry-title h2 {
font-size: 35px; 
word-spacing: normal; 
margin-top: 35px;
}

.titr2{
color: #BDBDBD; font-size: 15px; font-weight: bold;	
text-shadow:0 1px 1px rgba(0,0,0,0.55), 
              0 2px 2px rgba(0,0,0,0.55), 
              0 4px 4px rgba(0,0,0,0.55), 
              0 6px 8px rgba(0,0,0,0.55),
              0 8px 16px rgba(0,0,0,0.55);
}

.titrepara {
font-size: 18px; font-weight:bold;
}
.para {
margin-top:7px
}
.notab {
text-align:left; font-size: 13px;
}
.citationgr { font-size: 26px; font-weight:bold; margin-bottom:23px; }
.citationauth { font-family: arial; font-size: 18px; font-weight: normal; margin-top:5px;}

.dark #header, #header.dark {
    background-color: #141414;
    border-bottom-color: #392B06;
}

.dark .menu-item:hover > .menu-link {
		background-color: none;
		border-radius: 0 0 0 0;		
	    color: #FFC013;
	}		

.dark .menu-item:active > .menu-link {
		background-color: none ;
		border-radius: 0 0 0 0;
		color: rgba(135,0,0,0.8);
	}

.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
		background-color: rgba(0,0,0,0.8);
		border-radius: 0 0 0 0;
		color: #FFC013;
	}
.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:active > .menu-link {
		background-color: rgba(135,0,0,0.8);
		border-radius: 0 0 0 0;
		color: #FFC013;
	}
	
/* -----------------------------------------------------------------------------------------------------------------------------------
	
	MEDIA CSS
	
-------------------------------------------------------------   1    575.98 - IMAGE CONFORT  -----------------------------------------------------------------*/

@media (min-width: 1px) and (max-width: 320.98px) { 

#pic, #pic-index{
	max-width:96%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

}	

@media (min-width: 321px) and (max-width: 575.98px) { 

#pic, #pic-index{
	max-width:85%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

}


/* -----------------------------------------------------------------------------------------------------------------------------------
	
	MEDIA CSS
	
---------------------------------------------------------    MIN       992   ----------------------------------------------------*/

@media (min-width: 992px) {
	
.dark #header-wrap {
    background-image: none;
}

.dark .sub-menu-container {
    border-style: none;
	box-shadow:	 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 6px 8px rgba(0,0,0,0.11),
              0 8px 16px rgba(0,0,0,0.11); 
}		

}

/* -----------------------------------------------------------------------------------------------------------------------------------
	
	MEDIA CSS
	
-------------------------------------------------------------   1    767   768 - IMAGE + TEXT CONFORT  -----------------------------------------------------------------*/

@media (min-width: 1px) and (max-width: 767.98px) { 

img.alignleft, img.aligncenter {
	display: block;
	margin: -20px 0 14px 0;
	float: none;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	z-index: 997;
}

#mus {
	margin-top: -20px;
}

.gr { 
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.noscroll { 
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.smca {	
	font-variant: small-caps;
}
	
}

@media (min-width: 768px){
	
	img.alignleft{
	float: left;
	margin: 5px 20px 7px 0px;
	max-width: 100%;
	z-index: 997;
}

}

/* -----------------------------------------------------------------------------------------------------------------------------------
	
	MEDIA CSS
	
----------------------------------------------------------------  1    991   --------------------------------------------------------------------*/

@media (min-width: 1px) and (max-width: 991.98px) { 


/* Keyframes for the fade-in1 ----------------------------------   FADE IN + MOVE >>>>>  ---------------------------*/

@keyframes fadeIn1 { 
from { 
opacity:0; 
margin-right: 15%; color: black; text-decoration: line-through; visibility: hidden;
}

to { 
opacity:1; 
margin-right: 0%; color: white; text-decoration: none; visibility: visible;

} }
.fade-in1 { 
  animation:fadeIn1 cubic-bezier(0.00, 0.00, 0.58, 1.00) 1;
  animation-fill-mode:forwards;
  animation-direction:alternate;
  animation-duration: 0.60s;
}

/* Keyframes for the fade-in1 -----------------------------------   FADE IN + MOVE <<<<<<  ---------------------------------*/

@keyframes fadeIn1o { 
from { 
opacity:0; 
margin-left: 15%; color: black; text-decoration: line-through; visibility: hidden;
}

to { 
opacity:1; 
margin-left: 0%; color: white; text-decoration: none; visibility: visible;

} }
.fade-in1o { 
  animation:fadeIn1o cubic-bezier(0.00, 0.00, 0.58, 1.00) 1;
  animation-fill-mode:forwards;
  animation-direction:alternate;
  animation-duration: 0.60s;
}
/* Keyframes for the fade-in1 -----------------------------------   FADE IN + MOVE TES <<<< ---------------------------------*/
@keyframes fadeIn1oo { 
0%{ 
opacity:0; 
margin-left: 15%; color: black; text-decoration: line-through; visibility: hidden;
}
100%{ 
opacity:1; 
margin-left: 0%; color: white; text-decoration: none; visibility: visible;
}

 }
.fade-in1oo { 
  animation:fadeIn1oo ease-in-out 1;
  animation-fill-mode:forwards;
  animation-direction:alternate;
  animation-duration: 2s;
}

/* Keyframes for the fade-in1 -----------------------------------------       OTHER       ----------------------------------------*/
.dark .menu-item:link > .menu-link,
.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:link > .menu-link {
		background-color: none;
		border-radius: 0 0 0 0;
		color: white;
	}

.dark .menu-item:visited > .menu-link,
.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:visited > .menu-link {
		background-color: rgba(135,0,0,0.8);
		border-radius: 0 0 0 0;
		color: #FFC013;
	}

.dark .menu-item:hover > .menu-link,
.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
		background-color: rgba(0,0,0,0.8);
		border-top: 4px solid #540B08;
		border-bottom: 4px solid #540B08;
		border-radius: 0 0 0 0;
		color: #FFC013;	
        box-shadow:0 1px 1px rgba(0,0,0,0.33), 
              0 2px 2px rgba(0,0,0,0.33), 
              0 4px 4px rgba(0,0,0,0.33), 
              0 6px 8px rgba(0,0,0,0.33),
              0 8px 16px rgba(0,0,0,0.33);		
	}

.dark .menu-item:active > .menu-link,
.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:active > .menu-link {
		background-color: rgba(135,0,0,0.8);
		border-radius: 0 0 0 0;
		color: #FFC013;
		box-shadow:0 1px 1px rgba(0,0,0,0.33), 
              0 2px 2px rgba(0,0,0,0.33), 
              0 4px 4px rgba(0,0,0,0.33), 
              0 6px 8px rgba(0,0,0,0.33),
              0 8px 16px rgba(0,0,0,0.33);
	}	
	
.dark #header-wrap {
    background-image: url('../images/backyone.jpg'); 
    background-position: center; 
    background-size: cover;
    background-color: #141414;
	
}

.dark .sub-menu-container {
    border-top: 15px solid #392B06;
	border-bottom: 15px solid #392B06;
	box-shadow:	 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 6px 8px rgba(0,0,0,0.11),
              0 8px 16px rgba(0,0,0,0.11); 
}


.menu-container > .menu-item > .menu-link {
    font-size: 21px;
    font-weight: 600 !important;
    text-transform: lowercase;
    letter-spacing: 2px;
	opacity: 0.7;
	text-shadow:0 1px 1px rgba(0,0,0,0.55), 
              0 2px 2px rgba(0,0,0,0.55), 
              0 4px 4px rgba(0,0,0,0.55), 
              0 6px 8px rgba(0,0,0,0.55),
              0 8px 16px rgba(0,0,0,0.55);
}
.menu-container > .menu-item > .menu-link:hover, 
.menu-container > .menu-item > .menu-link:active {
    font-size: 21px;
    font-weight: 600 !important;
    text-transform: lowercase;
    letter-spacing: 2px;
	opacity: 0.7;
}

.menu1 .menu-item:first-child {
margin-top: 30px;
}
.menu2 .menu-item:last-child {
margin-bottom: 30px;
}

.menu1 .sub-menu-container .menu-item:first-child,
.menu2 .sub-menu-container .menu-item:first-child {
margin-top: 20px;
}
.menu1 .sub-menu-container .menu-item:last-child,
.menu2 .sub-menu-container .menu-item:last-child {
margin-bottom: 20px;
}



.sub-menu-container > .menu-item > .menu-link {
    font-size: 17px;
    letter-spacing: none;
			text-shadow:0 1px 1px rgba(0,0,0,0.55), 
              0 2px 2px rgba(0,0,0,0.55), 
              0 4px 4px rgba(0,0,0,0.55), 
              0 6px 8px rgba(0,0,0,0.55),
              0 8px 16px rgba(0,0,0,0.55);
}

.trait:before {
    content: "||||";
    font-family: 'font-icons';
	font-size: 15px;
    display: inline-block;
    position: relative;
    padding-right: 0px;
	opacity: 0.2;
}
.trait:after {
    content: "||||";
    font-family: 'font-icons';
	font-size: 15px;
    display: inline-block;
    position: relative;
    padding-left: 11px;
	opacity: 0.2;
}

.imicon {
	margin-top: 3px;
    margin-bottom: 3px;
}


@keyframes doubleFlip {
 0% {
  opacity:1;
  transform:translateY(0)
 }
 48% {
  opacity:0;
  transform:translateY(100%)
 }
 52% {
  opacity:0;
  transform:translateY(-100%)
 }
 to {
  opacity:1;
  transform:translateY(0)
 }
}
.tyy:active, 
.tyy:focus, 
.tyy:hover 
{
 transform-origin:top left;
 animation-name:doubleFlip;
 animation-duration:.95s;
 animation-timing-function:cubic-bezier(.645,.045,.355,1);
 animation-fill-mode:both
}

.sep{
-webkit-filter: sepia(100%);	
filter: sepia(100%);
}

}