Your IP : 216.73.216.68

Current Path : /home/jeromecohp/www/templates/yootheme_jeromecourville/css/
Upload File :
Current File : /home/jeromecohp/www/templates/yootheme_jeromecourville/css/custom.full.css

.sharemodal {
  border: 1px solid #988971;
}

/*
 * Corner Popup v1.30 - 13/12/2021
 * Author: Łukasz Brzostek
 *
 * This work is licensed under the Creative Commons
 * Attribution 4.0 International License:
 * https://creativecommons.org/licenses/by/4.0
*/

#corner-popup a,
#corner-popup a span,
#corner-popup a div,
#corner-popup span,
#corner-popup div:before,
#corner-popup div:after {
  -webkit-transition: all ease-in 0.3s;
  transition-property: all ease-in 0.3s;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 1px transparent;
}
#corner-popup a,
#corner-popup a:hover {
  text-decoration: none;
}
#corner-popup *,
#corner-popup :after,
#corner-popup :before {
  box-sizing: border-box;
}
#corner-popup p {
  margin: 0 0 10px;
}

@media (max-width: 768px) {
  #corner-popup .hide-mobile {
    display: none !important;
  }
  #corner-popup .p-xs-12 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  #corner-popup .p-sm-1 {
    width: 8.33333333%;
  }
  #corner-popup .p-sm-2 {
    width: 16.66666667%;
  }
  #corner-popup .p-sm-3 {
    width: 25%;
  }
  #corner-popup .p-sm-4 {
    width: 33.33333333%;
  }
  #corner-popup .p-sm-5 {
    width: 41.66666667%;
  }
  #corner-popup .p-sm-6 {
    width: 50%;
  }
  #corner-popup .p-sm-7 {
    width: 58.33333333%;
  }
  #corner-popup .p-sm-8 {
    width: 66.66666667%;
  }
  #corner-popup .p-sm-9 {
    width: 75%;
  }
  #corner-popup .p-sm-10 {
    width: 83.33333333%;
  }
  #corner-popup .p-sm-11 {
    width: 91.66666667%;
  }
  #corner-popup .p-sm-12 {
    width: 100%;
  }
}
#corner-popup .p-col {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#corner-popup .responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
#corner-popup {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  padding: 0;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 15px;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.06);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  word-break: break-word;
}
#corner-popup.corner-top {
  bottom: auto !important;
  top: 60px;
}
@media (max-width: 768px) {
  #corner-popup.corner-top {
    bottom: auto !important;
    top: 0px !important;
  }
  #corner-popup.corner-top .corner-close {
    top: 0px;
  }
}
@media (max-width: 768px) {
  #corner-popup .popup-xs {
    width: 100% !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
  }
}
@media (min-width: 768px) {
  #corner-popup {
    bottom: 30px;
    right: 40px;
    width: 390px;
  }
}
#corner-popup .corner-img {
  display: none;
  height: 100%;
  width: 140px;
  margin: 0 auto;
  border-radius: 50%;
}
#corner-popup .corner-img-cookie {
  display: none;
  height: 100%;
  width: 95px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  #corner-popup .corner-img,
  #corner-popup .corner-img-cookie {
    display: block;
  }
}
#corner-popup .corner-close {
  position: relative;
  top: -20px;
  margin-bottom: auto;
  margin-left: auto;
  right: -34px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  border-radius: 50%;
  background: #fff;
  box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.09);
}
@media (max-width: 768px) {
  #corner-popup .corner-close {
    right: -14px;
  }
}
#corner-popup .corner-close:before,
#corner-popup .corner-close:after {
  position: absolute;
  left: 15px;
  top: 10px;
  content: " ";
  height: 15px;
  width: 4px;
  background-color: #21273C;
}
#corner-popup .corner-close:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#corner-popup .corner-close:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#corner-popup .corner-container {
  position: relative;
  bottom: 20px;
}
#corner-popup .corner-container-1 {
  position: relative;
  bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#corner-popup .corner-container-2 {
  position: relative;
  bottom: 17px;
  padding: 7px;
  padding-left: 12px;
  padding-right: 12px;
}
#corner-popup .corner-container-3 {
  position: relative;
  bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#corner-popup .corner-head {
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
  word-break: break-word;
  color: #21273C;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  #corner-popup .corner-head {
    text-align: left;
  }
}
#corner-popup .head-center {
  text-align: center !important;
}
#corner-popup .corner-text {
  font-size: 15px;
  line-height: 18px;
  color: #21273C;
  word-break: break-word;
}

#corner-popup .corner-btn,
#corner-popup .corner-btn-cookie,
#corner-popup .corner-btn-close {
  display: block;
  background: #21273C;
  width: 100%;
  height: 39px;
  font-weight: 300;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  line-height: 37px;
  cursor: pointer;
}

#corner-popup .corner-btn-close {
  margin-top: 20px;
}

#corner-popup .cookie-more {
  color: #553189;
  font-weight: bold;
}
.slide-left {
  position: relative;
  right: -400px;
  -webkit-animation: slideleft 0.8s forwards;
  -moz-animation: slideleft 0.8s forwards;
  animation: slideleft 0.8s forwards;
}
.slide-left-rev {
  position: relative;
  right: -400px;
  -webkit-animation: slideleftrev 0.8s forwards;
  -moz-animation: slideleftrev 0.8s forwards;
  animation: slideleftrev 0.8s forwards;
}
.slide-right {
  position: relative;
  left: -400px;
  -webkit-animation: slideright 0.8s forwards;
  -moz-animation: slideright 0.8s forwards;
  animation: slideright 0.8s forwards;
}
.slide-right-rev {
  position: relative;
  left: -400px;
  -webkit-animation: sliderightrev 0.8s forwards;
  -moz-animation: sliderightrev 0.8s forwards;
  animation: sliderightrev 0.8s forwards;
}
.slide-top {
  position: relative;
  bottom: -400px;
  -webkit-animation: slidetop 0.5s forwards;
  -moz-animation: slidetop 0.5s forwards;
  animation: slidetop 0.5s forwards;
}
.slide-top-rev {
  position: relative;
  bottom: -400px;
  -webkit-animation: slidetoprev 0.5s forwards;
  -moz-animation: slidetoprev 0.5s forwards;
  animation: slidetoprev 0.5s forwards;
}
.slide-bottom {
  position: relative;
  top: 60px;
  -webkit-animation: slidebottom 0.5s forwards;
  -moz-animation: slidebottom 0.5s forwards;
  animation: slidebottom 0.5s forwards;
}
.slide-bottom-rev {
  position: relative;
  top: 60px;
  -webkit-animation: slidebottomrev 0.5s forwards;
  -moz-animation: slidebottomrev 0.5s forwards;
  animation: slidebottomrev 0.5s forwards;
}
@-webkit-keyframes slideleft {
  0% {
    transform: translateX(300px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes slideleft {
  0% {
    transform: translateX(300px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideleft {
  0% {
    transform: translateX(300px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes slideleftrev {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(700px);
  }
}
@-moz-keyframes slideleftrev {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(700px);
  }
}
@keyframes slideleftrev {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(700px);
  }
}
@-webkit-keyframes slideright {
  0% {
    transform: translateX(-300px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes slideright {
  0% {
    transform: translateX(-300px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideright {
  0% {
    transform: translateX(-300px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes sliderightrev {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-700px);
  }
}
@-moz-keyframes sliderightrev {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-700px);
  }
}
@keyframes sliderightrev {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-700px);
  }
}
@-webkit-keyframes slidetop {
  0% {
    transform: translateY(200px);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes slidetop {
  0% {
    transform: translateY(200px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slidetop {
  0% {
    transform: translateY(200px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes slidetoprev {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(300px);
  }
}
@-moz-keyframes slidetoprev {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(300px);
  }
}
@keyframes slidetoprev {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(300px);
  }
}
@-webkit-keyframes slidebottom {
  0% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-moz-keyframes slidebottom {
  0% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes slidebottom {
  0% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes slidebottomrev {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-300px);
  }
}
@-moz-keyframes slidebottomrev {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-300px);
  }
}
@keyframes slidebottomrev {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-300px);
  }
}

/* SendinBlue */
input--hidden {
	display: none !important
}

.sib-form-message-panel {
	margin: 0 0 1.25rem 0;
	padding: 0.4375rem;
	border: 1px solid;
	display: none
}

.sib-form-message-panel--active {
	display: block
}

.sib-form-message-panel__text {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0.5rem
}

.sib-form-message-panel__text .sib-icon {
	contain: strict;
	display: inline-block;
	fill: currentColor
}

.sib-form-message-panel__text .sib-notification__icon {
	height: 1.5em;
	width: 1.5em;
	flex-shrink: 0;
	margin-right: calc(1rem - 1px)
}

.sib-icon {
	contain: strict;
	display: inline-block;
	fill: currentColor
}

.sib-icon {
	height: 1.5rem;
	vertical-align: bottom;
	width: 1.5rem
}

.sib-notification__icon {
	height: 1.5em;
	width: 1.5em;
	flex-shrink: 0;
	margin-right: calc(1rem - 1px)
}

.sib-form-block__button {
	display: inline-block;
	padding: 8px 18px;
	border: none;
	overflow-wrap: break-word;
	max-width: 100%;
	cursor: pointer
}

.sib-form-block__button-disabled {
	opacity: 0.5
}

.sib-form-block__button-with-loader {
	min-height: 40px;
	line-height: 23px
}

.sib-hide-loader-icon{display:none}

.progress-indicator__icon {
	fill: #0092ff;
	height: 2rem;
	width: 2rem
}

.sib-form .progress-indicator_small .progress-indicator__icon {
	height: 1rem;
	width: 1rem
}

.sib-form .progress-indicator__icon {
	-webkit-animation: indicator-spin 1.3s cubic-bezier(0.46, 0.35, 0.39, 0.85) infinite;
	animation: indicator-spin 1.3s cubic-bezier(0.46, 0.35, 0.39, 0.85) infinite
}

@-webkit-keyframes indicator-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes indicator-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
/* End SendinBlue */