@charset "utf-8";
/* CSS Document */

 
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root{
    --font-global: 'Crimson Text', 'Times New Roman', Times, serif;
    --font-alt: 'Alegreya', 'Times New Roman', Times, serif;
    --font-serif: 'Crimson Text', 'Times New Roman', Times, serif;
    --font-sans: 'Lato', sans-serif;	
    --full-wrapper-margin-x: 30px;
    --color-dark-1: #212529;  /* gunmetal   */
    --color-dark-2: #084887; /* blue   */
    --color-dark-3: #484538;  /* brown   */
    --color-dark-3a: #055864;
    --color-dark-4: #555;
    --color-gray-1: #36413E;
    --color-gray-2: #5D5E60;
    --color-gray-3: #8D8D92;
    --color-gray-light-1: #f2f2f8; /* cream  */     
    --color-gray-light-2: #f2f2f8;
    --color-gray-light-3: #FAFBEF;
    --color-gray-light-4: #E1E3DE;
    --color-gray-light-5: #ccc;
    --color-gray-light-6: #bbb;
    --color-dark-mode-gray-1: rgba(255,255,255, .7);
    --color-dark-mode-gray-2: rgba(255,255,255, .1275);
    --color-primary-1: #084887;  /* blue   */
    --color-primary-1-a: #909CC2;    /* perrywinkle   */
    --color-primary-light-1: #e3effe;
    --color-primary-light-1-a: #bcd1f1;
    --color-primary-2: #055864;  /*  teal  */
    --color-primary-light-2: #e7defe;
    --color-primary-3: #65743A; /* moss green  */
    --color-primary-light-3: #D7D9BF;  /* khaki  */
    --color-primary-4: #e748b1;
    --color-primary-light-4: #ffe1f5; 
    --color-secondary-1: #ae9541;   
    --gradient-primary-1: linear-gradient( 90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-a: linear-gradient( 90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
    --gradient-primary-1-b: linear-gradient( 45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-c: linear-gradient( 0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
    --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
    --gradient-dark-alpha-1: linear-gradient( 90deg, var(--color-dark-1) 40%, transparent 87%);
    --gradient-dark-alpha-2: linear-gradient( 90deg, transparent 13%, var(--color-dark-1) 60%);
    --gradient-primary-alpha-1: linear-gradient( 90deg, var(--color-primary-1) 40%, transparent 87%);
    --gradient-primary-alpha-2: linear-gradient( 90deg, transparent 13%, var(--color-primary-1) 60%);
 
    --box-shadow: 0px 5px 10px 0px rgba(33, 37, 41, 0.05),0px 1px 1px 0px rgba(33, 37, 41, 0.03),0px 3px 5px 0px rgba(33, 37, 41, 0.03);
    --box-shadow-strong: 0px 5px 10px 0px rgba(33, 37, 41, 0.08),0px 1px 1px 0px rgba(33, 37, 41, 0.06),0px 3px 5px 0px rgba(33, 37, 41, 0.06);
    --box-shadow-block: 0px 3px 50px 0px rgba(33, 37, 41, 0.05);
    --box-shadow-block-strong: 0px 3px 50px 0px rgba(33, 37, 41, 0.15);  
    --transition-default: all 0.27s cubic-bezier(0, 0, 0.58, 1);

}

.text-primary,
.text-color,
h1, .h1  { color: var(--color-primary-1); !important;
}

.bg-color {background-color:var(--color-primary-1);  color: #fff;}


.bg-color h1, .bg-color .h1, 
.dark h1, .dark .h1 {color: #fff;}



body{
    color: #333;
    font-family: var(--font-global);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.6; 
}

p, li, dt, dd { font-size: 1.4rem;}


h2, .h2, h3, .h3,
h1.sans, .h1.sans,  h4.sans, .h4.sans {
    font-family: "Crimson Text", serif;
    
    
}


h1, .h1,  h4, .h4,
h2.serif, .h2.serif,  h4.serif, .h4.serif, h5.serif,  .h6.serif    {
      font-family: 'Alegreya', 'Times New Roman', Times, serif;
 
}


h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    margin-bottom: 1em;
    
    line-height: 1.2;   
}
#home h1, #home .h1{
    margin-bottom: 0.5em;
 
    letter-spacing: 0;
    
    margin-top: 0;

 
    line-height: 1.085;
  
 
    
}
h1, .h1{
    
    font-size: 4.25rem;
    color:var(--color-primary-1);
    
    margin-top: 0;

    font-weight: 500;
    line-height: 1.085;
      letter-spacing: 1px;   
    font-style: italic;
    
}
.dark h1, .dark .h1{
    
  
    color: #ffffff;
 
}


h2, .h2{
    margin-bottom: 0.5em;
    font-size: 3.25rem;
    letter-spacing: -0.03em;    
	color:var(--color-primary-1); 
	
}

.light-content h2, .light-content .h2 {color: #ffffff;}



h3, .h3{        font-size: 2.33rem;
      color:var(--color-primary-1); 
    letter-spacing: 0;
    font-weight: 600;
    
}
h4, .h4{
    
    text-transform: none;
    font-size: 2.33rem;
    margin-bottom: 0.7em;
    
    letter-spacing: 0.03em;
    font-style: normal;
}
h5, .h5{
   font-size: 1.85rem;
      color:var(--color-primary-1); 
    letter-spacing:0;
    font-weight: 600;
    text-transform: uppercase; 
}
h6, .h6{
   font-size: 2rem;
    font-weight: 700;
}
p{
    margin: 0 0 1.5em 0;
}
ul, ol{
    margin: 0 0 1.5em 0;
}





a{
    color: var(--color-primary-1);
    text-decoration: none;
    transition: color 0.1s var(--ease-default);
}
a:hover{
    color: var(--color-dark-4);
    text-decoration: underline;
}



blockquote.testimonials-3-text p,
blockquote,
blockquote p,
.blog-item blockquote p {


   color:   var(--color-primary-1);
    position: relative;
    margin-bottom: 0.7em;
    font-size: 1.5rem;
  
    letter-spacing: -0.01em;
    line-height: 1.85;
    
    	font-weight: 400;
     font-family: 'Alegreya', 'Times New Roman', Times, serif;
font-style: italic;
    
}
 
.testimonials-3-author,
blockquote footer,
blockquote footer.cite

{    font-family: "Crimson Text", serif;
    font-style: normal !important;
    font-size: 1.2rem;
	line-height: 1.5;
    font-weight: 400;
    letter-spacing: .5px; color:   var(--color-primary-1);
}



.dark blockquote p,
.dark blockquote {color: #fff !important; }

.team-1-item{
    text-align: center;
    padding: 36px 32px;
    background: transparent;
    box-shadow: none /*var(--box-shadow-block)*/;
    letter-spacing: 0;
}





a.logo.serif,
a.logo.serif:hover


{
   
   font-style: normal;
 
	line-height: 1.2;
	font-weight: normal !important;
   
    
}


footer .logo 


{
   
   font-style: normal;
	
	font-size: 1.75rem;
	line-height: 1.5;
	font-weight: normal !important;
   
    
}


.fs-1{font-size:calc(2.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.725rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}


.main-nav ul li,
.main-nav ul li a,
.main-nav ul li ul li a,
.main-nav.sans ul li a {  font-family:   var(--font-sans) !important; 
	font-weight: 500; letter-spacing: 0.05em;}





.main-nav a.logo.serif,

.nav-logo-wrap  .logo.serif {
   
    max-width: 330px;
	 
   
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-nav.dark .inner-nav ul > li > a {opacity: 1; }

 

.main-nav ul li ul.mn-sub li { 
 
    background: rgba(255,255,255,0.05);
 
}
.main-nav ul li ul.mn-sub li:hover { 
 
   background: rgba(0, 0, 0, .09);
 
}
  
.inner-nav ul li .mn-sub li a {font-size: 1rem; line-height: 1.6;}


.main-nav ul li ul.mn-sub li a  {
 
    color: #fff !important;
}




/*
 * Mobile nav
 */

 body .main-nav .inner-nav.js-opened ul,
body .main-nav ul li ul,
nav.main-nav .mobile-on .desktop-nav ul,
.mobile-on.js-opened .desktop-nav ul.mn-sub{

    background: rgba(8,72,135,1.00) !important;  
}
.mobile-on .desktop-nav ul li ul{
    border-bottom: 1px solid rgba(255,255,255, .1);
}
.mobile-on .desktop-nav ul li a{
    border-bottom: 1px solid rgba(255,255,255, .065);
    color: var(--color-gray-light-5);
}
.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active{
    background: rgba(255,255,255, .025);
    color: #eee;
}



/*
 * Scroll down icon type 4
 */

.scroll-down-wrap-4{
   
}

 

.scroll-down-wrap-4 .scroll-down-4{
 
    color: var(--color-secondary-1);
    border: 2px solid var(--color-secondary-1);
 
}
.scroll-down-wrap-4 .scroll-down-4:before{
    
    background: var(--color-secondary-1) ;
 
}
.scroll-down-4:hover{
    color: #fff;

} 
.light-content .scroll-down-4{
    color: #fff;
    border-color: #fff;
}
.light-content .scroll-down-4:hover{
    color: var(--color-dark-1);
    border-color: transparent;
}
.light-content .scroll-down-4:before{
    background: #fff;
}



.blog-item-title a,

.portfolio-5-title span{
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}

.breadcrumbs a {text-decoration: none;}

#main-content .blog-item-q{
    margin: 1em 0;
    padding: 0;
    letter-spacing: -0.02em;
    background: none;        
}
#main-content .blog-item-q p{
    position: relative;
    background: transparent;
    padding: 17px 20px;
    font-size: 1.75rem;
    font-style: italic;
    font-family: 'Alegreya', 'Times New Roman', serif;
    line-height: 1.;
    border-radius: var(--border-radius-default);
}
#main-content .blog-item-q p a{
    color: var(--color-dark-1);
    text-decoration: none;
    transition: var(--transition-default);
}
#main-content .blog-item-q:hover a,
#main-content .blog-item-q p a:hover{    
    color: var(--color-gray-1);
    text-decoration: none;
}


#main-content .blog-item-q p:before,
#main-content .blog-item-q p:after{
    font-family: var(--font-serif);
    transition: var(--transition-default);
}
#main-content .blog-item-q p:before{
    content: '“';
    position: absolute;
    top: 10px;
    left: 10px;
}
#main-content .blog-item-q p:after{
    content: '”';
}
#main-content .blog-item-q p:hover:before,
#main-content .blog-item-q p:hover:after{
    color: #777;
}

.section-text, .section-text p, .section-text li   {
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0;
}

.tags a.btn,
 .btn,
.button,
a.btn-mod.btn-color,
.btn-mod,
a.btn-mod{
  font-family:   var(--font-sans) !important;
	text-transform: none !important;
    color: #fff;
    background: var(--color-primary-1);
    border: 1px solid transparent;
    font-size: 1rem;
    font-weight: 500;
    text-transform: none;
    text-decoration: none;
    letter-spacing: .05em;
 
}







.tags a.btn:hover,
.button:hover,
.btn:hover,
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus{
    color: #fff;
    text-decoration: none;
    outline: none;
    border-color: transparent;
    box-shadow: none;
	
	    background: var(--color-secondary-1);
	
}
.btn-mod:active{
    cursor: pointer !important;
    outline: none !important;
}

a.btn-mod.btn-hover-anim:hover {border-color: var(--color-primary-1); }




/* Widget tags */
.tags a{
    display: inline-block;
    margin: 0 2px 8px 0;
    padding: 5px 7px;
    border: 1px solid  var(--color-primary-1);
    color:  var(--color-primary-1);
    font-size: 1rem;
    text-decoration: none;
    border-radius: var(--border-radius-default);
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
}
.tags a:hover{
    text-decoration: none;
    border-color: var(--color-dark-3a);
    color: var(--color-dark-1);
}

.light-content .tags a{
    border-color: var(--color-dark-mode-gray-1);
    color: var(--color-dark-mode-gray-1);
}
.light-content .tags a:hover{
    border-color: #fff;
    color: #fff;
}











 
 
.link-to-top.yellow:before{
 
	background: #ae9541;
    box-shadow: var(--box-shadow); 
 
    transition: all 0.4s var(--ease-elastic-1);
}




.blog-item a {text-decoration: none;}



li .mn-soc-link.mn-soc-link-color.brown{
    color: var(--color-dark-3);
}
li .mn-soc-link.mn-soc-link-color.brown:hover{
    color:  var(--color-dark-3)
}
li .mn-soc-link.mn-soc-link-color.brown:before{
    border-color: #fff;
    opacity: 1;
}
li .mn-soc-link.mn-soc-link-color.brown:after{
    background: #fff;
}
.li .mn-soc-link.mn-soc-link-color.brown:hover:before{
    opacity: 0;
}


/*   CV styles  */

dd .section-text{
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0;
}


dd p  {  font-family: 'Alegreya', 'Times New Roman', serif; font-size: 1.5rem;}

.accordion-1.brown {
    border-bottom: 1px solid var(--color-dark-3);
}
.accordion-1.brown > dt{
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 600;
    text-transform: none;    
}
.accordion-1.brown > dt > a{
    display: block;
    position: relative;
    color: var(--color-primary-1);
    text-decoration: none;
    padding: 22px 30px 22px 0;
    border-top: 1px solid var(--color-dark-3);   
    transition: var(--transition-default);
	  font-family: var(--font-serif);
}
.accordion-1.brown > dt > a:hover{
    text-decoration: none;
}
.accordion-1.brown > dt > a > span{
    position: relative;
    display: inline-block;    
}
.accordion-1.brown > dt > a > span:before{
    content: "";
    position: absolute;
    top: 0.05em;
    left: calc(100% + 7px);
    width: 5px;
    height: 5px;
    background: var(--color-dark-1);
    border-radius: 3px;
    opacity: 0;
    transform: scale(0);
    transition: var(--transition-default);
}
.accordion-1.brown > dt > a:hover > span:before{
    opacity: 1;
    transform: none;
}
.accordion-1.brown > dt > a > .icon-plus{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 22px;
    height: 22px;
    transition: all .17s var(--ease-out-short);
}
.accordion-1.brown > dt > a > .icon-plus:before{    
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: 2px;
    margin: auto;
    background: var(--color-dark-1);
}
.accordion-1.brown > dt > a > .icon-plus:after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 2px;
    height: 100%;
    background: var(--color-dark-1);
    transition: all .17s var(--ease-out-short);
}
.accordion-1.brown > dt > a.active > .icon-plus{
    transform: translateY(-50%) rotate(90deg);
}
.accordion-1.brown > dt > a.active > .icon-plus:before{
    transform: translateY(-50%) rotate(90deg);
}
.accordion-1.brown > dd{
    margin-bottom: 1.55em;
    font-size: 16px;
    line-height: 1.625;
    opacity: 1;
	  font-family: var(--font-serif);
}
.accordion-1.brown > dd > div{
    opacity: 0;
    transform: translateY(7px);
    transition: all .27s .125s var(--ease-default);
}
.accordion-1.brown > dd.active > div{
    opacity: 1;
    transform: none;
}

 

.light-content .accordion-1.brown{
    border-color: rgba(255,255,255, .9);
}
.light-content .accordion-1.brown > dt > a{
    color: #fff;
    border-color: rgba(255,255,255, .9);   
}
.light-content .accordion-1.brown > dt > a > span:before{
    background: #fff;
}
.light-content .accordion-1.brown > dt > a > .icon-plus:before{    
    background: #fff;
}
.light-content .accordion-1.brown > dt > a > .icon-plus:after{
    background: #fff;
}





/* ==============================
   Catalogue 5
   ============================== */

.blog-item-title a,
.portfolio-5-link{
     text-decoration: none;
}
.portfolio-5-image{
    position: relative;
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.portfolio-5-image-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-default);
    background: var(--color-gray-light-1);
}
a.portfolio-5-link .portfolio-5-image img{
   transform: translateZ(0.01px);
    transition: all 0.5s var(--ease-out-short); 
}
.portfolio-5-title{
    margin-bottom: 18px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    transition: all .27s var(--ease-default);
}
.portfolio-5-title span{
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}
.portfolio-5-number{
    margin-bottom: 5px;
    font-size: 54px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.025em;
}
.portfolio-5-number-descr{
    font-size: 18px;
}
.light-content .portfolio-5-image-bg{
    background: var(--color-dark-3);
    background: none;
}

/* Hover state */

a.portfolio-5-link{
    text-decoration: none;
    color: inherit;
}
a.portfolio-5-link:hover .portfolio-5-image img{
    transform: scale(1.05) translateZ(0.01px);
    transform: none;
}
a.portfolio-5-link:hover .portfolio-5-title span{
    background-size: 100% 1px;
}




/* ==============================
   Catalogue 5
   ============================== */

.portfolio-5-link{
     text-decoration: none;
}
.portfolio-5-image{
    position: relative;
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);*/
}
.portfolio-5-image-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-default);
    background: var(--color-gray-light-1);
}
a.portfolio-5-link .portfolio-5-image img{
  /*  transform: translateZ(0.01px);
    transition: all 0.5s var(--ease-out-short);*/
}
.portfolio-5-title{
    margin-bottom: 18px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    transition: all .27s var(--ease-default);
}
.portfolio-5-title span{
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}
.portfolio-5-number{
    margin-bottom: 5px;
    font-size: 54px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.025em;
}
.portfolio-5-number-descr{
    font-size: 18px;
}
.light-content .portfolio-5-image-bg{
    background: var(--color-dark-3);
    background: none;
}

/* Hover state */

a.portfolio-5-link{
    text-decoration: none;
    color: inherit;
}
a.portfolio-5-link:hover .portfolio-5-image img{
    transform: scale(1.05) translateZ(0.01px);
    transform: none;
}
a.portfolio-5-link:hover .portfolio-5-title span{
    background-size: 100% 1px;
}



/* ==============================
   Catalogue 5
   ============================== */

.portfolio-5-link{
     text-decoration: none;
}
.portfolio-5-image{
    position: relative;
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);*/
}
.portfolio-5-image-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-default);
    background: var(--color-gray-light-1);
}
a.portfolio-5-link .portfolio-5-image img{
  /*  transform: translateZ(0.01px);
    transition: all 0.5s var(--ease-out-short);*/
}
.portfolio-5-title{
    margin-bottom: 18px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    transition: all .27s var(--ease-default);
}
.portfolio-5-title span{
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}
.portfolio-5-number{
    margin-bottom: 5px;
    font-size: 54px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.025em;
}
.portfolio-5-number-descr{
    font-size: 18px;
}
.light-content .portfolio-5-image-bg{
    background: var(--color-dark-3);
    background: none;
}

/* Hover state */

a.portfolio-5-link{
    text-decoration: none;
    color: inherit;
}
a.portfolio-5-link:hover .portfolio-5-image img{
    transform: scale(1.05) translateZ(0.01px);
    transform: none;
}
a.portfolio-5-link:hover .portfolio-5-title span{
    background-size: 100% 1px;
}