@charset "UTF-8";

/*------------------------------------------------------------------
	Project:	CoreMaker
    Version:	9
    Last change:	02/2022
	Assigned to:	Fabrice Audio
	-------------------------------------------------------------------*/

/* ----------------------------------------------------------------
    GENERAL / BODY
	-----------------------------------------------------------------*/


	html {  }
	html, body {
		font-size: 11px !important;
		line-height: 1.65714286em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: 'Open Sans', sans-serif;
		text-rendering: optimizelegibility;
		overflow-x: hidden;
		background-color: rgba(249, 249, 249, 0.91) !important;
	}


	a, i { text-decoration: none; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }
	a:hover { text-decoration: none; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }
	a:focus { text-decoration: none; outline: none; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }
	a, i { color: #9da09d; }
	a:hover, a:focus , i:hover { color: #53347a; }

	.btn.btn-primary, .bg-primary { font-size: 11px; background-color: #4d1790 !important; color: #fff !important; border-color: none;}
	.btn-check:active+.btn.btn-active-color-primary .svg-icon, .btn-check:active+.btn.btn-active-color-primary i, 
	.btn-check:checked+.btn.btn-active-color-primary .svg-icon, .btn-check:checked+.btn.btn-active-color-primary i, 
	.btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.active i, 
	.btn.btn-active-color-primary.show .svg-icon, .btn.btn-active-color-primary.show i, .btn.btn-active-color-primary:active:not(.btn-active) 
	.svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, 
	.btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, 
	.btn.btn-active-color-primary:hover:not(.btn-active) i, .show>.btn.btn-active-color-primary .svg-icon, 
	.show>.btn.btn-active-color-primary i, .text-primary {
		color: #4d1790 !important;
	}
	.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), 
	.btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary,
	.btn-primary:hover {background-color: #4d1790 !important; color: #fff !important; border-color: #4d1790;}

	.btn.btn-primary:hover, 
	.badge-light-success { color: #4d1790 !important; background-color: #D1B5F3; }

	.fs-6, .form-control { font-size: 1rem!important;}


	/* PAGE LOGIN */
	.bgi-position-center { background-position: right; }



	/* Side bar / Header */
	.custom-list-title { margin-bottom: 0px; }
	.breadcrumb .breadcrumb-item:after { padding-left: .5rem; content: "/"; }
	.aside-nav .nav-link i {font-size: 1.2rem;}


	/* Content */
	.content { min-height: 900px; }
	.table-striped tr:nth-child(odd) { background-color: rgba(245, 248, 250, 0.44) !important; }
	.media-box-droits { position: absolute; left: 5px; bottom: 6px; z-index: 999; }



	.dropify-wrapper {
		width: 100%;
		max-width: 100%;
		height: 300px;
		font-size: 11px;
		line-height: 22px;
		color: #777;
		background-color: #FFF;
		background-image: none;
		text-align: center;
		border: 2px solid #E5E5E5;
		-webkit-transition: border-color .15s linear;
		transition: border-color .15s linear;
	}
	.dropify-wrapper .dropify-message span.file-icon {
		font-size: 14px;
		color: #CCC;
	}

	.toast-container {
		position: relative !important;
	}

	.datepicker {
		padding: .775rem 1rem !important;
	}

	.preview-img { position: relative; width:100%; height: auto; min-height:200px; }
	.preview-img img { width:100%; height: auto; }
	.dropify-wrapper { 
		position: absolute; top:0; left:0px; width:100%; height:100%; 
		background-color:transparent;
	}

	.img-fluid, .fullwidth, .fullwidthimg { width: 100%; height: auto; }



/*----------------------------------
	Colors
	------------------------------------*



/*----------------------------------
	Raccourcis
	------------------------------------*/

	.z900 { z-index: 900; }
	.z800 { z-index: 800; }
	.z700 { z-index: 700; }
	.z0 { z-index: 0; }

	/* opacity */
	.opacity-0 {opacity:.0 !important}
	.opacity-1 {opacity:.1 !important}
	.opacity-2 {opacity:.2 !important}
	.opacity-3 {opacity:.3 !important}
	.opacity-4 {opacity:.4 !important}
	.opacity-5 {opacity:.5 !important}
	.opacity-6 {opacity:.6 !important}
	.opacity-7 {opacity:.7 !important}
	.opacity-8 {opacity:.8 !important}
	.opacity-9 {opacity:.9 !important}
	.opacity-10 {opacity:1 !important}

	.valign { position:absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.valign-top { position:absolute; top:0px; width: 100%; }
	.valign-bottom { position:absolute; bottom:0; width: 100%; }
	.valign-bottom-20 { position:absolute; bottom:8%; width:100%; z-index:5;}

	.center-content { width:100%; min-height: 1vh; display: flex; justify-content: space-around; align-items: center; }
	.center-col {float:none; margin-left:auto; margin-right:auto }
	.display-none {display:none !important}

	.display-flex { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -moz-flex; display: -webkit-inline-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -o-flex-flow: row wrap;}
	.display-flex > div:nth-of-type(1) { order: 2;-webkit-order:2;-moz-order:2;-ms-order:2}
	.display-flex > div:nth-of-type(2) {order: 1;-webkit-order:1;-moz-order:1;-ms-order:1}
	.display-flex > div:nth-of-type(3) { order: 3;-webkit-order:3;-moz-order:3;-ms-order:3}

	/* verticle align */
	.vertical-align-middle {vertical-align: middle;}
	.vertical-align-top {vertical-align: top;}
	.vertical-align-bottom {vertical-align: bottom;}
	.vertical-middle {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);   position: absolute; top: 50%; left:0; right: 0}
	.clear-both{ clear:both}
	.line-break { display:block;}

	/*float*/
	.float-left{float: left !important}
	.float-right{float: right !important}
	.float-none{float: none !important}

	/* Separators */
	hr { border-color: #e6e7e9; }

	.striped { position: relative; margin-left: 20px; width: 30px; height: 1px; background-color: #0d0d0d; display: inline-block; line-height:14px; vertical-align: middle; }
	.striped-white { position: relative; margin-left: 20px; width: 30px; height: 1px; background-color: #fff; display: inline-block; line-height:14px; vertical-align: middle; }

	/* home - classic web agency */
	.after-black-separator:after {width: 35px; margin: 0 15px; height: 1px; background: rgba(0,0,0,.5); content: ""; display: inline-block; vertical-align:middle;}
	.after-white-separator:after {width: 35px; margin: 0 15px; height: 1px; background: rgba(255,255,255,.2); content: ""; display: inline-block; vertical-align: middle;}

	.afbe-black-separator:before, .afbe-black-separator:after {width: 35px; margin: 0 15px; height: 2px; background: rgba(0,0,0,.5); content: ""; display: inline-block; vertical-align: super;}
	.afbe-white-separator:before {width: 60px; margin: 5 0 0 0px; height: 5px; background: #fff; content: ""; display: inline-block; vertical-align: super;}

	/* separator */
	.separator-line-verticle-large { width:1px; height:20px; margin: auto; margin-top: 10px; background-color:#000;}

	.rounded-md { border-radius: .625rem; }

	.box-shadow { box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07); }
	.box-shadow-lg { box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1); }

	.ver-center { 	position: absolute; top: 50%; left: 0; right: 0;
  					transform: translate3d(0, -50%, 0);
	}
	.ver-bottom { 	position: absolute; left: 50%; bottom: 0;
  					transform: translate3d(-50%, 0, 0);
	}

    .no-paddings { padding: 0px}
    .no-margins { margin: 0px}


/*----------------------------------
	Headings & Typographie
	------------------------------------*/


	.h1, .h2, .h3, .h4, .h5, .h6, .h7, 
	h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

	.display-1, .display-2, .display-3, .display-4 { margin-bottom: 0.75rem; }

    .titre-huge, .titre-error, 
    .display-1, .big-title {
        font-size: 100px;
        font-style: normal;
        font-weight: 700;
        line-height: 80px;
        letter-spacing: -2px;
        margin-left: -7px;
        margin-top: 20px;
        margin-bottom: 69px; 
    }

    .titre-huge {
        font-size: 138px;
    }

    .titre-big, .text-big, .display-1 { 
        font-size: 2.2rem; 
        line-height: 1.1; 
        letter-spacing: -1px;
        margin-top: 5px;
        margin-bottom: 15px; 
    }

    .titre-large, .text-large, .display-3 { 
        font-size: 2rem; 
        line-height: 1.1; 
        letter-spacing: 0.2px;
        margin-top: 5px;
        margin-bottom: 15px; 
    }

    .titre-medium, .text-medium, .display-4 { 
        font-size: 1.5rem !important; 
        line-height: 1.2; 
        letter-spacing: 0.0px;
        margin-top: 0px;
        margin-bottom: 15px; 
    }

    .titre-small, .text-small, .display-5 { 
        font-size: 1.1rem;  
        line-height: 1.1; 
         margin-bottom: 10px; 
    }

    .titre-xsmall, .text-xsmall, .display-6 { 
        font-size: 0.8rem; 
        line-height: 1.1; 
        margin-bottom: 10px; 
    }

    .texte-normal { 
        font-size: 1rem; 
        line-height: 1.1; 
        margin-bottom: 10px; 
    }

	.badge {
		display: inline-block;
		padding: .25em .4em;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		vertical-align: super;
		border-radius: .2rem;
	}

	.lead { font-size: 1.25rem; font-weight: 300; line-height: 1.2; }

	.small, .small, .small a { font-size: 90%;}
	.big { font-size: 120%;}
	.italic, em { font-style: italic;}
	.bold, .strong, b { font-weight: 700;}
	.serif.bold, .serif.strong, .serif b { font-weight: 700;}
	.light { font-weight: 300;}
	.uppercase, .text-uppercase { text-transform: uppercase;}
	.lowercase { text-transform:lowercase;}
	.capitalize { text-transform: capitalize;}
	.letterspace { letter-spacing: 0.6em; }
    .underline { text-decoration:line-through;}

	.text-center { text-align:center !important;}
	.text-left { text-align:left !important; margin: 0;}
	.text-right { text-align:right !important; margin: 0;}

	/* font weight */
	.font-weight-100 {font-weight:100}
	.font-weight-200 {font-weight:200}
	.font-weight-300 {font-weight:300}
	.font-weight-400 {font-weight:400}
	.font-weight-500 {font-weight:500}
	.font-weight-600 {font-weight:600}
	.font-weight-700 {font-weight:700}
	.font-weight-900 {font-weight:900}

	.spacing-10 {letter-spacing: .1em; }
	.spacing-20 {letter-spacing: .2em; }


/*----------------------------------
 	PAGES
	------------------------------------*/

	#sb-site {
        width: 100%;
        height: auto;
        min-height: 100vh;
        z-index: 5;
        display: block;
        position: relative;
        position: absolute;
        top: 0px;
        left: 0px;
		-webkit-transition: all 0.4s ease-in 1.5s;
		transition: all 0.4s ease-in 1.5s;
    }

	/* 	Text Link -------------------------------*/

	.text-link, .text-link-white { position: relative; padding: 0 0 0.4rem; pointer-events: auto; }
	.text-link, .text-link:focus, .text-link:hover { color: #111 !important; }
	.text-link-white, .text-link-white:focus, .text-link-white:hover { color: #fff !important; }
	.text-link::before { content: ''; position: absolute; background: #000;
		width: 20%; height: 1px; bottom: 0; transform-origin: 0% 50%; transform: scale3d(0.2,1,1); opacity: 1;
		transition: all 0.3s; transition-property: opacity, transform;
	}
	.text-link-white::before { content: ''; position: absolute; background: #fff;
		width: 60%; height: 2px; bottom: 0; transform-origin: 0% 50%; transform: scale3d(0.2,1,1); opacity: 1;
		transition: all 0.3s; transition-property: opacity, transform;
	}
	.text-link:hover::before, .text-link-white:hover::before { opacity: 1; transform: scale3d(1,1,1); }




/*----------------------------------
 	Hero header & Sections
	------------------------------------*/

	.small-section { padding-top: 2.25rem; padding-bottom: 2.25rem; }
	.small-section-top { padding-top: 2.25rem; }
	.small-section-bottom { padding-bottom: 2.25rem; }	

	.big-section { padding-top: 5.25rem; padding-bottom: 5.25rem; }
	.big-section-top { padding-top: 5.25rem; }
	.big-section-bottom { padding-bottom: 5.25rem; }

	.pages-header { position: relative; padding-top: 14%; }

	#hero-header, #hero, .hero {		
		width:100%;
		height:auto;
        min-height: 118px;
		max-height:100%;
		position:relative;
		z-index:20;
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
	}

    #hero-styles {
		position: relative;
		width: 100%;
		height:auto;
		top: 0;
		left: 0;
		right: 0;
		display: block;
		margin: 0 auto;
		z-index:2;		
	}


	.hero .down-arrow { margin: 10px 0 25px 0px; color: #fff;}

	.bg-hero-image {
		position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;
	  	background-position: center center; background-size: cover; 
	}

	#hero-image.animate {
		opacity:1;
		-webkit-transform: scale(1); transform: scale(1);
		-webkit-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}


	#hero-image {
		position:relative;
		width:100%;
		height:100vh;
		opacity:1;		
		background: center center no-repeat fixed;
		background-size:cover;
	}
	
	#hero-image.bgrelative {
		background: center center no-repeat scroll;
		background-size:cover;
	}

	.bg-img-overlay {
		background-attachment:scroll;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.bg-scroll {
		position: relative;
		width: 100%;
		min-height: 20px;
		z-index: 5;
		display: block;
		overflow: hidden;
		background-attachment:scroll;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.parallax {
		overflow: hidden;
		background-attachment:fixed;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Hovers & Overlays */

	.bg-img-overlay { position:absolute !important; width:100%; height:100%; top: 0; left: 0; z-index:0; opacity: 1 }

    .item img.protect {
        -webkit-filter: blur(3px);
        filter: blur(3px);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    .item:hover img.protect {
        -webkit-filter: blur(0);
        filter: blur(0);
    }


/*--------------------------------------------------
	09. Portfolio Isotope Transitions
---------------------------------------------------*

	.isotope, .isotope .isotope-item {
		-webkit-transition-duration: 1.8s;
		-moz-transition-duration: 1.8s;
		-ms-transition-duration: 1.8s;
		-o-transition-duration: 1.8s;
		transition-duration: 1.8s;
	}
	
	.isotope {
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		-ms-transition-property: height, width;
		-o-transition-property: height, width;
		transition-property: height, width;
	}
	
	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: -o-transform, opacity;
		transition-property: transform, opacity;
	}
	
/*--------------------------------------------------
	03. Portfolio Layout
---------------------------------------------------*/	
    
    #isotope-wrap {
		position:relative;
		width: 100%;
		display:block;
		height:auto;
		min-height: 100px;
        margin-bottom: 30px;
		-webkit-transition: height 0.3s ease-in-out;
		transition: height 0.3s ease-in-out;
	}

	#isotope-wrap:after { content:""; display:table; clear:both; }


/*	OPTIONS ---------------------------------------------------*/

    #isotope-wrap.visible-text { padding-bottom:120px; }
    #isotope-wrap.scale-up { pointer-events:none; }	



/*	ITEM BASIC ---------------------------------------------------*/

    .item {
		opacity:0;
        position: absolute; 
        left: 0px; 
        top: 0px;
		height:auto;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		margin-bottom: 0rem !important;
	}

    .item.in-view {
		opacity:1;
        -webkit-transition: all 1.6s ease;
		transition: all 1.6s ease;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

    .item .item-content {
		opacity:0;
		position:relative;
		height:auto;
		-webkit-transform: translateY(0px); transform: translateY(0px);
		-webkit-transition: all 0.7s ease 0.1s; transition: all 0.7s ease 0.1s;
		-webkit-transform-style: preserve-3d; transform-style: preserve-3d;
	}

	.item.in-view .item-content {
		opacity:1;
		-webkit-transform: translateY(0); transform: translateY(0);
		-webkit-transition: all 0.7s ease 0.1s; transition: all 0.7s ease 0.1s;
	}
	
    .item.out-view .item-content {
		-webkit-transform: translateY(0px); transform: translateY(0px);
		-webkit-transition: all 0.7s ease 0.1s; transition: all 0.7s ease 0.1s;
	}

    .item-img {
		position: relative;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s ease;
		transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1);		
		-webkit-transform-style: preserve-3d;
	  	transform-style: preserve-3d;
		overflow: hidden;
		
	}
	
	.item-img img {
		position: relative;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s ease;
		transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1);
    	transform-origin: center center;
        object-position: center; 
		object-fit: cover;
        z-index:100;	
	}


    .item-wrap {
        width: 100%;
        height: 100%;
        position:absolute;	 				
    }

    .item-appear.reveal-effect::before
	/*.item.out-view .item-img.reveal-effect::before*/ {
		content: '';
		background-color: #f6f6f6;
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
		z-index:666;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: all 0.5s ease 0.6s;
		transition: all 0.5s ease 0.6s;
	}

	.in-view .item-appear.reveal-effect::before,
	.in-view.out-view .item-appear.reveal-effect::before {
		width: 0%;
		z-index:666;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: all 0.5s ease 0.6s;
		transition: all 0.5s ease 0.6s;
	}

     .item-appear {
		display: block;
		position: relative;
		box-sizing: border-box;
		z-index: 0;
		width: 100%;
		height: 100%;
		overflow:hidden;
					
	}
	
	.item-link {
		width: 100%;
		height: 100%;
		position:absolute;	
        z-index: 444;
	}
	
    .item-wrap-image {
		width: 100%;
		height: 100%;
		position:relative;
		z-index:0;
		overflow:hidden;
		-webkit-transform:scale(1.05);
		transform: scale(1.05);
		-webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;	
		transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;			
	}
	
	.item:hover .item-appear .item-wrap-image, .above  .item-wrap-image {		
		-webkit-transform:scale(1);
		transform: scale(1);			
	}
	

    /* OVERLAYS */
	.overlay-caption {
		position: absolute;
		width: 80%;
		height: 80%;
		top: 10%;
		right:10%;
		box-sizing: border-box;
		background-color:rgba(0,0,0,0.7);
		opacity:0;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

    /* OVERLAYS */
	.overlay-caption-full {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		right: 0%;
		box-sizing: border-box;
		background-color:rgba(0,0,0,0.7);
		opacity:0;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	
	.item:hover .overlay-caption, .item:hover .overlay-caption-full {
		opacity:1;
	}
	
	.overlay-caption .outer-caption {
		display: table;
		text-align: center;
		height: 100%;
		width: 100%;
	}
	
	.overlay-caption .inner-caption {
		display:table-cell;
		vertical-align:middle;
	}


/*	05. PAckery Grids ---------------------------------------------------*

	

/*	05. PAckery Grids ---------------------------------------------------*/

	#grid-packery {
		position:relative;
		width: 100%;
		min-height: 100%;
		/*overflow-y: hidden;*/
		-webkit-transition: height 0.3s ease-in-out;
		transition: height 0.3s ease-in-out;
	}

	#grid-packery .item-content {
        height:100%;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		position:relative;
	}


	.card.item .card-img-top {position: relative}
	.card.item .card-img-top img {position: relative; width: 100%; height: auto;}
	.card.item .card-img-top .over-top {position: absolute; top: 15px; left:15px; z-index: 555}
	.card.item .card-img-top .over-bottom {position: absolute; bottom: 15px; left:15px; z-index: 555}


	/*	GRID 4 COLS ---------------------------------------------------*/

	#isotope-wrap #grid-masonry.grid-quatrecols .grid-sizer,
	#isotope-wrap #grid-masonry.grid-quatrecols .item,	
	#isotope-wrap #grid-packery.grid-quatrecols .grid-sizer,
	#isotope-wrap #grid-packery.grid-quatrecols .item {
		width: 23.5%;
		height: auto;
	}

	#isotope-wrap #grid-masonry.grid-quatrecols .item.large-width,
	#isotope-wrap #grid-packery.grid-quatrecols .item.large-width {
		width: 48%;
		height: auto;
	}

	#isotope-wrap #grid-masonry.grid-quatrecols .item.largex-width,
	#isotope-wrap #grid-packery.grid-quatrecols .item.largex-width {
		width: 74.4%;
		height: auto;
	}

	#isotope-wrap #grid-masonry.grid-troiscols .grid-sizer,
	#isotope-wrap #grid-masonry.grid-troiscols .item,	
	#isotope-wrap #grid-packery.grid-troiscols .grid-sizer,
	#isotope-wrap #grid-packery.grid-troiscols .item {
		width: 32%;
		height: auto;
	}

	#isotope-wrap #grid-masonry.grid-quatrecols .gutter-sizer,
	#isotope-wrap #grid-packery.grid-quatrecols .gutter-sizer,
	#isotope-wrap #grid-masonry.grid-troiscols .gutter-sizer,
	#isotope-wrap #grid-packery.grid-troiscols .gutter-sizer { width: 2%; }


	.card.item .card-img-top {
		position: relative;
		min-height: 60px !important;
	}



@font-face {
    font-display: auto;
    font-family: summernote;
    font-style: normal;
    font-weight: 400;
    src: url(font/summernote.eot?#iefix) format("embedded-opentype"), url(font/summernote.woff2) format("woff2"), url(font/summernote.woff) format("woff"), url(font/summernote.ttf) format("truetype");
}
[class*=" note-icon"]:before, [class^=note-icon]:before {
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    display: inline-block;
    font-family: summernote;
    font-size: inherit;
    font-style: normal;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
}
.note-icon-fw {
    text-align: center;
    width: 1.25em;
}
.note-icon-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}
.note-icon-pull-left {
    float: left;
}
.note-icon-pull-right {
    float: right;
}
.note-icon.note-icon-pull-left {
    margin-right: .3em;
}
.note-icon.note-icon-pull-right {
    margin-left: .3em;
}
.note-icon-align:before {
    content: "\ea01"}
.note-icon-align-center:before {
    content: "\ea02"}
.note-icon-align-indent:before {
    content: "\ea03"}
.note-icon-align-justify:before {
    content: "\ea04"}
.note-icon-align-left:before {
    content: "\ea05"}
.note-icon-align-outdent:before {
    content: "\ea06"}
.note-icon-align-right:before {
    content: "\ea07"}
.note-icon-arrow-circle-down:before {
    content: "\ea08"}
.note-icon-arrow-circle-left:before {
    content: "\ea09"}
.note-icon-arrow-circle-right:before {
    content: "\ea0a"}
.note-icon-arrow-circle-up:before {
    content: "\ea0b"}
.note-icon-arrows-alt:before {
    content: "\ea0c"}
.note-icon-arrows-h:before {
    content: "\ea0d"}
.note-icon-arrows-v:before {
    content: "\ea0e"}
.note-icon-bold:before {
    content: "\ea0f"}
.note-icon-caret:before {
    content: "\ea10"}
.note-icon-chain-broken:before {
    content: "\ea11"}
.note-icon-circle:before {
    content: "\ea12"}
.note-icon-close:before {
    content: "\ea13"}
.note-icon-code:before {
    content: "\ea14"}
.note-icon-col-after:before {
    content: "\ea15"}
.note-icon-col-before:before {
    content: "\ea16"}
.note-icon-col-remove:before {
    content: "\ea17"}
.note-icon-eraser:before {
    content: "\ea18"}
.note-icon-float-left:before {
    content: "\ea19"}
.note-icon-float-none:before {
    content: "\ea1a"}
.note-icon-float-right:before {
    content: "\ea1b"}
.note-icon-font:before {
    content: "\ea1c"}
.note-icon-frame:before {
    content: "\ea1d"}
.note-icon-italic:before {
    content: "\ea1e"}
.note-icon-link:before {
    content: "\ea1f"}
.note-icon-magic:before {
    content: "\ea20"}
.note-icon-menu-check:before {
    content: "\ea21"}
.note-icon-minus:before {
    content: "\ea22"}
.note-icon-orderedlist:before {
    content: "\ea23"}
.note-icon-pencil:before {
    content: "\ea24"}
.note-icon-picture:before {
    content: "\ea25"}
.note-icon-question:before {
    content: "\ea26"}
.note-icon-redo:before {
    content: "\ea27"}
.note-icon-rollback:before {
    content: "\ea28"}
.note-icon-row-above:before {
    content: "\ea29"}
.note-icon-row-below:before {
    content: "\ea2a"}
.note-icon-row-remove:before {
    content: "\ea2b"}
.note-icon-special-character:before {
    content: "\ea2c"}
.note-icon-square:before {
    content: "\ea2d"}
.note-icon-strikethrough:before {
    content: "\ea2e"}
.note-icon-subscript:before {
    content: "\ea2f"}
.note-icon-summernote:before {
    content: "\ea30"}
.note-icon-superscript:before {
    content: "\ea31"}
.note-icon-table:before {
    content: "\ea32"}
.note-icon-text-height:before {
    content: "\ea33"}
.note-icon-trash:before {
    content: "\ea34"}
.note-icon-underline:before {
    content: "\ea35"}
.note-icon-undo:before {
    content: "\ea36"}
.note-icon-unorderedlist:before {
    content: "\ea37"}
.note-icon-video:before {
    content: "\ea38"}
.note-editor {
    position: relative;
}
.note-editor .note-dropzone {
    background-color: #fff;
    color: #87cefa;
    display: none;
    opacity: .95;
    position: absolute;
    z-index: 100;
}
.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}
.note-editor .note-dropzone.hover {
    color: #098ddf;
}
.note-editor.dragover .note-dropzone {
    display: table;
}
.note-editor .note-editing-area {
    position: relative;
}
.note-editor .note-editing-area .note-editable {
    outline: none;
}
.note-editor .note-editing-area .note-editable sup {
    vertical-align: super;
}
.note-editor .note-editing-area .note-editable sub {
    vertical-align: sub;
}
.note-editor .note-editing-area .note-editable img.note-float-left {
    margin-right: 10px;
}
.note-editor .note-editing-area .note-editable img.note-float-right {
    margin-left: 10px;
}
.note-editor.note-airframe.codeview .note-editing-area .note-editable, .note-editor.note-frame.codeview .note-editing-area .note-editable {
    display: none;
}
.note-editor.note-airframe.codeview .note-editing-area .note-codable, .note-editor.note-frame.codeview .note-editing-area .note-codable {
    display: block;
}
.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
    overflow: hidden;
}
.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
    word-wrap: break-word;
    overflow: auto;
    padding: 10px;
}
.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
    background-color: #8080801d;
}
.note-editor.note-airframe .note-editing-area .note-codable, .note-editor.note-frame .note-editing-area .note-codable {
    background-color: #222;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #ccc;
    display: none;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    margin-bottom: 0;
    outline: none;
    padding: 10px;
    resize: none;
    width: 100%}
.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%!important;
    z-index: 1050;
}
.note-editor.note-airframe.fullscreen .note-resizebar, .note-editor.note-frame.fullscreen .note-resizebar {
    display: none;
}
.note-editor.note-airframe .note-status-output, .note-editor.note-frame .note-status-output {
    border: 0;
    border-top: 1px solid #e2e2e2;
    color: #000;
    display: block;
    font-size: 14px;
    height: 20px;
    line-height: 1.42857143;
    margin-bottom: 0;
    width: 100%}
.note-editor.note-airframe .note-status-output:empty, .note-editor.note-frame .note-status-output:empty {
    border-top: 0 solid transparent;
    height: 0;
}
.note-editor.note-airframe .note-status-output .pull-right, .note-editor.note-frame .note-status-output .pull-right {
    float: right!important;
}
.note-editor.note-airframe .note-status-output .text-muted, .note-editor.note-frame .note-status-output .text-muted {
    color: #777;
}
.note-editor.note-airframe .note-status-output .text-primary, .note-editor.note-frame .note-status-output .text-primary {
    color: #286090;
}
.note-editor.note-airframe .note-status-output .text-success, .note-editor.note-frame .note-status-output .text-success {
    color: #3c763d;
}
.note-editor.note-airframe .note-status-output .text-info, .note-editor.note-frame .note-status-output .text-info {
    color: #31708f;
}
.note-editor.note-airframe .note-status-output .text-warning, .note-editor.note-frame .note-status-output .text-warning {
    color: #8a6d3b;
}
.note-editor.note-airframe .note-status-output .text-danger, .note-editor.note-frame .note-status-output .text-danger {
    color: #a94442;
}
.note-editor.note-airframe .note-status-output .alert, .note-editor.note-frame .note-status-output .alert {
    background-color: #f5f5f5;
    border-radius: 0;
    color: #000;
    margin: -7px 0 0;
    padding: 7px 10px 2px;
}
.note-editor.note-airframe .note-status-output .alert .note-icon, .note-editor.note-frame .note-status-output .alert .note-icon {
    margin-right: 5px;
}
.note-editor.note-airframe .note-status-output .alert-success, .note-editor.note-frame .note-status-output .alert-success {
    background-color: #dff0d8!important;
    color: #3c763d!important;
}
.note-editor.note-airframe .note-status-output .alert-info, .note-editor.note-frame .note-status-output .alert-info {
    background-color: #d9edf7!important;
    color: #31708f!important;
}
.note-editor.note-airframe .note-status-output .alert-warning, .note-editor.note-frame .note-status-output .alert-warning {
    background-color: #fcf8e3!important;
    color: #8a6d3b!important;
}
.note-editor.note-airframe .note-status-output .alert-danger, .note-editor.note-frame .note-status-output .alert-danger {
    background-color: #f2dede!important;
    color: #a94442!important;
}
.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {
    background-color: #8080801d;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #00000032;
}
.note-editor.note-airframe .note-statusbar .note-resizebar, .note-editor.note-frame .note-statusbar .note-resizebar {
    cursor: ns-resize;
    height: 9px;
    padding-top: 1px;
    width: 100%}
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    border-top: 1px solid #00000032;
    margin: 1px auto;
    width: 20px;
}
.note-editor.note-airframe .note-statusbar.locked .note-resizebar, .note-editor.note-frame .note-statusbar.locked .note-resizebar {
    cursor: default;
}
.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
    display: none;
}
.note-editor.note-airframe .note-placeholder, .note-editor.note-frame .note-placeholder {
    padding: 10px;
}
.note-editor.note-airframe {
    border: 0;
}
.note-editor.note-airframe .note-editing-area .note-editable {
    padding: 0;
}
.note-popover.popover {
    display: none;
    max-width: none;
}
.note-popover.popover .popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.note-popover.popover .arrow {
    left: 20px!important;
}
.note-toolbar {
    position: relative;
}
.note-editor .note-toolbar, .note-popover .popover-content {
    margin: 0;
    padding: 0 0 5px 5px;
}
.note-editor .note-toolbar>.note-btn-group, .note-popover .popover-content>.note-btn-group {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 5px;
}
.note-editor .note-toolbar .note-btn-group .note-table, .note-popover .popover-content .note-btn-group .note-table {
    min-width: 0;
    padding: 5px;
}
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker {
    font-size: 18px;
}
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    cursor: pointer;
    height: 10em;
    position: absolute!important;
    width: 10em;
    z-index: 3;
}
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    background: url("data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
    height: 5em;
    position: relative!important;
    width: 5em;
    z-index: 1;
}
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    background: url("data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
    height: 1em;
    position: absolute!important;
    width: 1em;
    z-index: 2;
}
.note-editor .note-toolbar .note-style .dropdown-style blockquote, .note-editor .note-toolbar .note-style .dropdown-style pre, .note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre {
    margin: 0;
    padding: 5px 10px;
}
.note-editor .note-toolbar .note-style .dropdown-style h1, .note-editor .note-toolbar .note-style .dropdown-style h2, .note-editor .note-toolbar .note-style .dropdown-style h3, .note-editor .note-toolbar .note-style .dropdown-style h4, .note-editor .note-toolbar .note-style .dropdown-style h5, .note-editor .note-toolbar .note-style .dropdown-style h6, .note-editor .note-toolbar .note-style .dropdown-style p, .note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p {
    margin: 0;
    padding: 0;
}
.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
    min-width: 337px;
}
.note-editor .note-toolbar .note-color .dropdown-toggle, .note-popover .popover-content .note-color .dropdown-toggle {
    padding-left: 5px;
    width: 20px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
    display: inline-block;
    margin: 0;
    width: 160px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0 5px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
    border-bottom: 1px solid #eee;
    font-size: 12px;
    margin: 2px 7px;
    text-align: center;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
    border-radius: 5px;
    cursor: pointer;
    font-size: 11px;
    margin: 3px;
    padding: 0 3px;
    width: 100%}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
    background: #eee;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {
    height: 20px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
    display: none;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
    border: 1px solid #eee;
}
.note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu {
    min-width: 228px;
    padding: 5px;
}
.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div, .note-popover .popover-content .note-para .note-dropdown-menu>div+div {
    margin-left: 5px;
}
.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
    min-width: 160px;
}
.note-editor .note-toolbar .note-dropdown-menu.right, .note-popover .popover-content .note-dropdown-menu.right {
    left: auto;
    right: 0;
}
.note-editor .note-toolbar .note-dropdown-menu.right:before, .note-popover .popover-content .note-dropdown-menu.right:before {
    left: auto!important;
    right: 9px;
}
.note-editor .note-toolbar .note-dropdown-menu.right:after, .note-popover .popover-content .note-dropdown-menu.right:after {
    left: auto!important;
    right: 10px;
}
.note-editor .note-toolbar .note-dropdown-menu.note-check a i, .note-popover .popover-content .note-dropdown-menu.note-check a i {
    color: #00bfff;
    visibility: hidden;
}
.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i, .note-popover .popover-content .note-dropdown-menu.note-check a.checked i {
    visibility: visible;
}
.note-editor .note-toolbar .note-fontsize-10, .note-popover .popover-content .note-fontsize-10 {
    font-size: 10px;
}
.note-editor .note-toolbar .note-color-palette, .note-popover .popover-content .note-color-palette {
    line-height: 1;
}
.note-editor .note-toolbar .note-color-palette div .note-color-btn, .note-popover .popover-content .note-color-palette div .note-color-btn {
    border: 0;
    border-radius: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 20px;
}
.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover, .note-popover .popover-content .note-color-palette div .note-color-btn:hover {
    transform: scale(1.2);
    transition: all .2s;
}
.note-modal .modal-dialog {
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0;
}
.note-modal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.note-modal .note-modal-form {
    margin: 0;
}
.note-modal .note-image-dialog .note-dropzone {
    border: 4px dashed #d3d3d3;
    color: #d3d3d3;
    font-size: 30px;
    line-height: 4;
    margin-bottom: 10px;
    min-height: 100px;
    text-align: center;
}
@-moz-document url-prefix() {
    .note-modal .note-image-input {
    height: auto;
}
}.note-placeholder {
    color: gray;
    display: none;
    position: absolute;
}
.note-handle .note-control-selection {
    border: 1px solid #000;
    display: none;
    position: absolute;
}
.note-handle .note-control-selection>div {
    position: absolute;
}
.note-handle .note-control-selection .note-control-selection-bg {
    background-color: #000;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30);
    height: 100%;
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    width: 100%}
.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing {
    border: 1px solid #000;
    height: 7px;
    width: 7px;
}
.note-handle .note-control-selection .note-control-sizing {
    background-color: #000;
}
.note-handle .note-control-selection .note-control-nw {
    border-bottom: none;
    border-right: none;
    left: -5px;
    top: -5px;
}
.note-handle .note-control-selection .note-control-ne {
    border-bottom: none;
    border-left: none;
    right: -5px;
    top: -5px;
}
.note-handle .note-control-selection .note-control-sw {
    border-right: none;
    border-top: none;
    bottom: -5px;
    left: -5px;
}
.note-handle .note-control-selection .note-control-se {
    bottom: -5px;
    cursor: se-resize;
    right: -5px;
}
.note-handle .note-control-selection .note-control-se.note-control-holder {
    border-left: none;
    border-top: none;
    cursor: default;
}
.note-handle .note-control-selection .note-control-selection-info {
    background-color: #000;
    border-radius: 5px;
    bottom: 0;
    color: #fff;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter: alpha(opacity=70);
    font-size: 12px;
    margin: 5px;
    -webkit-opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    padding: 5px;
    right: 0;
}
.note-hint-popover {
    min-width: 100px;
    padding: 2px;
}
.note-hint-popover .popover-content {
    max-height: 150px;
    overflow: auto;
    padding: 3px;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item {
    display: block!important;
    padding: 3px;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
    background-color: #428bca;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 1.4;
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
}
body .note-fullscreen-body, html .note-fullscreen-body {
    overflow: hidden!important;
}
.note-toolbar {
    background: #8080801d;
}
.note-btn-group .note-btn {
    border-color: #00000032;
    font-size: 13px;
    padding: .28rem .65rem;
}