/*































































	Theme Name: HTML5 Blank































































	Theme URI: http://html5blank.com































































	Description: HTML5 Blank WordPress Theme































































	Version: 1.4.3































































	Author: Todd Motto (@toddmotto)































































	Author URI: http://toddmotto.com































































	Tags: Blank, HTML5, CSS3































































































































	License: MIT































































	License URI: http://opensource.org/licenses/mit-license.php































































*/







/*------------------------------------*\































































    MAIN































































\*------------------------------------*/







/* global box-sizing */







*,



*:after,



*:before {



  -moz-box-sizing: border-box;







  box-sizing: border-box;







  -webkit-font-smoothing: antialiased;







  font-smoothing: antialiased;







  text-rendering: optimizeLegibility;



}







/* html element 62.5% font-size for REM use */







html {



  font-size: 16px;



}







body {



  font-family: "Open Sans", sans-serif;







  color: #1a0e89;







  background-color: #f8f6f5;



}







h2 {



  font-weight: 300;



}







/* clear */







.clear:before,



.clear:after {



  content: " ";







  display: table;



}







.clear:after {



  clear: both;



}







.clear {



  *zoom: 1;



}







img {



  max-width: 100%;



}







a {



  color: #1a0e89;







  text-decoration: none;







  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);



}







a:hover {



  color: #8493dc;



}







a:focus {



  outline: 0;



}







a:hover,



a:active {



  outline: 0;



}







input:focus {



  outline: 0;







  border: 1px solid #04a4cc;



}







p {



  margin: 0;







  padding: 0;



}







ul,



li {



  list-style-type: none;







  padding: 0;







  margin: 0;



}







/*------------------------------------*\







    STRUCTURE







\*-----------------------------------*/







.col-10-lrg {



  width: 10%;



}







.col-20-lrg {



  width: 20%;



}







.col-30-lrg {



  width: 30%;



}







.col-40-lrg {



  width: 40%;



}







.col-50-lrg {



  width: 50%;



}







.col-60-lrg {



  width: 60%;



}







.col-70-lrg {



  width: 70%;



}







.col-80-lrg {



  width: 80%;



}







.col-90-lrg {



  width: 90%;



}







.col-100-lrg {



  width: 100%;



}







.col-3 {



  width: 33.333%;



}







.col-4 {



  width: 25%;



}







.col-7 {



  width: 75%;



}







.text-align-center {



  text-align: center;



}







/* wrapper */







.wrapper {



  width: 100%;







  position: relative;



}







/* header */







.header-cntr {



  position: relative;



}







.header {



  position: relative;







  z-index: 99999;







  background-color: #fdfaf8;







  padding: 5px 2.5%;







  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.1);







  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);



}







/* nav */







.nav-cntr {



  position: absolute;







  top: 0;







  margin-left: auto;







  margin-right: auto;







  left: 0;







  right: 0;







  width: 95%;







  max-width: 1024px;







  background-color: white;







  padding: 25px 2%;







  z-index: 100;







  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);







  opacity: 0;







  display: none;







  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 3px 4px rgba(0, 0, 0, 0.2);



}







.nav-cntr .nav ul li {



  margin: 5px 0;



}







.nav-cntr .nav-cntr-inner {



  margin-bottom: 20px;
  justify-content: space-between;



}







.nav-cntr .nav-cntr-inner nav {



  border-left: 1px solid #dddddd;







  padding-left: 1.5%;



}







.nav-cntr .nav-cntr-inner nav > ul {



  padding-left: 3%;



}







#prfl-mn.nav-cntr .nav ul li {



  text-align: right;



}







.nav-cntr .nav-cntr-inner nav:nth-child(1) {



  border: none;



}







.nav-cntr nav span {



  font-size: 18px;







  text-transform: uppercase;







  font-family: "novecento-sans-wide-light", sans-serif;



}







.mn-opn {



  display: block;







  animation-duration: 0.5s;







  animation-delay: 0.2s;







  -webkit-animation-fill-mode: forwards;







  animation-name: glissement;



}







@keyframes glissement {



  from {



    opacity: 0;







    top: 0;



  }







  to {



    opacity: 1;







    top: 100%;



  }



}







#header {



  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);



}







.sticky {



  position: fixed;







  top: 0;







  width: 100%;







  z-index: 99999;



}







#header.sticky .header {



  padding: 0 2.5%;



}







#header.sticky .btns-head-right ul li {



  margin: 0 5px;







  margin-top: 0;







  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);



}







#header.sticky .btns-head ul a {



  margin: 0 5px;







  margin-top: 8px;







  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);



}







#header.sticky .logo-cntr {



  max-width: 250px;







  transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);



}







.breadcrumb {



  width: 95%;







  max-width: 1280px;







  margin: 0 auto;



}







.breadcrumb > span {



  padding: 15px 5px;







  display: inline-block;







  font-size: 13px;



}







/* footer */







.footer {



  background-color: #fdfcfa;



}







.footer-inner {



  width: 100%;







  max-width: 1450px;







  margin: auto;







  padding: 50px 0;



}







.logo-footer {



  width: 90%;







  max-width: 400px;



}







.footer-inner .nav-footer {



  width: 80%;







  max-width: 800px;







  margin: 15px auto;







  display: flex;



}







.footer-inner .menu-sec {



  margin: 10px 2%;



}







.footer-inner .menu-sec ul li {



  padding: 5px 0;



}



.social-btn li svg {



  width: 25px;



  fill: #1a0e89;



}



.social-btn li span {



  position: relative;



  top: -7px;



  padding-left: 5px;



}







h1 {



  font-family: "novecento-sans-wide-light";



}







.flex {



  display: flex;



}







.cl-3 {



  width: 33.3333%;



}







.logotxt {



  font-family: "novecento-sans-wide-light", sans-serif;



}







.logo-cntr {



  max-width: 350px;







  margin: auto;



}







.btns-head ul a {



  font-family: "novecento-sans-wide-light";







  display: inline-block;







  padding: 3px 20px 10px;







  margin: 10px 5px;







  margin-top: 25px;







  font-size: 14px;







  border: 1px solid #1a0e89;







  color: #1a0e89;







  border-radius: 20px;







  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);



}







.btns-head ul a:hover {



  background-color: #1a0e89;







  border: 1px solid #1a0e89;







  color: white;



}







.btns-head ul a:hover .st-eye {



  stroke: white;



}







.btns-head ul a:hover svg {



  color: white;







  stroke: white;







  fill: white;



}







.profil-btn {



  font-family: "novecento-sans-wide-light";







  display: inline-block;







  padding: 3px 10px 10px 15px;







  margin: 10px 5px;







  margin-top: 6%;







  font-size: 15px;







  border: 1px solid #1a0e89;







  color: #1a0e89;







  border-radius: 20px;







  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);







  position: relative;







  top: 3px;



}







.profil-btn:hover {



  background-color: #1a0e89;







  border: 1px solid #1a0e89;







  color: white;



}







.profil-btn:hover svg path {



  color: white;







  stroke: white;







  fill: white;



}



.slb_data_title {



  display: none !important;



}



.pagination {



  margin: 30px auto 40px;



  font-size: 18px;



  font-weight: bold;



  width: 100%;



  padding: 0 20px;



}



.page-numbers.current {



  color: #8493dc;



}



.prov-field {

  padding-bottom: 10px;



}



.acf-input-append {



  height: 100%;



}



.message-cntr {

  display: -webkit-inline-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

  



  position: relative;



  vertical-align: top;
  margin-left: 5px;



}



.btns-head ul li {



  display: inline;



}







.profil-btn svg,



.btns-head ul li svg {



  height: 20px !important;







  margin-right: 5px;







  top: 5px;







  position: relative;



}







.btns-head-right {



  display: flex;







  justify-content: flex-end;



}







.btns-head-right ul {



  display: inline-block;



}







.btns-head-right ul li {



  display: inline-block;







  margin: 10px;







  margin-top: 20px;



}







.btns-head-right ul li svg {



  height: 25px;







  position: relative;







  bottom: -5px;



}







.btns-head-right .message svg,



.btns-head-right .favorite svg {



  top: 10px;



}







.btn {



  cursor: pointer;







  padding: 8px 12px;







  margin: 5px;







  border: 1px solid #1a0e89;







  border-radius: 20px;







  color: #1a0e89;







  display: inline-block;







  text-transform: uppercase;







  font-size: 12px;







  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);



}







.btn:hover {



  background-color: #1a0e89;







  border: 1px solid white;







  color: white;



}







.btn.suppr-art {



  border: 1px solid #888;







  color: #888;



}







.btn.suppr-art:hover {



  background-color: #f8f6f5;







  border: 1px solid red;







  color: red;



}







.button {



  cursor: pointer;







  padding: 8px 12px;







  margin: 10px;







  background-color: white;







  border: 1px solid #1a0e89;







  border-radius: 20px;







  color: #1a0e89;







  display: inline-block;







  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);



}







.button:hover {



  background-color: #1a0e89;







  border: 1px solid white;







  color: white;



}







.notification span {



  color: #fff;







  background-color: #1a0e89a8;







  padding: 10px;







  margin: 10px auto;







  display: inline-block;







  font-size: 14px;



}







#export-mn nav {



  width: 25%;



}



.nav.abn-block{



  background-color: #f8f6f5;



  margin: 0 10px;



  box-sizing: border-box; 



  padding-left: 0!important;



  text-align: center;



  border-left: 1px solid #1a0e89!important;



  border: 1px solid #1a0e89;



  max-width: 220px;



}



.abn-block svg{



  width: 50px;



  height: 50px;



  margin: auto;



  display: block;



  max-width: 180px;



} 



.abn-block span{



  display: inline-block;



  padding-top: 15px;



}



/*------------------------------------*\



    acf



\*------------------------------------*/







.add-art .acf-field input {



  border: 1px solid #d1d1d8;







  padding: 10px !important;







  color: #170d74;



}







.acf-field {



  display: flex;







  flex-wrap: wrap;







  border-bottom: 1px solid #1a0e89;



}







.acf-field .acf-input {



  width: 75%;



}







.acf-field .acf-label {



  width: 25%;







  min-width: 150px;



}







.acf-field p.description {



  font-size: 12px;



}







.acf-field .acf-label label {



  font-size: 13px;







  font-weight: 600 !important;



}







.acf-field.acf-field-6082cf0e2b9cf {



  display: block;



}







.acf-field.acf-field-6082cf0e2b9cf .acf-label {



  width: 100%;



}







.acf-field.acf-field-6082cf0e2b9cf .acf-input {



  width: 100%;



}



.acf-tab-group li a {



  color: #170d74 !important;



  text-transform: uppercase;



  font-weight: bold;



} 







input#acf-field_608ff6332703e {



  margin: 20px;







  width: 25px;







  height: 25px;







  margin-left: 50px;



}







.dlt-notif .acf-label {



  width: 60%;



}







.dlt-notif .acf-input {



  width: 20%;



}















.acf-button-group label.selected {



  border-color: #1a0e89 !important;







  background: #1a0e89 !important;



}







/*------------------------------------*\



    PAGES



\*------------------------------------*/







.main-cnt {



  width: 95%;







  max-width: 1280px;







  margin: 0 auto 30px;



}







.o-slider {



  margin: 20px;







  align-items: baseline;



}







.o-slider .slick-track {



  display: flex;







  align-items: baseline;



}







.o-slider .o-slide {



  margin: 20px;



}







.o-slider .o-slide .o-img {



  display: block;







  width: 100%;



}







.o-slider .o-slide .btn-title-o-slider {



  display: block;







  text-align: center;







  margin: 15px 0;



} 



.u-slider {



  text-align: center;



}



.slick-dots li button:before {



	border-radius: 50%;



    position: absolute;



    top: 0;



    left: 0;



    width: 10px;



    height: 10px;



    content: '•';



    text-align: center;



    opacity: .25;



    background-color: black;



    -webkit-font-smoothing: antialiased;



    -moz-osx-font-smoothing: grayscale;



	padding: 5px ;



}



.slick-dots li.slick-active button:before {



    opacity: .75;



    color: black;



}



.slick-dots li button {



    font-size: 0;



    line-height: 0;



    display: block;



    width: 10px;



    height: 10px;



    cursor: pointer;



    color: transparent;



    border: 0;



    outline: none;



    background: transparent;



}



.slick-dots{



	text-align: center;



}



.slick-dots li{



	position: relative; 



	text-align: center;



	margin: 5px 10px;



	display: inline-block;



}



.user-cercle {



  display: inline-block;



  margin: auto;



  overflow: hidden;



  border-radius: 50%;



}



.o-slide span {



  color: #888;



  font-size: 14px;



  padding: 0 20px;



}







.control-c {



  width: 30px;



  position: absolute;



  top: 40%;



  z-index: 999;



}







.control-c.prev {



  left: -5%;



}







.control-c.next {



  transform: rotate(180deg);







  right: -5%;



}







.blog-cnt {



  margin: 40px 20px;



}







.main-cnt .date,



.blog-cat {



  font-size: 14px;







  padding: 20px;







  color: #888;



}







.user .breadcrumb {



  display: none;



}



.letter-spacing-text{



  letter-spacing: 0.1em;



}



/*------------------------------------*\































































    ARCHIVE































































\*------------------------------------*/







body .archive {



  width: 95%;







  max-width: 1280px;







  margin: 20px auto;



}







.archive-oeuvre {



  width: 95%;







  max-width: 1280px;







  margin: 10px auto;







  display: flex;



}
.archive-oeuvre.favoris-list{
  max-width: 1024px;
}






.archive-oeuvre .sidebar {



  width: 20%;







  max-width: 250px;







  min-width: 180px;



}







.archive-oeuvre .sidebar .search-cntr {







  margin-bottom: 20px;







  margin-top: 5px;







  padding: 10px;







  background-color: #c4d0e659;







  font-size: 14px;



  overflow: hidden;



  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);



}



.archive-oeuvre .sidebar .search-cntr.turn{



	height: 100%;



	padding: 10px;



}



#side-bar-btn{



	width: 70px;



    cursor: pointer;



    padding: 10px;



}



.archive-oeuvre .archive-cnt {



  width: 80%;
  padding-left: 1.5%;


}
.favoris-list .archive-cnt{
  width: 100%;
}



.searchandfilter .meta-slider{
  height: 9px;
  margin-top: 20px;
}
.searchandfilter .noUi-connect {
  background-color: #1a0e89;
}
.searchandfilter .noUi-horizontal .noUi-handle{
  height: 20px;
  width: 20px;
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle{
  right: -15px;
}
.sf-input-range-number{
  color: #1a0e89;
  border-color: #1a0e89;
  border-width: 1px ;
}
.searchandfilter h4{
  font-size: 12px;
  padding: 5px 0;
}
.searchandfilter ul li{
  padding: 0 0 5px 0;
}
.searchandfilter ul li.sf-field-submit{
  padding-top: 15px;
}
.search-cntr .categorie ul li,


.search-cntr #etat-list ul li,



.search-cntr #tech-field ul li {



  padding: 5px 0;



}







#tech-field,



#etat-list {



  position: relative;



}







.search-cntr .categorie > ul > li,



.search-cntr #etat-list > ul > li,



.search-cntr #tech-field > ul > li {



  border-bottom: 1px solid #1a0e8938;







  margin-bottom: 10px;







  position: relative;



}







.search-cntr .categorie > ul > li > .children {



  padding-left: 10px;







  position: relative;







  overflow: hidden;







  height: 0;







  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);



}







.search-cntr .categorie ul li .children.opn-pn-mn {



  height: initial;



}







.search-cntr .categorie > ul > li > .children > li > a {



  position: relative;







  display: block;



}







.search-cntr #tech-field li ul li,



.search-cntr #etat-list li ul li {



  padding-left: 10px;



}







.opn-mn {



  cursor: pointer;







  font-size: 21px;







  position: absolute;







  right: 0;







  top: 0;







  font-weight: bold;







  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);







  width: 30px;







  height: 25px;



}







.opn-mn:hover {



  color: #8493dc;



}







.opn-mn svg {



  fill: #1a0e89;



}







.opn-mn.turn {



  transform: rotate(180deg);



}







.tech-field-list {



  height: 0;







  overflow: hidden;







  position: relative;







  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);



}







.opn-pn-mn.tech-field-list {



  height: auto;



}







.categorie h4 {



  font-family: "novecento-sans-wide-light", sans-serif;







  color: #170d74;







  text-decoration: underline;







  margin-bottom: 10px;



}







.search-cntr .categorie ul li .children .current-cat > a {



  font-weight: bold;







  position: relative;



}







.search-cntr .categorie ul li .children .current-cat > a:before {



  content: ".";







  font-size: 24px;







  font-weight: bold;







  color: #1a0e89;







  position: absolute;







  top: -10px;







  left: -12px;



}







.archive-cnt,



.archive-cnt .search-filter-results {



  display: flex;







  flex-wrap: wrap;







  align-content: start;



}







.archive-cnt .art-cat-list {



  width: 25%;







  min-width: 250px;







  padding: 5px 10px;



}







.archive-cnt .art-cat-list .img-art-list img {



  width: 100%;



}







.archive-cnt .title-art-cat {



  font-size: 14px;







  font-weight: inherit;







  color: #1a0e89;



  text-align: center;



}







.order-lm {



  display: flex;







  justify-content: space-between;







  width: 95%;







  max-width: 1280px;







  margin: 10px auto;







  align-items: center;



}







.order-lm #order-box {



  width: 100%;







  max-width: 90px;



}







.order-lm #order-box .trier-btn {



  padding: 5px;







  cursor: pointer;







  background-color: #f7f7f7;







  position: relative;







  display: block;



}







.order-lm #order-box .trier-btn:hover {



  background-color: #fff;



}







.order-lm #order-box .trier-btn .order-box {



  position: absolute;







  top: 100%;







  left: 0;







  background-color: white;







  font-size: 14px;







  width: 160px;







  padding: 5px;







  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);







  display: none;







  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.1);



}







.order-lm #order-box .trier-btn .order-box.tr-opn {



  display: block;



}







.order-lm #order-box .trier-btn .order-box ul li {



  padding: 5px;



}







.order-lm #filter {



  width: 50%;







  max-width: 80px;



}



.order-lm #filter #side-bar-btn{



	display: none;



}







.search-title {



  font-size: 18px;



}







#search .search {



  border-bottom: 1px solid #c4d0e6;



  display: inline-block;



  margin-left: 1rem;



}



.search .search-input {



  background-color: #fdfcfa;







  padding: 8px 5px;







  padding-left: 5px;







  border: none;







  font-size: 15px;



}







.search .search-submit {



  width: 27px;







  padding: 0px;







  background-color: transparent;







  color: #1a0e89;







  cursor: pointer;







  border: none;







  top: 8px;







  position: relative;



}







.search-title {



  color: #888;



}







.no-result {



  text-align: center;







  margin: auto;



}







textarea#comment {



  border: 1px solid #1a0e89;



}



.post-template-default .main-cnt{



  max-width: 950px;



}



/*------------------------------------*\































































    Oeuvres template































































\*------------------------------------*/







.sgl-art {



  width: 95%;







  max-width: 1024px;







  margin: auto;



}







.sgl-art article {



  display: flex;



}







.sgl-art article > div {



  padding: 5px;



}



.sgl-art article .art-glry{



  padding: 5px 10px 10px 30px;



}







.sgl-art .art-glry li {



  margin-bottom: 20px;



}



.sgl-art .art-glry .slick-dots li {



  margin-bottom: 0px;



}







.mes-oeuvres .art-list-cnt {



  margin: 20px 0;



}







.user-info {



  padding: 0 0 30px 20px;







  font-size: 14px;



}







.cntrl-art {



  display: flex;







  justify-content: flex-end;



}







.add-art {



  width: 100%;







  max-width: 800px;







  margin: 0 auto 20px;



}







.info-cntr {



  position: relative;







  overflow: hidden;







  height: 40px;







  transition: all 2s cubic-bezier(0.25, 0.8, 0.25, 1);



  margin-top: 15px;



}







.info-cntr::after {



  content: " ";







  display: block;







  position: absolute;







  width: 100%;







  height: 40px;







  bottom: 0;







  left: 0;







  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */







  background: -moz-linear-gradient(



    top,



    rgba(248, 246, 245, 0) 0%,



    rgba(248, 246, 245, 1) 100%



  ); /* FF3.6-15 */







  background: -webkit-linear-gradient(



    top,



    rgba(248, 246, 245, 0) 0%,



    rgba(248, 246, 245, 1) 100%



  ); /* Chrome10-25,Safari5.1-6 */







  background: linear-gradient(



    to bottom,



    rgba(248, 246, 245, 0) 0%,



    rgba(248, 246, 245, 1) 100%



  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */







  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}







.info-cntr.show {



  height: initial;



}







.art-values {









  margin-top: 40px;







  padding: 20px;







  border: 1px solid #1a0e89;







  width: 100%;







  max-width: 500px;







  background-color: white;



}







.art-values ul li {



  margin: 10px;



}







.art-arr {



  width: 50px;







  position: absolute;







  top: 50vh;



}







.art-arr.art-arr-prv {



  left: 5%;



}







.art-arr.art-arr-nxt {



  right: 5%;



}







.art-arr.art-arr-nxt img {



  transform: rotate(180deg);



}



.art-cnt img#zoom_01{



  width: 70%;



  max-width: 500px;



  min-width: 300px;



  margin:auto;



  display: block;



}


.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card{
  padding-bottom: 120px!important;
}
.membres-posts-img{ 
  width: 100%;
  display: block;
  position: absolute; 
  bottom: 0; 
}
.membres-posts-img li{
  margin: auto;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 1;
  /* border-left: 1px solid #fff; */
  width: 32%;
  display: inline-block;
}
.membres-posts-img li:hover{
  opacity: 0.7;
}
.um-profile .um-profile-body{
  padding-top:0!important;
  padding-bottom: 0!important;
}


/*------------------------------------*\































































    conditional class































































\*------------------------------------*/







.border-left {



  border-color: white;







  border-left-width: 1px;







  border-left-style: solid;



}







/*------------------------------------*\































































    UM































































\*------------------------------------*/







.um-profile.um .um-name a {



  color: #1a0e89 !important;



}





.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn.um-button.um-alt{ 
  padding: 5px 5px 5px 5px!important;
}

.um .um-button.um-alt{
  color: rgb(26, 14, 137) !important;
  background-color: white !important;
  padding: 5px!important;
}



.um input[type="submit"].um-button.um-alt {



  color: rgb(26, 14, 137) !important;







  background-color: white !important;







  border: 1px solid rgb(26, 14, 137) !important;



}







.add-fav {



  display: flex;







  justify-content: flex-end;



}







.add-fav .fav-widget {



  margin: 10px 4px;



}







.add-fav .fav-users-widget {



  margin: 10px;







  padding-top: 5px;







  color: #888;







  font-size: 14px;







  margin-top: 15px;



}





.simplefavorite-button{

  padding: 8px 12px;

  cursor: pointer;

  border: 1px solid #170d74!important;

  padding: 8px 12px;

  cursor: pointer;

  font-size: 12px;

  border-radius: 20px;

  text-transform: uppercase;

}

.simplefavorite-button.active {



  opacity: 1;



}







.user-favs-list {



  width: 100%;







  max-width: 750px;







  margin: 20px auto;







  background-color: #eee;







  padding: 15px;







  border: 1px solid #1a0e89;



}







.um .um-field-group-head,



.picker__box,



.picker__nav--prev:hover,



.picker__nav--next:hover,



.um .um-members-pagi span.current,



.um .um-members-pagi span.current:hover,



.um .um-profile-nav-item.active a,



.um .um-profile-nav-item.active a:hover,



.upload,



.um-modal-header,



.um-modal-btn,



.um-modal-btn.disabled,



.um-modal-btn.disabled:hover,



div.uimob800 .um-account-side li a.current,



div.uimob800 .um-account-side li a.current:hover {



  background: #1a0e89 !important;



}

.um .um-members-pagi span.current{

  border-radius: 20px;

}







.user-favs-list ul {



  margin: 20px;



}







.user-favs-list ul li {



  margin: 10px;







  list-style-type: disc;



}







.user-favs-list > span {



  color: #666;



}







.um-field-label-icon {



  color: #1a0e89;



}







.um a.um-link {



  color: #1a0e89 !important;



}







.um input[type="submit"].um-button,



.um input[type="submit"].um-button:focus,



.um a.um-button,



.um a.um-button.um-disabled:hover,



.um a.um-button.um-disabled:focus,



.um a.um-button.um-disabled:active {



  background: #1a0e89 !important;







  border-radius: 25px !important;







  text-transform: uppercase;



}







.um-profile.um .um-profile-headericon a:hover,



.um-profile.um .um-profile-edit-a.active {



  color: #1a0e89 !important;



}







.um .um-tip:hover,



.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,



.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,



.um .um-member-name a:hover,



.um .um-member-more a:hover,



.um .um-member-less a:hover,



.um .um-members-pagi a:hover,



.um .um-cover-add:hover,



.um .um-profile-subnav a.active,



.um .um-item-meta a,



.um-account-name a:hover,



.um-account-nav a.current,



.um-account-side li a.current span.um-account-icon,



.um-account-side li a.current:hover span.um-account-icon,



.um-dropdown li a:hover,



i.um-active-color,



span.um-active-color {



  color: #1a0e89 !important;



}







.um-directory



  .um-member-directory-header



  .um-member-directory-header-row



  .um-member-directory-nav-line



  .um-member-directory-sorting {



  flex: initial !important;



}







.um-directory



  .um-member-directory-header



  .um-member-directory-header-row



  .um-member-directory-nav-line {



  justify-content: flex-end !important;



}







.um-directory



  .um-member-directory-header



  .um-member-directory-header-row



  .um-member-directory-search-line



  .um-do-search {



  min-width: 15%;







  width: auto;







  background-color: #170d74;







  border-radius: 0 !important;







  padding: 12px !important;







  cursor: pointer;







  margin-left: -10px;







  border: 1px solid #1a0e89 !important;



}







.um-directory



  .um-member-directory-header



  .um-member-directory-header-row



  .um-member-directory-search-line



  label {



  flex: initial !important;



}







.um-directory



  .um-member-directory-header



  .um-member-directory-header-row



  .um-member-directory-search-line {



  width: 300px !important;



}







.um-directory



  .um-member-directory-header



  .um-member-directory-header-row



  .um-member-directory-search-line



  label



  .um-search-line {



  border: 1px solid #1a0e89 !important; 
  border-radius: 0;


}







.um-profile {



  margin-top: 20px;



}







.um-right.um-half .um-button {



  border: none !important; 



  box-shadow: none;



  background: #f8f6f5!important;



}







.txt-vis {



  color: #1a0e89;







  font-size: 12px;



}



.nd-sub-blc{



  border: 1px solid #1a0e89;



  border-radius: 10px;



  padding: 20px!important;



  text-align: center;



  display: flex;



  flex-flow: inherit;



  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);



}



.nd-sub-blc:hover{



  background-color: #eee;



}



.nd-sub-blc svg{



  width: 30%;



  min-width: 70px;



  display: block;



  margin: 10% auto;



}



.nav-previous, .nav-next{



  display: inline-block;



  font-size: 16px;



  padding: 10px 15px;



}



.nav-next{



  text-align: right;



}



/*------------------------------------*\































































	SF Pplugin search































































\*------------------------------------*/







.sf-field-submit > input {



  padding: 10px 20px;







  background: transparent;







  border: 1px solid #1a0e89;







  color: #1a0e89;







  cursor: pointer;







  font-weight: 700;







  text-transform: uppercase;







  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);

  border-radius: 20px;



}







.sf-field-submit > input:hover {



  background-color: #1a0e89;







  color: white;



}







.sf-field-search label {



  display: block;







  width: 100%;



}







.sf-field-search label input {



  padding: 10px 15px;







  border: 1px solid #1a0e89;







  color: #1a0e89;







  width: 100%;



}







.sf-input-select {



  padding: 7px;







  border: 1px solid #1a0e89;







  color: #1a0e89;







  max-width: 230px;







  width: 100%;



}







.sf-field-post-meta-technique label {



  width: 100%;



}







.searchandfilter ul li[data-sf-field-input-type="select"] {



  width: 100%;



}







.searchandfilter ul li[data-sf-field-input-type="select"] label {



  width: 100%;



}







/*------------------------------------*\































































	FEPplugin































































\*------------------------------------*/







#fep-menu {



  margin: 0 0 20px 12px;



}







.btn.new-msg {



  border-bottom: 1px solid #1a0e89 !important;



  padding: 10px 14px;



  font-size: 12px;
  margin: 0;



}
.um-profile-meta .um-friend-btn.um-button.um-alt,
.um-profile .um-login-to-friend-btn.um-button.um-alt{
  text-transform: uppercase!important;
  font-size: 12px;
  padding-top: 10px!important;
  padding-left: 14px!important;
  padding-right: 14px!important;
  padding-bottom: 10px!important;
  border: 1px solid #1a0e89 !important;
  box-shadow: none!important;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: transparent!important;
}
.um-profile .um-login-to-friend-btn.um-button.um-alt:hover {
  background-color: #1a0e89!important;
    border: 1px solid white!important;
    color: white!important;
}
.um-profile .um-login-to-friend-btn.um-button::before{
  content: " ";
  display: none;
}

.fep-button,



.fep-button-active {



  border: 1px solid #1a0e89 !important;







  border-radius: 20px !important;







  padding: 8px 12px !important;







  font-weight: 400 !important;







  text-transform: uppercase;



}


.um-directory .um-members-pagination-box{
  margin-top: 100px!important;
}




.fep-header-avatar,



.fep-header-welcome,



#fep-menu-toggle-button,



#fep-menu-announcements {



  display: none !important;



}







.message {



  position: relative;



}







.message .ntf-color {



  position: absolute;







  bottom: -10px;







  right: -7px;







  background-color: white;







  padding: 3px 6px;







  border-radius: 50%;







  border: 1px solid #1a0e89;







  font-size: 12px;







  font-weight: 600;



}







#fep-messagebox-search-form .fep-messagebox-search-form-field {



  padding: 8px;







  font-size: 15px;







  border: none;







  border-bottom: 1px solid #888;



}







.fep-field {



  margin-top: 10px;



}







.fep-field input,



.fep-field label,



.fep-field textarea {



  border: 1px solid #1a0e89;







  color: #1a0e89;







  padding: 10px;



}







.fep-filter select,



.fep-bulk-action select {



  border: 1px solid #1a0e89;







  color: #1a0e89;







  padding: 3px;







  margin-right: 10px;



}







#fep-header {



  display: none;



}







.fep-cb-check-uncheck-all-div {



  font-size: 14px;







  color: #888;



}







.fep-message .fep-message-title-heading {



  font-size: 16px;



}







#fep-content-single-heads .fep-message-head-active:hover,



#fep-content-single-heads .fep-message-head-active {



  background-color: initial;



}







#fep-table .fep-column-avatar .gravatar {



  padding: 5px;



}







/*------------------------------------*\











	BLOG











\*------------------------------------*/







.comment-form-comment {



  margin: 20px 0;



}







.comment-form-comment label {



  display: block;







  margin-bottom: 10px;



}







.form-submit input {



  padding: 10px 20px;







  border-radius: 20px;







  background-color: white;







  border: 1px solid #1a0e89;







  color: #1a0e89;







  cursor: pointer;







  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);



}







.form-submit input:hover {



  background-color: #1a0e89;







  color: white;



} 



.blog-arctl{



  width: 25%;



  float: left;



  padding:20px 10px;



}



.blog-arctl h2{



  font-size: 18px;



}



.blog-arctl .date{



  font-size: 14px;



  color: #888



}



/*------------------------------------*\



  RCP restrict content pro







\*------------------------------------*/



#rcp_registration_form {



  margin: 0 auto;



  padding: 20px!important;



  width: 100%;



  max-width: 720px;



  background-color: #fff;



  border: 1px solid #1a0e89;



}



#rcp_registration_form .rcp_registration_total{



  padding: 20px;



  border: 1px solid #1a0e89;



  width: 100%;



  margin: 20px auto; 



  text-align: left;



}



#rcp_registration_form .rcp_registration_total table{



  width: 100%;



}



#rcp-sandbox-gateway-test-cards{



  border: 1px solid red;



  color: red;



  font-size: 12px;



  line-height: 0;



}



#rcp-card-element{



  border: 1px solid #1a0e89;



  background-color: #eee;



  padding: 20px; 



}



#rcp-card-name{



  padding: 10px 20px;



  border: 1px solid #1a0e89;



}







#rcp_submit {



  padding: 10px 20px;







  background-color: #1a0e89;







  border: 1px solid #1a0e89;







  color: white;







  cursor: pointer;







  font-weight: 700;







  text-transform: uppercase;







  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);



  border-radius: 30px;



  font-weight: 500;;



}







#rcp_submit:hover {



  background-color: #130b5e;



}



.rcp_form input[type=checkbox] { 



  margin-top: 0.3em!important;



}



.tab-shdw-col{



  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);



  transition: all 0.3s cubic-bezier(.25,.8,.25,1);



  position: relative;



  overflow: hidden;



}



.tab-shdw-col:hover {



  background-color: #eee;



  box-shadow: 0 14px 32px rgba(2, 6, 49, 0.123), 0 10px 15px rgba(2, 3, 51, 0.212);



}



.tab-shdw .wp-block-uagb-column{



  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);



  transition: all 0.3s cubic-bezier(.25,.8,.25,1);



  position: relative;



  overflow: hidden;



}



.tab-shdw .wp-block-uagb-column:hover {



  background-color: #eee;



  box-shadow: 0 14px 32px rgba(2, 6, 49, 0.123), 0 10px 15px rgba(2, 3, 51, 0.212);



}



.tab-shdw .wp-block-uagb-column:hover > .uagb-column__overlay{



  background-color: #eee!important;



}



.tab-shdw .wp-block-uagb-column p a, .tab-shdw-col p a, .link-underline{



  text-decoration: underline;



}



h3.rcp_header{



  display: none ;



}



#post-4174 .rcp-table{



  margin: 20px; 



  border-spacing:0; /* Removes the cell spacing via CSS */



  border-collapse: collapse;  /* Optional - if you don't want to have double border where cells touch */



}



#post-4174 .rcp-table th{



  text-align: left;



  padding: 10px;



  font-size: 14px;



    font-weight: 700;



    background-color: #eee;



}



#post-4174 .rcp-table td{



  padding: 10px;



  border: 1px solid #eee; 



}



.uagb-heading-text{



  font-weight: initial;



}



/*------------------------------------*\































































	TYPOGRAPHY































































\*------------------------------------*/







@font-face {



  font-family: "nimbus-regular";







  src: url("fonts/nimbus-sans-l_regular.ttf") format("truetype");







  font-weight: normal;







  font-style: normal;



}







@font-face {



  font-family: "novecento-sans-wide-light";







  src: url("fonts/novecento-sans-wide-light/synthview-novecento-sans-wide-light.otf")



    format("truetype");







  font-weight: lighter;







  font-style: lighter;



}







@font-face {



  font-family: "novecento-sans-wide-demibold";







  src: url("fonts/novecento-sans-wide-demibold/synthview-novecento-sans-wide-demibold.otf")



    format("truetype");







  font-weight: bold;







  font-style: bold;



}







/*------------------------------------*\































































    RESPONSIVE































































\*------------------------------------*/







@media only screen and (max-width: 1420px) {



  .archive-cnt .art-cat-list {



    min-width: 150px;



  }







  .archive-oeuvre {



    width: 98%;



  }

 



  .nav-cntr{



    width: 99.5%;



  }



}







@media only screen and (max-width: 1280px) {



  .archive-oeuvre .sidebar {



    width: 30%;



  }







  .archive-oeuvre .archive-cnt {



    width: 70%;



  }



  .art-arr{



	  width: 30px;



  }



  .art-arr.art-arr-nxt{



	  right: 1%;



  }



  .art-arr.art-arr-prv{



	  left: 1%;



  }



}







@media only screen and (max-width: 1024px) {



}







@media only screen and (max-width: 960px) {



  .btns-head ul a span {



    display: none;



  }







  .archive-cnt .art-cat-list {



    width: 25%;



  }







  .archive-oeuvre {



    display: block;



  }







  .archive-oeuvre .sidebar {



    width: 300px;







    margin-left: 4%;



  }







  .archive-oeuvre .archive-cnt {



    width: 100%;



  }



  .home-head h1 {



    font-size: 24px;



  }



  .home-head p {



    font-size: 16px !important;



  }



  .sec-bleu .wp-block-uagb-column p{



	font-size: 16px!important;



	}



	.acf-tab-group li{



		margin: 10px 3px!important;



	}



	.art-title{



		margin: auto;



		order: -1;



		text-align: center;



	}



	.ovr-title{



		font-size: 1.5rem;



	}



	.o-slide span{



		text-align: center;



		padding: 0;



	}



  .home-head {



    min-height: 70vh !important;



  }



  .home-head .wp-block-spacer {



    height: 20px !important;



  }



}







@media only screen and (max-width: 768px) {



  .footer-inner .nav-footer {



    display: block;







    width: 100%;



  }



  .home-head p {



    font-size: 14px !important;



	}



	.sec-bleu .wp-block-image img{



		height: auto;



	}



	.acf-tab-group li {



		width: 45%;



		margin: 0;



	}



	.acf-tab-group li a{



		border-radius: 30px;



		text-align: center;



	}



	.home-head {



		min-height: 60vh !important; 



	}



	.home-head .wp-block-spacer {



		height: 20px !important;



	} 



	.order-lm #filter span{



		display: none;



	}



	.order-lm #filter #side-bar-btn{



		display: block;



	}



	.archive-oeuvre .sidebar .search-cntr{



		height: 0;



		padding: 0 10px;



	}



  .tab-shdw .wp-block-uagb-column{



    transform: scale(0.9);



    margin: 0!important;



  }



  .tab-shdw .wp-block-uagb-column img{



    height: auto;



  }



  .wp-block-image img{



    height: auto;



  }



  .home h2{



    font-size: 1.2rem!important;



  }



  .home .control-c {



    width: 15px; 



    top: 45%; 



  }



  



}







@media only screen and (max-width: 650px) {



  .header {



    flex-wrap: wrap;



  }



  #header.sticky .header {



    padding-bottom: 5px;



  }



  .archive-cnt .art-cat-list {



    width: 33.333%;



  }



  .cl-3.logo-cntr {



    order: -1;







    width: 60%;







    max-width: 100vw;



  }



  .profil-btn svg, .btns-head ul li svg {



    height: 15px !important;



  }



  .cl-3.btns-head {



    width: 100%;







    text-align: center;



  }



  .cl-3.btns-head-right {



    display: none;



    text-align: center; 



  }







  .btns-head ul a {



    margin: 0 5px;



  }







  .btns-head-right ul li {



    margin: 0 5px;







    margin-top: 0;



  }



  .btns-head-right ul li.message,



  .btns-head-right ul li.favorite{



	  display: none;



  }







  .profil-btn {



    margin: 0;







    margin-top: 0;







    top: 0;



  }



  .profil-btn:after{



	content: 'PROFIL';



	font-size: 12px;



  }



  .btns-head ul a span {



    display: inline;



    font-size: 12px;



  }



  .btns-head-right .message svg,



  .btns-head-right .favorite svg {



    top: 8px;



  }







  .nav-cntr-inner {



    flex-wrap: wrap;



  }



  .o-slider .o-slide .btn-title-o-slider{



    font-size: 14px;



    margin: 5px 0;



  }



  #export-mn nav {



    width: 100%;







    margin: 5px;



  }







  .btns-head ul a {



    padding: 3px 10px 10px;



  }







  #header.sticky .btns-head ul a {



    margin-top: 0;



  }







  .breadcrumb {



    width: 98%;







    font-size: 5px;



  }







  .archive-oeuvre .sidebar {



    max-width: initial;



  }







  .btn {



    padding: 8px 10px;







    font-size: 12px;



  }







  .art-values {



    margin: 0;







    margin-top: 10px;



  }







  .acf-button-group {



    flex-wrap: wrap !important;



  }







  .acf-field .acf-input {



    width: 90%;



  }



  .home-head h1 {



	font-size: 18px;



    margin: 0 0 5px 0;



  }



  .sec-bleu .uagb-columns__inner-wrap {



	flex-wrap: wrap!important;



	}



	.sec-bleu .wp-block-uagb-column{



		width: 40%!important;



		min-width: 40%!important;



		margin: auto;



	}



	.sec-bleu .wp-block-uagb-column p{



		font-size: 14px!important;



	}



	.txt-sml-mbl{



		font-size: 1.5rem;



	}



	.acf-button-group label{



		padding: 10px 5px!important;



	}



	.ovr-title{



		font-size: 1.3rem ;



	}



	.o-slider .o-slide {



		margin: 5px;



	}



	.footer-inner{



		padding: 10px 0;



	}



	.footer-inner .menu-sec {



		margin: 5px 3%;



		padding-left: 7%;



	}



	.logo-footer {



		width: 90%;



		max-width: 320px;



		margin: auto;



	}



	.home-head .wp-block-spacer {



		height: 10px !important;



	} 



	 .home-head a{ 



		padding: 8px 10px!important;



	 }



	 .home-head {



		min-height: 50vh !important;



	}



	.art-cnt img{



		max-width: 75%;



		margin:auto



	}



	.art-arr{



		width: 20px;



	}



	.col-4.art-glry{



		margin-top: 20px;



	}



  .order-lm #order-box .trier-btn .order-box{



    left: initial;



    right: 0;



  }



  .profil-btn{ 



    margin-left: 9px!important;



  } 



  .home-head {



		min-height: 50vh !important; 



	}



  .blog-arctl{



    width: 80%;



    float: none;



    padding:20px 10px;



    margin: auto;



  }



}







@media only screen and (max-width: 480px) {



	.archive-cnt .art-cat-list {



		width: 50%;



	  }



  .add-fav {



    flex-wrap: wrap-reverse;



  }







  .cntrl-art {



    justify-content: flex-start;



  }



  .home-head .wp-block-spacer {



	height: 5px !important;



} 



  .sgl-art {



    width: 100%;



  }







  .breadcrumb > span {



    font-size: 10px;







    padding: 10px 5px 0 5px;



  }







  .col-4.art-glry,



  .sgl-art article .col-7 {



    width: 100%;



  }



  .sgl-art article .art-glry{



    padding: 5px;



  }







  .sgl-art article {



    flex-wrap: wrap;



	flex-direction: column-reverse;



  }



  .sgl-art article .art-cnt{



	display: flex;



	flex-wrap: wrap;



  }



  .acf-field .acf-input {



    width: 100%;



  }



  .home-head p {



    font-size: 14px !important;



  }



  .home-head {



    min-height: 50vh !important;



    padding: 5px 1em 0; 



  }



  .uagb-block-beee0725 .uagb-button__wrapper{



	margin-bottom: 10px!important;



  }



  .btns-head ul a{



	  font-size: 12px;



  }



  .profil-btn svg, .btns-head ul li svg{



	  top: 3px;



  }



  



  .has-large-font-size {



    font-size: 1.3em;



   }



   .header{



	padding: 5px 1% 12px; 



	}



	.gallery{



		position: relative;



		width: 80%;



		margin: auto;



	}







	.gallery .control-c{



    width: 20px;



  }



  .gallery .control-c.next{



		right: -12%;



	}



	.gallery .control-c.prev{



		left: -12%;



	}

  .control-c.prev {



    left: 5%;
  
  
  
  }
  
  
  
  
  
  
  
  .control-c.next { 
  
  
  
  
  
  
  
    right: 5%;
  
  
  
  }


} 



@media only screen and (max-width: 350px) {



	.btns-head ul a span{



		display: none;



	}



	.profil-btn:after{



		display: none;



	}



  .home-head {



    min-height: 55vh !important; 



  }
  @media only screen and (max-width: 320px){
    .art-cnt img#zoom_01{
      min-width: none;
    }
  }
  

  .btn.new-msg { 



    padding: 10px 10px;  



  }



}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),



  only screen and (min-resolution: 144dpi) {



}







/*------------------------------------*\































































    MISC































































\*------------------------------------*/







::selection {



  background: #04a4cc;







  color: #fff;







  text-shadow: none;



}







::-webkit-selection {



  background: #04a4cc;







  color: #fff;







  text-shadow: none;



}







::-moz-selection {



  background: #04a4cc;







  color: #fff;







  text-shadow: none;



}







/*------------------------------------*\































































    WORDPRESS CORE































































\*------------------------------------*/







.alignnone {



  margin: 5px 20px 20px 0;



}







.aligncenter,



div.aligncenter {



  display: block;







  margin: 5px auto 5px auto;



}







.alignright {



  float: right;







  margin: 5px 0 20px 20px;



}







.alignleft {



  float: left;







  margin: 5px 20px 20px 0;



}







a img.alignright {



  float: right;







  margin: 5px 0 20px 20px;



}







a img.alignnone {



  margin: 5px 20px 20px 0;



}







a img.alignleft {



  float: left;







  margin: 5px 20px 20px 0;



}







a img.aligncenter {



  display: block;







  margin-left: auto;







  margin-right: auto;



}







.wp-caption {



  background: #fff;







  border: 1px solid #f0f0f0;







  max-width: 96%;







  padding: 5px 3px 10px;







  text-align: center;



}







.wp-caption.alignnone {



  margin: 5px 20px 20px 0;



}







.wp-caption.alignleft {



  margin: 5px 20px 20px 0;



}







.wp-caption.alignright {



  margin: 5px 0 20px 20px;



}







.wp-caption img {



  border: 0 none;







  height: auto;







  margin: 0;







  max-width: 98.5%;







  padding: 0;







  width: auto;



}







.wp-caption .wp-caption-text,



.gallery-caption {



  font-size: 11px;







  line-height: 17px;







  margin: 0;







  padding: 0 4px 5px;



}







/*------------------------------------*\































































    PRINT































































\*------------------------------------*/







@media print {



  * {



    background: transparent !important;







    color: #000 !important;







    box-shadow: none !important;







    text-shadow: none !important;



  }







  a,



  a:visited {



    text-decoration: underline;



  }







  a[href]:after {



    content: " (" attr(href) ")";



  }







  abbr[title]:after {



    content: " (" attr(title) ")";



  }







  .ir a:after,



  a[href^="javascript:"]:after,



  a[href^="#"]:after {



    content: "";



  }







  pre,



  blockquote {



    border: 1px solid #999;







    page-break-inside: avoid;



  }







  thead {



    display: table-header-group;



  }







  tr,



  img {



    page-break-inside: avoid;



  }







  img {



    max-width: 100% !important;



  }







  @page {



    margin: 0.5cm;



  }







  p,



  h2,



  h3 {



    orphans: 3;







    widows: 3;



  }







  h2,



  h3 {



    page-break-after: avoid;



  }



}