﻿@charset "utf-8";

/* CSS Document */



/*------------------------------------------------------------------



fonts







 Mr Eaves Mod OT Book



font-family: mr-eaves-modern, sans-serif;



font-weight: 300;



font-style: normal;



Mr Eaves Mod OT Reg



font-family: mr-eaves-modern, sans-serif;



font-weight: 400;



font-style: normal;



Mr Eaves Mod OT Bold



font-family: mr-eaves-modern, sans-serif;



font-weight: 700;



font-style: normal;



Mr Eaves San OT Reg Italic



font-family: mr-eaves-sans, sans-serif;



font-weight: 400;



font-style: italic;



Mr Eaves San OT Reg



font-family: mr-eaves-sans, sans-serif;



font-weight: 400;



font-style: normal;



Mr Eaves San OT Bold



font-family: mr-eaves-sans, sans-serif;



font-weight: 700;



font-style: normal;



Mr Eaves San OT Bold Italic



font-family: mr-eaves-sans, sans-serif;



font-weight: 700;



font-style: italic;











 -------------------------------------------------------------------*/

 



body {

    color: #3b3b3b;

    background-color: #5a378c;

}



.nk-side-buttons ul > li > a:hover, .nk-side-buttons ul > li > span:hover{  background-color: #5a378c;}



a {

    color: #5a378c;

}



a:focus,

a:hover {

    color: #8a9b0f;

}



::-moz-selection {

    color: #CCC;

    background-color: #3b3b3b;

}



::selection {

    color: #CCC;

    background-color: #3b3b3b;

}

 .nk-header .nk-navbar.nk-navbar-transparent.bg-white::after,

 .nk-header .nk-navbar.nk-navbar-transparent.bg-white {background-color: rgba(255,255,255,0.75) !important; } 







.nk-header-title.nk-header-title-sm .nk-header-table {min-height: 250px; }



div.nk-main  div.nk-header-title  div.nk-header-table div.container {padding-bottom:0; margin-bottom:0;}



div.nk-main  div.nk-header-title  div.nk-header-table div.container .nk-sub-title,

div.nk-main  div.nk-header-title  div.nk-header-table div.container .nk-title {line-height:1; margin-bottom:0;

z-index: 1000; position: relative;}



.nk-pagination .nk-pagination-prev, 

.nk-pagination .nk-pagination-next {

  

    min-height: 25px;

  

    margin-top:-45px;





}

 

.nk-page-nav .nk-page-nav-prev .nk-page-nav-title, 

.nk-page-nav .nk-page-nav-next .nk-page-nav-title

{ background: none !important; visibility: hidden;

    

    

}





.nk-share-place-overlay {

 

    background-color: 

rgba(255, 255, 255, 0.85);

 }





/* Title */

h1.nk-title { display: block !important;



}



/* Sub Title */

.nk-sub-title {

    

font-family: suburban, sans-serif !important;

font-style: normal;

font-weight: 400;

    font-size: 1.25rem;

   

    line-height: inherit;



}











/* headings */

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

font-family: mr-eaves-sans,sans-serif;

font-weight: 700;

font-style: normal;

}



.display-1,

.display-2,

.display-3,

.display-4 {

    font-family: "Montserrat", sans-serif;

    font-weight: 600;

}

/* logo dimensions 188 x 100 / 141 x 75  / 113 x 60  /  94 x 50   */ 



a.nk-nav-logo svg {width:113px !important; height: 60px !important;   }



.nk-nav-logo.h4 {font-weight: 300; text-transform: uppercase; color: rgba(59, 59, 59, 0.75); font-size: 18px;} 



/*

 * Bg Color Helper

 */





.bg-color {



    background-color: #5a378c;

 

}







/*

 * Text Color Helper

 */

.text-main-1 {

    color: #5a378c !important; /* 90, 55, 140  */

}



.text-main-2 {

    color: #8a9b0f !important;

}



.text-main-3 {

    color: #bf6e00 !important;  /* 191, 110, 0  */

}



.text-main-4 {

    color: #52a1b2 !important;

}



.text-main-5 {

    color: #bea175 !important;

}



.text-primary {

    color: #0275d8 !important;

}



.text-success {

    color: #5cb85c !important;

}



.text-info {

    color: #5bc0de !important;

}



.text-warning {

    color: #f0ad4e !important;

}



.text-danger {

    color: #d9534f !important;

}



.nk-main.bg-gray-1 div.nk-header-title.bg-main-1 .nk-page-nav-3 a.text-white,



.text-white {

    color: #fff !important;

}



.text-black {

    color: #000 !important;

}



.text-dark-1 {

    color: #5a378c !important;

}



.text-dark-2 {

    color: #262626 !important;

}



.text-dark-3 {

    color: #303030 !important;

}



.text-dark-4 {

    color: #3b3b3b !important;

}



.text-gray-1 {

    color: #e6e7eb !important;

}



.text-gray-2 {

    color: #e2e6c3 !important;

}



.text-gray-3 {

    color: whitesmoke !important;

}



.text-gray-4 {

    color: #f2f2f2 !important;

}



/*

 * Bg Color Helper

 */

.bg-main-1 {

    background-color: #5a378c !important;

}



.bg-main-2 {

    background-color: #8a9b0f !important;

}



.bg-main-3 {

    background-color: #bf6e00 !important;

}



.bg-main-4 {

    background-color: #52a1b2 !important;

}



.bg-main-5 {

    background-color: #6626bf !important;

}



.bg-primary {

    background-color: #5a378c !important;

}



.bg-success {

    background-color: #8a9b0f !important;

}



.bg-info {

    background-color: #52a1b2 !important;

}



.bg-warning {

    background-color: #b4bc83 !important;

}



.bg-danger {

    background-color: #bf6e00 !important;

}



.bg-white {

    background-color: #fff !important;

}



.bg-black {

    background-color: #000 !important;

}



.bg-dark-1 {

    background-color: #5a378c !important;

}



.bg-dark-2 {

    background-color: #262626 !important;

}



.bg-dark-3 {

    background-color: #303030 !important;

}



.bg-dark-4 {

    background-color: #3b3b3b !important;

}



.bg-gray-1 {

    background-color: #e6e7eb !important;

}



.bg-gray-2 {

    background-color: #e2e6c3 !important;

}



.bg-gray-3 {

    background-color: whitesmoke !important;

}



.bg-gray-4 {

    background-color: #f2f2f2 !important;

}







 

a,

.nk-sub-title,

.nk-header-title .nk-header-text a:not(.nk-btn):focus,

.nk-header-title .nk-header-text a:not(.nk-btn):hover,

.nk-btn-color-main-1.nk-btn-outline,

.nk-btn-color-hover-main-1.nk-btn-outline:hover, .nk-btn-color-hover-main-1.nk-btn-outline.hover,

.nk-ibox-icon.nk-ibox-icon-color-main-1,

.nk-ibox-hover.hover .nk-ibox-icon.nk-ibox-icon-hover-color-main-1,

.nk-ibox-hover:hover .nk-ibox-icon.nk-ibox-icon-hover-color-main-1,

.nk-counter-2 .nk-count,

.nk-counter-3 .nk-counter-icon,

.nk-rating,

.link-effect-2 > span,

.link-effect-3 > span,

.nk-isotope-filter > li.active,

.nk-isotope-filter > li:hover,

.nk-portfolio-item-details > li a:hover, .nk-portfolio-item-details > li a.hover, .nk-portfolio-item-details > li a:focus, .nk-portfolio-item-details > li a:active,

.nk-product-rating,

.nk-review-rating,



.nk-product-rating,

.nk-product-rating:hover,

.nk-product-rating:active,

.nk-product-rating:focus, 

.nk-events-item-details > li a:hover, .nk-events-item-details > li a.hover, .nk-events-item-details > li a:focus, .nk-events-item-details > li a:active,

.nk-doc-links ul > li > div.active,

.nk-doc-links ul > li > ul > li div.active





{

  

    color: #3b3b3b; 

 

}





                   

 



 





.nk-image-box-overlay.light,

.nk-image-box-overlay.light {



    color: #444 !important;

    background-color: rgba(255, 255, 255, 0.75) !important;

  

}





.nk-image-box-1 .nk-image-box-overlay,

.nk-image-box-1-a .nk-image-box-overlay {

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

  

}











.nk-image-box-1 .nk-image-box-overlay > *,

.nk-image-box-1-a .nk-image-box-overlay > * {

    padding: 0px;

}



 

  





 

.nk-image-box-5 img,

.nk-footer {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row.vertical-gap div.col-md-5.col-sm-4 a,

#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row div.col-md-10.offset-md-1 a.main 



{display: block; position: relative; overflow: hidden; border: 1px solid #ccc; width: 100%; }

 

#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row.vertical-gap div.col-md-5.col-sm-4 a {max-height: 260px; }

#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row div.col-md-10.offset-md-1 a.main { max-height: 400px; }





#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row.vertical-gap div.col-md-5.col-sm-4 a img,

#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row div.col-md-10.offset-md-1 a.main img ,



 

#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row.vertical-gap div.col-md-5.col-sm-4 a img.nk-img-fit,

#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row div.col-md-10.offset-md-1 a.main#imgs img  { display: block;   width: 100% !important;  height: auto !important;  position: relative; vertical-align: top;}





 



.nk-main .nk-portfolio-item-single .nk-isotope.nk-isotope-gap .nk-isotope-item .nk-image-box-overlay  a.nk-image-box-icon-btn {

    

 

        position: relative;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    width: 145px;

    height: 145px;

    margin: 6px 4px;

    font-size: 4rem;

    line-height: 100px;

    color: inherit;

    padding: 50px;

    border-radius: 50px;



}



 

.nk-image-box-icon-btn::after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border: 0 solid;

    border-radius: 50px;

    opacity: 0;

    -webkit-transition: .2s background-color, .2s border-color, .2s opacity, .2s transform;

    -o-transition: .2s background-color, .2s border-color, .2s opacity, .2s transform;

    transition: .2s background-color, .2s border-color, .2s opacity, .2s transform;

 

    will-change: color, background-color, opacity, transform;

}



 

.nk-image-box-icon-btn:hover::after, .nk-image-box-icon-btn.hover::after {

 

    border-color: transparent;

 

}

  



   











@media (max-width: 767px) {

#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row.vertical-gap div.col-md-5.col-sm-4 a {display: block; position: relative; max-height: 450px; overflow: hidden; border: 1px solid #ccc; width: 100%; }

}



@media (max-width: 575px) {

#pg_portfolio.bg-main-2 div.nk-main.bg-gray-1 div.nk-portfolio-item-single div.container div.row.vertical-gap div.col-md-5.col-sm-4 a {display: block; position: relative; max-height: 160px; overflow: hidden; border: 1px solid #ccc; width: 100%; }

    

.h1, h1 {

    font-size: 1.5rem;

}    

.h2, h2 {

    font-size: 1.25rem;

}      

}



@media (max-width: 420px) {



.nk-navbar.nk-navbar-top .nk-nav-logo {

    display: block;

    }

/* logo dimensions 188 x 100 / 141 x 75  / 113 x 60  /  94 x 50   */ 



a.nk-nav-logo svg {width:94px !important; height: 50px !important;   }





}



.photoswipe-description  {

    background-color: #ccc;

    padding: 15px;

    margin: 0;

    text-align: center;

    display: block;

    clear: both;

}



.pswp__top-bar, .pswp__caption { background-color: #1a4700; color: #fff; font-size: 18px; }

/* photoswipe caption  */

.pswp__caption__center { text-align: left; max-width: 800px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 18px; color: #fff; }

.pswp__caption__center a { color: #fff; text-decoration: underline; }













@media (max-width: 575px) {

 

    

  .nk-header-title  .nk-page-nav-3 a.nk-page-nav-prev {

    float: left !important;

    padding-right: 20px;

    padding-left: 45px;

    text-align: left !important;

}



  .nk-header-title  .nk-page-nav-3 a.nk-page-nav-next {

    float: right !important;

    padding-right: 45px;

    padding-left: 20px;

    text-align: right !important;

}

    

    

    

}
.scroll-target {
    scroll-margin-top: 7rem;
}

