/* 
Theme Name: Colasgenerau.fr, Perfect portfolio Child 
Description: Perfect portfolio Child 
Theme Author: Colas
Author URL: https://www.colasgenerau.fr
Template: perfect-portfolio 
Version: 1.0.0 
Text Domain: perfect-portfolio-child 
@import url("fonts/stylesheet.css?v=2"); 
*/
@import url("fonts/stylesheet.css"); 

body {
	/* background:url(src/sky.png) repeat-x; */
}
body {
	color:#333;
    font-weight: 400;
	font-family: Montserrat, Segoe UI;
	background: #f8f3ea;	
    overflow-x: hidden;	
}
body.menu-open {
  overflow: hidden;
}
body.menu-open .overlay {
    visibility: visible;
    opacity: 1;
}
.overlay{
	background: rgba(0,0,0,0.4);
}
.site-header .menu-wrap {
	width: 85%;
	display:block;		   
	max-width:none;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.menu-open .site-header .menu-wrap {
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}
#page {
	background: #f8f3ea;	
}
body.page-template-blog-layout:not(.home) header.entry-header {
    text-align: left;
}
body.page-template-blog-layout:not(.home) header.entry-header .entry-title{
	font-size:1.5em;
	margin-bottom:0px;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
}
.widget {
    margin: 0 0 20px 0;
}
.widget a:hover,
a:hover {
	color:#fd9556;
}
.page-content p a {
	color:#333;
	padding:5px;
	border:3px solide #000;
}
.btn {
	padding:7px 15px;
}

.btn-yellow-shadow:hover{
	box-shadow: 0px 3px 50px rgb(255 250 222 / 50%);
}
blockquote {
    border-left: 3px solid #000;
}
header.site-header {
	/* background: url(src/sky_top.png) repeat-x 0 0, linear-gradient(0deg, transparent 0%, #d5f0ff 100%); */
	background: linear-gradient(0deg, transparent 0%, #fff 100%);	
	padding-top:40px;
	margin-bottom:30px;
}
.home header.site-header{
	margin-bottom:0;
	z-index: 2;
    position: absolute;
    width: 100%;		
}	
.site-header .site-branding {
	padding-left:25px;
}	
.additional-posts .title,
.entry-header .entry-title,
.page-header .page-title,
#article_section .section-title,
.subsection-title .widget-title, section[class*="-title"] .widget-title {
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: 10px;	
    border-bottom: 3px solid #000;
	display: inline-block;
	position:relative;
    /* border-left: 0; border-right:0; */
	/* border-radius: 0 100px 100px 0; */
    /* background: linear-gradient(90deg, #fff , #FFFCDB, #fff);	 */
	background: radial-gradient(ellipse farthest-corner at 50% 100%, #ffffff 0%, transparent 80%);
    padding: 5px 50px;	
}
.article-wrap article .post-thumbnail {
    margin-bottom: 10px;
}
.article-wrap {
    display: flex;
    flex-flow: row wrap;
}
.article-wrap article {
    float: left;
    width: auto;
    flex-grow: 1;
    flex: 1 0 30%;
	max-width:50%;
}
.entry-header .entry-title {
	font-size: 1.5em;
}
.rara-portfolio .entry-header .entry-title {
    margin-bottom: 40px;	
    padding: 0;	
    font-size: 1.1em !important;	
}
.page-content, .entry-content, .entry-summary {
    margin: 0;
}
.page-template .entry-content {
    padding: 0 25px;
}
.site-branding .site-title a {
    color: #000;
}
.home .firsthalf_invert,
.sun_invert,
.sun_invert .inter,
.cursor {
    position: absolute;
    z-index: 100000;
    width: 100px;
    height: 100px;
	top:-50px;
	left:-40px;
    border-radius: 50%;
	background: #fff;	
}
.cursor {
    width: 80px;
    height: 80px;
	z-index:1000001;
}
.cursor,
.home .firsthalf_invert,
.sun_invert .inter,
.sun_invert {
	mix-blend-mode: difference;
	pointer-events: none;
	transform: scale(0.1);	
	transition:transform 0.4s ease-in;	
}
.sun_invert{
    top: -1.8%;
    left: 50%;
    margin-left: -27%;
    width: 54%;
    padding-bottom: 54%;
    transform: scale(1);
    transition: transform 0.4s ease-in 0s;
    animation-name: sunInvertMove;
}
.sun_invert .inter{
	width:calc(100% - 6px);
	height:calc(100% - 6px);
	top:3px;
	left:3px;	
    z-index: 100001;	
	transform:scale(0) translate(0px,0px);
	animation-name:sunInterMove;
	animation-timing-function:ease-in-out !important;	
	display:none;

}
.cursor {
	position:fixed;
	transform: scale(0.05);	
	pointer-events: none;	
	transition:background 0.3s ease-in, border 0.3s ease-in, transform 0.3s ease-in;		
	border:10px solid #fff;
	background:#fff;	
}
@keyframes sunInvertMove {
  0%   {transform:scale(1)}
  10%  {transform:scale(0.5) }  
  50%  {transform:scale(0.4) }   
  90%  {transform:scale(0.5)}
  100% {transform:scale(1)}
}
@keyframes sunInterMove {
  0%   {transform:scale(0) translate(0,0px)}
  20%  {transform:scale(0.9) translate(0px,0px)} 
  50%  {transform:scale(0.96) translate(0px,0px);} 
  80%  {transform:scale(0.9) translate(0px,0px)}
  100% {transform:scale(0) translate(0,1px)}
}
.hover-link .cursor {
	opacity:1;
	transform: scale(1);
	border:2px solid #fff;
	background:transparent;
}
.hover-img .cursor {	
	opacity:1;
	transform: scale(2.5);
}
.subsection-title .widget-title, section[class*="-title"] .widget-title,
.entry-header .entry-title,
.page-header .page-title,
#article_section .section-title,
#service_section .subsection-title .widget-title{
    background: radial-gradient(ellipse farthest-corner at 50% 0, #ffffff 0%, transparent 80%);
    border-top: 3px solid #000;
    border-bottom: 0;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.page-header .page-title:after,
#service_section .subsection-title .widget-title:after {
	border-width:0 0 3px 3px;	
}
.entry-header .entry-title,
.page-header .page-title,
.subsection-title .widget-title, section[class*="-title"] .widget-title {
	border-top:0;
	border-bottom: 3px solid #000;
    background: radial-gradient(ellipse farthest-corner at 50% 100%, #ffffff 0%, transparent 80%);	
    padding: 10px 20px;		
}
.illu_top .page-title{
	border-bottom: 0;
	margin:0;
    padding: 8px 25px 0px;	
    background: radial-gradient(ellipse farthest-corner at 50% 0, #ffffff 0%, transparent 80%);		
	z-index:0;
}
.subsection-title .widget-title, section[class*="-title"] .widget-title {
    background: radial-gradient(ellipse farthest-corner at 50% 0%, #FFFCDB 0%, transparent 80%);	
	border-bottom: 0;	
}
.subsection-title .widget-title:after, section[class*="-title"] .widget-title:after{
	bottom:-18px;
	top:auto;
}

#article_section .section-title{
	margin-bottom: 60px;
}
.single figure.post-thumbnail {
    margin-bottom: 40px;
}
.single figure.post-thumbnail img{
	box-shadow:0 0 30px rgba(0,0,0,0.14);
}
.wp-block-gallery {
	margin-bottom:20px;
}
.article-wrap article .post-thumbnail,
.blocks-gallery-item {
	box-shadow:0 0 30px rgba(0,0,0,0.14);	
}
.page-header .page-title span:before,
#article_section .section-title span:after,
.subsection-title .widget-title:after {
	display:none;	
}
.site-branding .site-title {
    font-size: 28px;
    font-weight: 400;
	text-transform:none;
}
/* .home .site-branding .site-title { */
    /* font-size: 32px; */
/* } */
.site-branding .site-description {
    font-size: 15px;
    font-weight: 500;
}
.textwidget p,
.text-holder p {
    font-weight: 400;
    font-size: 17px;
}
.single .page-content {
    font-size: 0.85em;	
}
.single .page-content ul,
.single .page-content p {
    /* font-size: 0.85em; */
	margin-bottom: 20px;
}

.page-template-portfolio .hentry {
    margin: 10px 0 30px;
}
.entry-content,
.entry-content p,
.service-section .widget .text-holder p {
    font-size: 15px;
}
.page h3{
	margin-top:0;
	font-weight:500;
}

.filter-button-group {
    margin-bottom: 0;
	display:flex;
	padding:0 25px;
}
.filter-button-group button {
	background:transparent;	
	padding: 18px 25px;	
	color:#000;
    font-size: 15px;
    font-weight: 600;
	outline: 0 !important;		
	border-radius:0 !important;		
    text-transform: uppercase;
	letter-spacing:1px;
	flex:auto;
	flex-grow: 1;	
	flex-flow: row wrap;	
	margin-bottom:0;
}
.btn:after,
.menu-open .menu-wrap button.toggle-button:after,
.main-navigation .nav-menu li a span:after,
#site-navigation.main-navigation .nav-menu li .sub-menu a span:after,
.filter-button-group button:after {	
	content:"";
	position:absolute;
	background:#000;
	bottom:0;
	left: 0;
    right: 0;
    height:3px;
	transition: transform .5s cubic-bezier(.47, .94, .04, .98);
    transform-origin: right center;
    transform: translateZ(0) scaleX(0);	
}	
#site-navigation.main-navigation .nav-menu li a:hover {
	color:#000 !important;	
}
#site-navigation .main-navigation .nav-menu li a:hover span{
	color:#000 !important;
}	
#site-navigation.main-navigation .nav-menu li .sub-menu a span:after{
	background-color:#fff;
}
#site-navigation.main-navigation .nav-menu li .sub-menu a span:after,
.menu-open .menu-wrap button.toggle-button:after,
.main-navigation .nav-menu li a span:after {
	height:2px;
}
nav.pagination:after{
	display:none;
}
.page-numbers {
	border:0; 
	border-radius:0 !important;
	margin-right:0;
	width:auto;
	padding:0 20px;
}
a.page-numbers:hover, span.page-numbers.current {
    color: #fff;
	background:#000;
}
.pagination .nav-links{
	padding:0 0 12px 0 !important;
}
.prev.page-numbers, .next.page-numbers {
    width: auto;
    border-radius: 50px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 40px;
}
.pagination .nav-links,
.gallery-section a.btn-readmore {
    border-top: 3px solid #0A0A0A;
	background: radial-gradient(ellipse farthest-corner at 50% 0%, #fff 0%, transparent 80%);
    border-radius: 0;
    color: #0A0A0A;
    margin: 30px auto 50px;
    position: relative;	
    padding: 12px 30px 11px 20px;
	z-index:1;
	overflow:visible;
}
.btn-readmore svg {
	vertical-align: middle;
    display: inline-block;
    height: 37px;
    margin-top: -4px;
}
article.rara-portfolio:hover a:before,
.rara-portfolio .entry-header .entry-title a:hover:before,
.rara-portfolio .entry-header .entry-title a:hover:before,
.additional-posts .block-title a:hover:before,
.additional-posts .block:hover a:before,
.btn-readmore:hover svg{
	transform-origin: center center;
	animation:blinkEye 1.5s linear 0s infinite;
}
@keyframes blinkEye{
	0%{
		transform:scaleY(1);
	}
	10%{
		transform:scaleY(1);
	}	
	15%{
		transform:scaleY(0.1);
	}		
	20%{
		transform:scaleY(1);
	}
	65%{
		transform:scaleY(1);
	}	
	75%{
		transform:scaleY(0.1);
	}	
	80%{
		transform:scaleY(1);
	}	
	100%{
		transform:scaleY(1);
	}
}
.slider-btn {
	position:relative;
	z-index:2;
	text-decoration: none !important; 
	overflow:hidden;
    line-height: 36px;	
}
.slider-btn.black{
    background: #000;
	color: #fff;
}
.slider-btn.black:hover {
	color:#fff !important;
}
.main-btns {
	width:auto;
	text-align:center;
	margin:-10px auto 15px;	
}
.main-btns .btn-principal {
    display: inline-block;
    /* background: #0A0A0A; */
    color: #000;
    padding: 6px 19px;
    /* border-radius: 54px; */
    margin: 10px;
    background: linear-gradient(90deg, #fff, #fff);
    display: inline-block;
	overflow:hidden;
    border: 2px solid #000;
	transition: all .2s ease-in;
}
.main-btns .btn-principal a{
    color: #000;
}
.main-btns .btn-principal:hover a{
    color: #fff;
}
.main-btns .btn1 {
	background: #FFF476;
	/* background:linear-gradient(270deg, transparent 70%, #FFF476 100%);	 */
}
.main-btns .btn2 {
	background: #9CDDFE;
	/* background:linear-gradient(270deg, transparent 70%, #9CDDFE 100%);	 */
}
.main-btns .btn3 {
	background: #F5AA90;
	/* background:linear-gradient(270deg, transparent 70%, #F5AA90 100%);	 */
}
.slider-btn.border-bottom {
	border-bottom:3px solid #000;
}
.slider-btn.border-all {
    color: #000;
    padding: 9px 14px 9px;
    margin: 10px;
    display: inline-block;
	border:3px solid #000;	
}
.slider-btn.green {
	background:linear-gradient(0, #d2ee9c, #e0f7b2);
}
.rara-portfolio .entry-header .entry-title a{
    padding: 15px 50px 15px 65px;	
	position:relative;
	display:inline-block;
	z-index:2;
}
.slider-btn:after,
.single span.sub-title a:after,
.rara-portfolio:hover .entry-header .entry-title a:after,
.rara-portfolio .entry-header .entry-title a:after,
.rara-portfolio .entry-header .entry-title a:before,
.additional-posts .block-title a:after,
.additional-posts .block-title a:before,
.gallery-section a.btn-readmore:after{
	content:"";
	position:absolute;
	background:#0A0A0A;
	bottom:0;
	left: 0;
    right: 0;
    height:100%;
	transition: transform .5s cubic-bezier(.47, .94, .04, .98);
    transform-origin: right center;
    transform: translateZ(0) scaleX(0);	
	z-index:-1;
}

.gallery-section a.btn-readmore:after,
.additional-posts .block-title a:after {
	top: -1px;		
}
.rara-portfolio:hover .entry-header .entry-title a:after,
.rara-portfolio .entry-header .entry-title a:after,
.single span.sub-title a:after {
    bottom: -1px;
}
.rara-portfolio .entry-header .entry-title a:before,
.additional-posts .block-title a:before {
    width: 100%;
    transform: none;
	z-index: 0;
    max-height: 60px;
    top: 0;	
    background: url(src/view-icon.svg) no-repeat 17px 50%;
    background-size: auto 50%;
}
#cta_section .button-wrap .btn-cta:after {
	background:#fff;
}
.btn:hover:after,
.slider-btn:hover:after,
.single span.sub-title a:hover:after,
.additional-posts .block:hover a:after,
.additional-posts .block-title a:hover:after,
.rara-portfolio:hover .entry-header .entry-title a:after,
article.rara-portfolio:hover a:after,
.gallery-section a.btn-readmore:hover:after,
.filter-button-group button.is-checked:after,
.main-navigation .nav-menu li a:hover span:after,
#site-navigation.main-navigation .nav-menu li .sub-menu a:hover span:after,
.menu-open .menu-wrap button.toggle-button:hover:after,
.filter-button-group button:hover:after {	
	width:100%;
    transform-origin: left center;
    transform: translateZ(0) scaleX(1);	
}
.slider-btn:hover:after{
	width:101%;
}
.slider-btn:hover,
.single span.sub-title a:hover,
.additional-posts .block:hover a,
.rara-portfolio:hover .entry-header .entry-title a,
.gallery-section a.btn-readmore:hover{
	color:#fff;
}
#cta_section .button-wrap .btn-cta:hover {
	color:#000;
}
.additional-posts .block-title a{
	font-weight:400;
	overflow:hidden;
}
.additional-posts .block-title a,
.page-header .sub-title a,
.btn,
.rara-portfolio .entry-header .entry-title,
.filter-button-group button.is-checked {
    color: inherit;
	position:relative;
	display: inline-block;
	border-radius:0 !important;	
	background: radial-gradient(ellipse farthest-corner at 50% 100%, #fff 0%, #fff 30%, transparent 80%);
	background-position:0 0;
}
.filter-button-group button:hover{
	color:inherit;
	background:none !important;
}
.main-navigation .nav-menu li a span:before,
.filter-button-group button:before {
	content:"";
	width:100%;height:100%;
	top:0;left:0;
	display:block;
	position:absolute;
	background: radial-gradient(ellipse farthest-corner at 50% 100%, #fff 0%, #fff 30%, transparent 80%);
	z-index:-1;
	opacity:0;
	transition: opacity 0.3s ease-in;	
}
.main-navigation .nav-menu li a:hover span:before,
.filter-button-group button:hover:before {
	opacity:1;
}
.filter-button-group.scrolled button:after {
	transition: background-position .2s ease-in;
}
.filter-button-group.scrolled button.is-checked {
	overflow: visible;
}	
.filter-button-group.scrolled button.is-checked:after {	    
    background: url(src/arrow.svg) 100% 100% no-repeat !important;	
    height: 33px;
    bottom: -33px;
}
.filter-button-group button:hover {
	background: radial-gradient(ellipse farthest-corner at 50% 100%, #fff 0%, #fff 30%, transparent 80%);
	flex-grow: 1;
	flex:auto;	
}
.entry-header .entry-title {
	border:0;		
	border-bottom:3px solid #000;
	transition:all 0.1s ease-in;
}
.entry-header .entry-title:hover a {
	color:#FFF !important;
	padding-top:15px;
}
.additional-posts .block-title a {
	background: radial-gradient(ellipse farthest-corner at 50% 0, #fff 0%, #fff 30%, transparent 80%);
    margin-top: 25px;	
}
.additional-posts .title {
    font-size: 1.5em;
	margin-bottom:40px;
}
.additional-posts .block-title a {
    z-index: 2;	
    padding: 17px 25px 20px 65px;
    border-top: 3px solid #000;
    margin-top: 40px;
}
.additional-posts .block-title a:hover {
	color:#FFF;
}
.additional-posts.portfolio-related .block .block-title {
    padding:0;
}
.wpcf7 form.sent .wpcf7-response-output{
	background:#CEF0A5;
	border:0;
	color:#000;
	margin:0;
	padding:10px 20px;
}
.wpcf7 form.invalid .wpcf7-response-output{
	background:#FF763E;
	border:0;
	color:#fff;
	margin:0;
	padding:10px 20px;
}
input[type="submit"] {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
}
select, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #000;
    border: 2px solid #000;
    border-radius: 0;
    border-width: 0 0 0 2px;
    background: rgba(255,255,255,0.5);
    border-radius: 0;
    padding: 10px 15px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    outline: none;	
}
select:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    background: rgba(255,255,255,1);	
    outline: none;	
	box-shadow:0 0 20px rgb(0 0 0 / 5%);
}
textarea {
	height:200px;
}
.phone {
	text-align:right;
}
.phone a{
	font-size:17px !important;
}
.page-header {
	margin-top:0;
}
.single .page-header {
    text-align: center;
	margin-bottom:40px;
}
.single span.sub-title {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
}
.single span.sub-title a {
	font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 0;
	line-height: 30px;
	border-bottom: 3px solid #000;
	background: radial-gradient(ellipse farthest-corner at 50% 100%, #fff 0%, transparent 80%);
    display: inline-block;
    margin: 22px 10px 0;
	position:relative;
	z-index:2;
    vertical-align: top;
}
.single span.sub-title span {
    margin: 0;
    padding: 6px 13px 0;
    height: 38px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
	vertical-align: top;
}
.a-triangle{
	position:relative;
	padding-left:10px;
}
.a-triangle:before {
    content: "";
    display: inline-block;

    height: 0;
    border-left: 8px solid #111;
    border-top: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid rgba(0,0,0,0);
    margin-right: 25px;
}
.single .page-header .page-title {
    display: inline-block;
    margin: 0 10px 0 10px;
	padding: 0 20px;
	position: relative;	
    line-height: 60px;
    vertical-align: top;
}
.site-header button.toggle-btn {
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 18px;
    line-height: 46px;
	border: 2px solid #000;
	background: #fff35c linear-gradient(90deg, #fff, #fff35c);
	position:relative;
    border-radius: 50%;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;		
}
.svg-inline--fa{
	width:.875em;
	vertical-align: -.125em;
}
.site-header button.toggle-btn:hover {
	color:#000;
    background: #8bd8ff linear-gradient(90deg, #fff, #8bd8ff);	
}
.site-header button.toggle-btn:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 3px solid #000;
    right: -4px;
    top: -3px;
    color: #000;
    background: #fff35c;
	display:none;
}
.site-header button.toggle-btn.hover_black:before{
	background:#ecbb90 linear-gradient(0, #ecbb90,#ffe0c2);	
    right: -4px;
    top: -3px;
}
.site-header button.toggle-btn.fixed.hover_black,
.site-header button.toggle-btn.hover_black {
    border: 2px solid #fff;	
	background:#000;
	color:#fff;
}
.site:after {
	display:none;
}
.menu-open .overlay {
    cursor: pointer;
}
.site-header button.toggle-btn.fixed {
    width: 48px;
    height: 48px;
    line-height: 48px;	
	display:block;
    z-index: 9999;
    background: #fff;	
	box-shadow:5px 5px 10px rgba(0,0,0,0.1);
    animation: setPosition 0.2s ease forwards;		
}
.header-r .toggle-btn svg{
	width: 20px;margin-top: 4px;
}
.header-r .toggle-btn #bar1,
.header-r .toggle-btn #bar3,
.header-r .toggle-btn #bar2{
	transform-origin:top center;	
	transition:transform 0.5s ease-in-out;
}	
.header-r .toggle-btn:hover #bar2{
    transform: translate(-20px, 0px) scaleX(1.5);
}
.header-r .toggle-btn:hover #bar3{
    transform: translate(-40px, 0px) scaleX(2);
}
@keyframes setPosition{
	0%{
		position: fixed;
		right: -100px;
		top: -100px;
	}

	100%{
		position: fixed;		
		right: 20px;
		top: 20px;
	}	
}
.contact-link.show {
	visibility:visible;
    right: 20px;
    bottom: 20px;
}
.site-logo img{
    max-height: 45px;	
}
.site-branding .site-logo + .site-title-wrap {
    padding-left: 15px;
}
.header-r {
	position:relative;
}
.header-r:hover:before {
    background: #DBF0FD;	
}
.header-r .menu-mobile-logo img{
    height: 80px;
    margin: 0 15px 10px;
    /* border-bottom: 2px solid #000; */
    padding: 10px 0 20px;
}
.header-r .menu-mobile-logo{
	display:none;
}
.menu-open .header-r .menu-mobile-logo {
    display: block;
}
.sunny_animation{
	animation-timing-function:linear;
	animation-delay:4500ms;
	animation-duration:30000ms;
	/* animation-direction: reverse; */
	/* animation-name:followTheSun;	 */
	animation-iteration-count: infinite;
	/* background-color:#F6A063 !important; */
}
section.gallery-section {
    margin-bottom: 0;
	padding-top: 20px;
	/* background: linear-gradient(0deg,  #fff  0%, #f9f6dc 100%);	 */
}
section.gallery-section:before {
	content:"";
}

.page-template-portfolio section.gallery-section {
	margin-bottom:0;
	border-bottom:0;
	position:relative;
	padding-bottom:60px;
	/* background: linear-gradient(0deg,  #fff  0%, #fbf9e8 100%);		 */
}
.bottom-title {
	background: #FDE25D;
    margin: 0;
    margin-top: 0;
    border: 0;
    font-size: 20px;
    padding: 20px 40px 10px;
    box-shadow: 0 30px 15px rgba(0,0,0,0.5);	
	position:relative;
}

.bottom-title.start .IdIirken_1{animation-delay:0ms;}
.bottom-title.start .IdIirken_2{animation-delay:0ms;}
.bottom-title.start .IdIirken_3{animation-delay:0ms;}

.bottom-title p{
	margin:0 auto 10px;
	text-align: center;
}
.gallery-wrap .gallery-img .text-holder{

}
.gallery-wrap .gallery-img{
    z-index: 0;
}
/*
.gallery-wrap .gallery-img:before,
.gallery-wrap .gallery-img:after{
	content:"";
	display:block;
	position:absolute;
	width:30px; height:30px;
	border:2px solid #000;
	transition:all 0.2s ease-in;
}
.gallery-wrap .gallery-img:before{
	z-index:-1;
	width:50px; height:50px;
	border-radius:50%;
	top:0px; left:0px; 
	background: radial-gradient(ellipse farthest-corner at 0% 0, #fff35c 0%, #fff 80%);		
}
.gallery-wrap .gallery-img:after{
	z-index:-1;	
	width:70px; height:70px;
	border-radius:50%;	
	bottom:-5px; right:-5px; 
    background: radial-gradient(ellipse farthest-side at 100% 100%, #FF763E 0%, transparent 100%);		
}
.gallery-wrap .gallery-img:hover:before,
.gallery-wrap .gallery-img:hover:after {
	opacity:1;
}
.gallery-wrap .gallery-img.style2:before{
	width:50px; height:50px;
	top:50%; left:0%; 
	
	background: radial-gradient(ellipse farthest-corner at 0% 0, #8bd8ff 0%, #fff 80%);			
}
.gallery-wrap .gallery-img.style3:after{
	width:70px; height:70px;
	top:30%; left:0%; 
	background: radial-gradient(ellipse farthest-corner at 0% 0, #8bd8ff 0%, transparent 80%);			
}
.gallery-wrap .gallery-img.style3:before{
	width:50px; height:50px;
	top:80%; right:0px; left: auto;	
}
.gallery-wrap .gallery-img.style4:before{
	width:80px; height:80px;
	top:30%; left:0%; 	
	background: radial-gradient(ellipse farthest-corner at 0% 0, #fff35c 0%, #fff 80%);			
}
*/
.gallery-wrap .gallery-img {
    padding: 15px;
	overflow:visible
}
.gallery-wrap .gallery-img img{
	box-shadow: 0 0 30px rgba(0,0,0,0.14);
}
.gallery-wrap .gallery-img a {
    height: 100%;
    display: flex;
	padding: 50px 50px;
    align-items: center;
    text-align: center;
}
.gallery-section.style1 .text-holder-inner {
	padding:0;
	height: 100%;	
}
.gallery-wrap .gallery-img .text-holder span.sub-title {
    display: block;
}
.gallery-wrap .gallery-img .text-holder .gal-title {
    width: 100%;
    font-size: 24px;
	font-weight: 600;
}
.gallery-wrap .gallery-img a:hover {
	cursor: pointer;	
}
.gallery-section.style1 .text-holder, .page-template-portfolio .gallery-wrap .text-holder {
    top: 52px;
    left: 52px;
    right: 52px;
    bottom: 52px;
	z-index:2;	
	/* background: rgba(255,241,73,0.8) radial-gradient(circle farthest-corner at 100% 0, rgba(255,255,255,1), transparent); */
	border:3px solid #000;
	overflow:hidden;
}
.text-holder h3,
.text-holder span.sub-title {
    /* color:#fff; */
}
.gallery-section.style1 .gallery-img:hover .text-holder, .page-template-portfolio .gallery-img:hover .text-holder {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
}
.gallery-section.style1 .gallery-img .text-holder:after{
	content:"";
	display:block;
	width:300%;height:300%;
	z-index:-1;
	top:0;
	left:0;
	position:absolute;
	background:url(src/img_mask.svg) no-repeat 50% 50%;
	background-size:100% auto;
	animation-duration:300ms;
	animation-fill-mode: forwards;
	animation-timing-function:linear;
}
.gallery-section.style1 .text-holder span.sub-title {
	color:#000;
}

.gallery-section.style1 .gallery-img{
	transition:all 0.2s ease-in;
}
.gallery-section.style1 .gallery-img:hover .text-holder:after{
	transform:translate(-33.66%,-33.66%); 
}
.gallery-section.style1 .gallery-img.enter-left:hover .text-holder:after{
	transform:translate(-67.32%,-33.66%);
	animation-name:enterLeft;	
}/*
.gallery-section.style1 .gallery-img.enter-up:hover{
	transform: perspective(600px) scale(1.05) rotateX(20deg);
}
.gallery-section.style1 .gallery-img.enter-left:hover{
	transform: perspective(600px) scale(1.05) rotateY(-20deg);
}
.gallery-section.style1 .gallery-img.enter-down:hover{
	transform: perspective(600px) scale(1.05) rotateX(-20deg);
}
.gallery-section.style1 .gallery-img.enter-right:hover{
	transform: perspective(600px) scale(1.05) rotateY(20deg);
}*/
.gallery-section.style1 .gallery-img.enter-right:hover .text-holder:after{
	transform:translate(0%,-33.66%);
	animation-name:enterRight;
}
.gallery-section.style1 .gallery-img.enter-up:hover .text-holder:after{
	transform:translate(-33.66%,-67.3%);
	animation-name:enterUp;
}
.gallery-section.style1 .gallery-img.enter-down:hover .text-holder:after{
	transform:translate(-33.66%,0%);
	animation-name:enterDown;
}
@keyframes enterLeft{
	0% {transform:translate(-67.32%,-33.66%);}
	100% {transform:translate(-33.66%,-33.66%);} 	
}
@keyframes enterRight{
	0% {transform:translate(0%,-33.66%);}
	100% {transform:translate(-33.66%,-33.66%);} 	
}
@keyframes enterUp{
	0% {transform:translate(-33.66%,-67.3%)}
	100% {transform:translate(-33.66%,-33.66%);} 	
}
@keyframes enterDown{
	0% {transform:translate(-33.66%,0%);}
	100% {transform:translate(-33.66%,-33.66%);} 	
}
.gallery-section.style1 .gallery-img.leave-left .text-holder:after{
	animation-name:leaveLeft;
}
.gallery-section.style1 .gallery-img.leave-right .text-holder:after{
	animation-name:leaveRight;
}
.gallery-section.style1 .gallery-img.leave-up .text-holder:after{
	animation-name:leaveUp;
}
.gallery-section.style1 .gallery-img.leave-down .text-holder:after{
	animation-name:leaveDown;
}
@keyframes leaveLeft{
	0% {left:-100%;top:-100%;}
	100% {left:-200%;top:-100%;} 	
}
@keyframes leaveRight{
	0% {left:-100%;top:-100%;}
	100% {left:0;top:-100%;} 	
}
@keyframes leaveUp{
	0% {left:-100%;top:-100%;}
	100% {left:-100%;top:-200%;} 	
}
@keyframes leaveDown{
	0% {left:-100%;top:-100%;}
	100% {left:-100%;top:0;} 		
}
.first-screen {
	min-height:100vh;	
    position: relative;
    display: flex;
    flex-direction: column;	
	background: #f8f3ea radial-gradient(circle closest-side at 50% 50%,rgba(255,255,255,.9) 0%,transparent 100%);
	background-repeat:no-repeat;	
}
.home .firsthalf_invert,
.first-screen .firsthalf_bg,
.first-screen .lasthalf_bg {
	content:"";
    position: absolute;
	width:100%;
	height:50%;
	top:0;left:0;
	background: url(src/mountain_top.jpg) right bottom no-repeat;
	background-size:cover;
	opacity:0;
}
.home .firsthalf_invert {
	z-index: 100000;	
    opacity: 1;
    transform: translate(0,0);
	transition: transform 0.4 ease-in;
    border-radius: 0;	
}
.first-screen .lasthalf_bg {
	top:50%;
	background-image: url(src/river_bottom.jpg);
	background-position: right top;
}
section.about-section {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;	
	flex-grow: 5;	
	padding-top:40px;
}
section.about-section .center_vertically{
    padding: 0px 0 20px;	
}
section.about-section .about-text{
    max-width: 100vw;
	padding:0 25px;
	margin-bottom: 15px;
}
.scroll_incitator span{
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    display: block;
	color: #000;
}
.scroll_svg{
	width:80px;
	height:80px;
	overflow:visible;
	margin:0 auto;
	position: relative;

}
.scroll_svg, .scroll_svg a{
	outline: 0 !important;		
}
.scroll_svg .lineray,
.scroll_svg #sunrays_1_,
.scroll_svg #arrow_to_move {
	transition: all ease-out 0.2s;	
}
.scroll_svg:hover #sunrays_1_ {
	transform:scale(1.3);
	transform-origin:25% 20%;	
}
.scroll_svg:hover .lineray {
	opacity:0;
}
.scroll_svg #arrow-circle-yellow, .scroll_svg #arrow-circle {
	transition: all ease-out 0.2s;	
}
.scroll_svg:hover #arrow-circle-yellow, .scroll_svg:hover #arrow-circle {
	transform: translateY(0px);
}
.scroll_svg:hover #arrow_to_move {
	transform: translateY(40px);
}
.scroll_svg:hover #arrow_to_move {
}
.bottom-title .scroll_svg {
	margin:-5px auto 5px;
}
/*.scroll_svg:after {
	position:absolute;
	background:#000;
	content:"";
	display:block;
	top:0;
	left:0;
	width:100%;
	height:3px;
	transform: scaleX(0.001);transform: translateX(0px);
	opacity:0;
	animation:lineBottom 15000ms cubic-bezier(.77,0,.175,1) 2400ms forwards;
	animation-delay: 0.9s;		
}*/
.scroll_incitator .icon {
	border:2px solid #000;
	border-width:0 0 2px 2px;
	transform:rotate(-45deg);	
	width:20px; height:20px;
	padding:5px;
	margin: 0 auto;
}
.scroll_incitator .icon:after{
    content: "";
    border: 2px solid #000;
    display: block;
    border-width: 0 0 2px 2px;
    width: 169%;
    height: 136%;
    margin: 13px 16px 0 7px;
}
.illu_top {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.illu_top #illu_real,
.illu_top #illu_mountains {
	width: 672px; 
    margin: 0 auto;
    display: block;
    height: auto;
}
.illu_top .svg_container{
	position:relative;
	z-index: 0;
}
.illu_top .svg_container:before{
	content:"";
	position:absolute;
	top:0;left:0;
	display:block;
	width:100%;height:100%;
	animation:gradAppear 15000ms linear 2400ms forwards;
	animation-delay: 4500ms;	
	opacity:0;
	z-index: -1;
	background: radial-gradient(circle farthest-side at 50% 100%, rgba(255,255,250,1) 20%, transparent 100%);	
}
.illu_top svg {
    display: block;
    margin: 0 auto;
	background:radial-gradient(circle farthest-side at 50% 100%, rgba(255,255,255,0.9) 0%, transparent 100%);
}

.about-section .illu_top svg{
	background:none;
}
.about-section .illu_top #middle-band {
	margin-bottom: 30px;
    margin-top: 4px;
	height: 24px;
    margin: 4px auto 40px;
    width: 672px;
    overflow: hidden;	
	position:relative
}
.widget_text .textwidget,
.widget_rrtc_icon_text_widget .text-holder .content {
	color:#424242;
}

.about-section .illu_top .widget-title {
    line-height: 0;
    position: relative;
    display: inline-block;
    background: none;
    margin: 0 auto;
    padding: 10px 90px 5px;
}
.about-section .illu_top .site-description {
    font-size: 20px;
    font-weight: 400;
    margin: 0px auto 10px;
}
/*
input[type="submit"].wpcf7-submit,
.illu_top a.btn{
	display: block;
    padding: 7px 15px;
	margin-bottom:20px;
    background: #000;
    color: #fff;
	border-radius:0;
    font-weight: 300;
    font-family: Montserrat, Segoe UI;
    text-transform: none;	
    display: inline-block;
	letter-spacing:0;
	font-size:20px;
    line-height: 36px;
	position: relative;	
	z-index:1;
}
.frame-box .wpcf7-spinner {
	display:none;
}
.frame-box{
    display: inline-block;	
	position:relative; 
	margin:20px auto 0;
	padding:8px;
	overflow:visible;
}
.frame-box:before,.frame-box:after{
	display:block;content:"";
	position:absolute;
	
	border-radius:50%;
	width: 40px;height:40px;
	border:2px solid #000;
	transition: all ease-in 0.2s;
}

.frame-box:before{
	top:-10px;left:-10px;
	background:radial-gradient(ellipse farthest-corner at 0% 0, #fff35c 0%, transparent 100%);
}
.frame-box:hover:before{
	top:-15px;left:-22px;
	transform: rotate(-5deg);	
	width:60px;height:60px;			
	background:radial-gradient(ellipse farthest-corner at 0% 0, #fff35c 0%, transparent 100%);
}
.frame-box:after{
    bottom: 8px;
    right: -14px;

	background:radial-gradient(ellipse farthest-side at 100% 100%, #FF763E 0%, transparent 100%);	
}
.frame-box:hover:after{
	bottom:3px;right:-18px;	
	width:60px;height:60px;	
	background:radial-gradient(ellipse farthest-side at 100% 100%, #FF763E 0%, transparent 100%);	
}
*/
.page-template-contact .frame-box p{
	margin:0;
}

input[type="submit"].wpcf7-submit,
.illu_top a.btn{
    padding: 7px 15px;
    background: #000;
    color: #fff;
    border-radius: 0;
    font-weight: 300;
    font-family: Montserrat, Segoe UI;
    text-transform: none;
    display: inline-block;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 36px;
    position: relative;
    z-index: 1;
}
.home .illu_top a.btn.black,
.home .illu_top a.btn.white{
    /* background: #FEFDF9; */
    border: 2px solid #000;
    padding: 4px 23px;
}

.illu_top a.btn.black:after{
	width:100%;
    transform-origin: right center;	
    transform: translateZ(0) scaleX(1);		
}
.illu_top .frame-box:hover a.btn.black{
	color:#000;
}
.illu_top .frame-box:hover a.btn.black:not(:hover):after{
	width:100%;
    transform: translateZ(0) scaleX(0);	
	color:#000;
}
.illu_top a.btn.white{
    color: #000;	
	margin:0px 0 0px 9px;
}
.illu_top a.btn.white:after{	
    transform-origin: left center;	
}
.illu_top a.btn.white:hover{
	color:#fff !important;
}
.frame-box .wpcf7-spinner {
	display:none;
}
.frame-box{
    display: inline-block;	
	position:relative; 
	margin:20px auto 20px;
	padding:8px;
	line-height: 0;
	overflow:visible;
}
.frame-box:before,.frame-box:after{
	display:block;content:"";
	position:absolute;
	width: 30px;height:20px;
	border:2px solid #000;
	border-width:2px 0 0 2px;
	transition: all ease-in 0.2s;
}

.frame-box:before{
	top:0;left:0;
	background:radial-gradient(ellipse farthest-corner at 0% 0, #fff35c 0%, transparent 100%);
}
.frame-box:hover:before{
	width:100%;height:100%;		
	background:radial-gradient(ellipse farthest-corner at 0% 0, #fff35c 0%, transparent 100%);
}

.frame-box:after{
    right: 0;bottom:0;
	background:radial-gradient(ellipse farthest-side at 100% 100%, #FF763E 0%, transparent 100%);	
	border-width:0 2px 2px 0;	
}
.frame-box:hover:after{
	width:100%;height:100%;	
	background:radial-gradient(ellipse farthest-side at 100% 100%, #FF763E 0%, transparent 100%);	
}


.about-section .illu_top .site-description a:after{
	height:2px;
}
.illu_top #middle-band:before,
.illu_top #middle-band:after,
.bottom-title.start:after,
.about-section .illu_top .widget-title:after {
	position:absolute;
	background:#000;
	content:"";
	display:block;
	top:0;
	left:0;
	width:100%;
	height:2px;
	transform: scaleX(0.001);
	opacity:0;
	animation:lineBottom 15000ms cubic-bezier(.77,0,.175,1) 2500ms forwards;
	animation-delay: 2.5s;	
}
.about-section .illu_top .widget-title:after{
	display:none;
	animation:none;
}
.page-template-a-propos .illu_top .page-title{
	padding-left:55px;
	padding-right:60px;
}
.bottom-title.start:after{
	animation-delay: 0s;
	animation-duration: 5000ms;	
	height:3px;	
}
.page-template-portfolio .illu_top .page-title:after{
	animation-delay: 0s;		
}
@keyframes lineBottom {
	0% { transform: scaleX(0.001)}
	9% { transform: scaleX(0.001);opacity:0;} 		
	10% { transform: scaleX(0.001);opacity:1;} 	
	20% { transform: scaleX(1);opacity:1;} 	

	100% { transform: scaleX(1);opacity:1;} 	

}
.illu_top .page-title:before,
.illu_top .widget-title .grad_title {
	position:absolute;
	content:"";
	opacity:0;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: radial-gradient(ellipse farthest-corner at 50% 0, #fff 0%, transparent 80%);
}
.illu_top .widget-title .grad_title {
	background: radial-gradient(ellipse farthest-corner at 50% 0, rgba(255,255,250,1) 0%, transparent 80%);
}
.illu_top .widget-title svg{
	width:auto;
    height: 100%;
    display: block;
}
#colas_gene {
	display:inline-block;
    font-size: 48px;	
}
#colas_anim,
#gene_anim {	
	background-size: auto 100%;
    height: 45px;	
	display: inline-block;
	margin:10px 0;
	overflow:hidden;	
}
#colas_anim {
	/* margin-right: -27px;		 */
	margin-right: -15px;	
}
#gene_anim {
	margin-right:10px;
	overflow:hidden;	
}
#colas_anim #colas_content {
	transform: translateX(290px);
	animation:colasAnim 3000ms cubic-bezier(.77,0,.175,1) 2400ms 1;
}
#gene_anim #gene_clipping {
	transform: translateX(-398px);
	animation:geneAnim 3000ms cubic-bezier(.77,0,.175,1) 2400ms 1;	
}
#colas_gene {
	transform: translateX(25px);
	animation:colasgeneAnim 3000ms cubic-bezier(.77,0,.175,1) 2400ms 1;		
}
#colas_anim #colas_content,
#gene_anim #gene_clipping,
#colas_gene {
	animation-delay: 2500ms;	
	animation-fill-mode: forwards;
}
@keyframes colasgeneAnim { 
	0% { transform: translateX(25px);} 
	50% { transform: translateX(25px);} 	
	100% { transform: translateX(0);} 	

}
@keyframes colasAnim { 
	0% { transform: translateX(290px);} 
	50% { transform: translateX(290px);} 	
	100% { transform: translateX(0);} 		
}
@keyframes geneAnim { 
	0% { transform: translateX(-398px);} 
	50% { transform: translateX(-398px);} 	
	100% { transform: translateX(0);} 	
}
#sun_black{
	animation:sunBlack 30000ms linear 4500ms 1;		
	animation-fill-mode: forwards;	
}
@keyframes sunBlack { 
	0%{opacity:0;} 

	100% {opacity:0;} 	
}
#line_bottom,
#sun_yellow{
	animation:sunYellow 30000ms linear 4500ms 1;		
	animation-fill-mode: forwards;	
	opacity:0;
}
@keyframes sunYellow { 
	0%{opacity:0;fill-opacity: 0;
    stroke-opacity: 0;} 
	5% {opacity:1;fill-opacity: 1;
    stroke-opacity: 1;} 		
	100% {opacity:1;fill-opacity: 1;
    stroke-opacity: 1;} 	
}
#birds{
	animation:birdsAnim 30000ms linear 4500ms 1;	
	opacity:0;
	transform: translate(0,-30px);
	animation-fill-mode: forwards;	
}
@keyframes birdsAnim { 
	0%{opacity:0;} 
	5% {opacity:1;} 		
	100% {opacity:1;} 	
}
#stars{
	animation:starsAnim 30000ms linear 4500ms 1;	
	animation-fill-mode: forwards;	
}
@keyframes starsAnim { 
	0%{opacity:0;} 	
	100% {opacity:0;} 
}
.home .firsthalf_invert{
	transition:all 0.4s ease-in;
	animation:firstScreenInvert 30000ms linear 4400ms 1;		
    background: #fff;
	animation-fill-mode: forwards;	
}
@keyframes firstScreenInvert { 
	0%{transform: translate(0, 0);} 	
	4% {transform: scale(1.7) rotate(10deg) translate(0%, -100%); } 	
	42% {transform: scale(1.7) rotate(10deg) translate(0%, -200%);display:none;} 
	100% {transform: scale(1.7) rotate(10deg) translate(0%, -200%);display:none;} 	
}	

/* Services section */
#service_section {
	/* background: linear-gradient(0deg,  #f9f6dc 0%, #fff 100%);  */
    /* background: url(src/curves_blue.svg) repeat-x , radial-gradient(ellipse farthest-corner at 50% 0, #d5f0ff 0%, transparent 80%) 0 1px; */
    /* border-top: 3px solid #000; */
    margin-bottom: 0;
    padding: 40px 0 40px;
}
#service_section .widget-title{
	font-weight:400;
}
#service_section .subsection-title .widget-title{
    background: radial-gradient(ellipse farthest-corner at 50% 0, #fff 0%, transparent 80%);
	border-top:0;
}
.service-section .widget img{
	transition: all 0.2s ease-in;
	margin-top:10px;	
}
.service-section .widget:hover img{
	transform: scale(1.4);
	margin-bottom:10px;
	margin-top:0;
	/* filter:invert(100%); */
}
#service_section .service-item .icon-holder{
	transition: all 0.2s ease-in;
}
#service_section .service-item:hover .icon-holder{
	padding:0 40px 10px;
}
.illu_service_section svg{
	display: block;
    margin: 0 auto;	
	background:radial-gradient(circle farthest-side at 50% 100%, rgba(255,255,255,0.9) 0%, transparent 100%);
    max-width: 100%;	
}
#service_section .icon-holder img {
	width: 70px;
	height: auto;
}
#service_section .icon-holder {
    border-bottom: 2px solid #000;
    padding: 0 10px 10px;
	background: radial-gradient(ellipse farthest-corner at 50% 100%, #fff 0%, transparent 80%);
}
#pricing_section.pricing-table .widget-title{
	font-size:25px;
}

.pricing-table .widget-title:after{
	display:none
}
.pricing-table .subtitle{
	font-size:16px;
}
.pricing-table .before_price{
	font-size:14px;
}
.pricing-table .price{
	margin-top:-9px;
	font-size:33px;
	font-weight:400;
}
.pricing-table .slider-btn.black {
	font-size:16px;
}
#pricing_section.pricing-table ul{
	padding:0;
	text-align:left;
}
#pricing_section.pricing-table li{
	padding:0;
	font-size:15px;
	list-style:none;
    background: url(src/checkmark.svg) no-repeat 0 50%;
	background-size:17px;
	background-position:0 8px;
    padding-left: 40px;
}
.pricing-table .plan .icon-holder{
	transition: all 0.2s ease-in;
}
#pricing_section.pricing-table .plan .icon-holder img{
	width:100px;
	transition: all 0.2s ease-in;
	margin:10px 0 0;	
}
#pricing_section.pricing-table .plan:hover .icon-holder img{
	margin:-5px 0 15px;	
}
#pricing_section.pricing-table .plan:hover .icon-holder{
	padding: 0 40px 10px;
}
.pricing-table .plan:hover .icon-holder img{
	transform:scale(1.4);
	margin:0 0 10px;
}
.pricing-table .widgets-holder {
    gap: 30px;
}
.pricing-table .widgets-holder .plan{
	width:calc(33% - 18px);
}
.pricing-table .plan{
	position:relative;
}
.pricing-table .plan1{
    transition: all .5s ease-in-out 1000ms;	
}
.pricing-table .plan2{
    transition: all .5s ease-in-out 1500ms;	
}
.pricing-table .plan3{
    transition: all .5s ease-in-out 2000ms;	
}
.pricing-table.start .plan{
    background-color: #fff !important;
    box-shadow: 0 0 30px rgb(0 0 0 / 14%);
}
.pricing-table .plan .border{
	position:absolute;
	width:100%;height:100%;
	top:0;left:0;
}
.pricing-table .plan:before,
.pricing-table .plan:after,
.pricing-table .plan .border:before,
.pricing-table .plan .border:after{
	content:"";
	position:absolute;
	top:0;left:0;
	width:100%;
	height:3px;
	background:#000;
	transform:scale(0,1);
	transform-origin:left center;
}
.pricing-table.start .plan:before {
	animation:BorderTop 250ms linear 0ms forwards;	
}
.pricing-table.start .plan:after{
	left:auto;right:0;
	width:3px;height:100%;
	transform:scale(1,0);
	transform-origin:left top;
	animation:BorderLeft 250ms linear 250ms forwards;		
}	
.pricing-table.start .plan .border:before{
	bottom:0;top:auto;
	transform:scale(0,1);
	transform-origin:right top;
	animation:BorderBottom 250ms linear 500ms forwards;		
}	
.pricing-table.start .plan .border:after{
	width:3px;height:100%;
	transform:scale(1,0);
	transform-origin:bottom left;
	animation:BorderRight 250ms linear 750ms forwards;	
}
.pricing-table.start .plan2:before {
	animation-delay:250ms;		
}
.pricing-table.start .plan2:after{
	animation-delay:500ms;		
}	
.pricing-table.start .plan2 .border:before{
	animation-delay:750ms;			
}
.pricing-table.start .plan2 .border:after{
	animation-delay:1000ms;	
}
.pricing-table.start .plan3:before {
	animation-delay:500ms;		
}
.pricing-table.start .plan3:after{
	animation-delay:750ms;		
}	
.pricing-table.start .plan3 .border:before{
	animation-delay:1000ms;	
}
.pricing-table.start .plan3 .border:after{
	animation-delay:1250ms;		
}
@keyframes BorderTop{
	0%{transform:scale(0,1)}
	100%{transform:scale(1,1)}	
}
@keyframes BorderLeft{
	0%{transform:scale(1,0)}
	100%{transform:scale(1,1)}	
}
@keyframes BorderBottom{
	0%{transform:scale(0,1)}
	100%{transform:scale(1,1)}	
}
@keyframes BorderRight{
	0%{transform:scale(1,0)}
	100%{transform:scale(1,1)}	
}

.grad_color{
	opacity:0;
	transition: all ease-in 1s;	
	animation:gradAppear 15000ms linear 2400ms forwards;
}
.grad_color.super_delayed{
	animation-delay: 4500ms;
}
@keyframes gradAppear {
  0% {opacity:0.1;    fill-opacity: 0.1;
    stroke-opacity: 0.1;}
  10% {opacity:1;    fill-opacity: 1;
    stroke-opacity: 1;}  
  50% {opacity:1;    fill-opacity: 1;
    stroke-opacity: 1;}   
  100% {opacity:1;    fill-opacity: 1;
    stroke-opacity: 1;}     
}
.grad_color_delayed_faded,
.grad_color_delayed{
	opacity:0;
}
.start .grad_color_delayed_faded,
.start .grad_color_delayed{
	opacity:0;
	animation:gradAppearDelayed 2000ms linear 1600ms forwards;
	transition: all ease-in 1s;
}
@keyframes gradAppearDelayed {
  0%   {opacity:0;fill-opacity: 0;
    stroke-opacity: 0;}
  100% {opacity:1; fill-opacity: 1;
    stroke-opacity: 1;}
}
/* Call To Action Section  */
#cta_section{
	margin-bottom:0;
	background: #0A0A0A; /*url(src/curves_black.png) repeat-x 50% 0;*/
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    padding: 0;
}
#cta_section section > div {
	margin: 0 auto;
    border-bottom: 2px solid #fff;
    padding: 60px 80px 130px;
	max-width:1200px;
	background: transparent;
	background-size: 700px auto;	
    border-bottom: 2px solid #fff;
	color:#000;
	min-height:auto;
	position:relative;
}
.illu_cta_section {
    position: absolute;
    bottom: 0;
	right:10px;
	z-index:0;
}
.illu_cta_section svg{
    display: block;
}
section[class*="-section"] .widget_raratheme_companion_cta_widget .raratheme-cta-container {
    width: auto;
	z-index:1;		
}
#cta_section a,
#cta_section p,
#cta_section section .widget-title {
	color: #fff;
}
#cta_section section .widget-title {
    font-weight: 400;	
}
#cta_section .button-wrap .btn-cta {
	background:#000; /* url(src/contact_vector.png) no-repeat;*/
	color:#fff;
	border-radius:0;
	padding:10px 20px 10px;
    font-size: 20px;
    font-weight: 500;	
	border:2px solid #fff;	
}
.top-footer p {
	font-size:14px;
	text-align:center;
}
.site-footer,
.top-footer {
	background:#0A0A0A;
	background-size:50% auto;
	color:#fff;	
	padding:20px 40px;
}
.site-footer .copyright,
.site-footer a,
.site-footer p,
.site-footer .widget-title{
	color:#fff;
	font-size:15px;
	margin:0;	
}

.main-navigation ul.nav-menu {
    padding: 0;
}
.menu-wrap nav.main-navigation {
    margin-bottom: 0;
}
.menu-wrap button.toggle-button {
	color:#000;
	background:transparent;
}
.menu-wrap button.toggle-button .toggle-bar {
	background: #000;
}
.main-navigation .nav-menu li:hover > a, 
.menu-wrap button.toggle-button:hover .toggle-bar {
    color: #a1d9ff;	
}
.menu-wrap button.toggle-button:hover .toggle-bar {
	background: #a1d9ff;	
}
.main-navigation .nav-menu li.current-menu-item > a, .main-navigation .nav-menu li.current_page_item > a,
.main-navigation .nav-menu li a {
    color: #000;
	font-size:25px;
	padding:20px;
}
.main-navigation .nav-menu li.menu-item a {
    font-size: 16px;
}
.main-navigation .nav-menu li a span {
	font-size:16px;
	position:relative;
	padding: 10px 0;
}
.main-navigation .nav-menu li a:hover {
    color: #a1d9ff;
}
.contact-link {
    position: fixed;
    right: -100px;
    bottom: -100px;
    width: 55px;
    height: 55px;
	text-align:center;
    line-height: 54px;
    visibility: hidden;
    z-index: 9999;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;	
}
.contact-link a{
	color:#000;
	display:block;
	height:100%; width:100%;
	background:#fff;
    border: 2px solid #000;	
    border-radius: 50px;	
	text-transform:uppercase;	
    letter-spacing: 1px;
    font-size: 17px;	
	font-weight:600;	
	box-shadow:5px 5px 10px rgba(0,0,0,0.1);	
	z-index:1;
    position: absolute;
    top: 0;left:0;		
}
/*.contact-link.show:after {
	content:"";
	display:block;
	z-index:0;
	width:100%;
	height:100%;
    border-radius: 50px;
	border:2px solid #000;
	background:#FF763E;
    position: absolute;
    top: 0;left:0;	
	animation:circle-pulse 6s linear 0s infinite;
	animation-direction: alternate;
}
.contact-link:hover:after,
.contact-link.show.hover_black:after {
	display:none;
}
@keyframes circle-pulse{
	0%{
		transform: scale(1);	
		background:#FFF367;		
	}
	20%{
		transform: scale(1.3);
		background:#FF763E;	
	}	
	40%{
		transform: scale(1);
		background:#FF763E;			
	}	
	60%{
		transform: scale(1.3);
		background:#8BD8FF;	
	}		
	80%{
		transform: scale(1);
		background:#FF763E;		
	}		
	100%{
		transform: scale(1.3);
		background:#FFF367;	
	}		
}*/
.site-header button.toggle-btn.fixed:hover,
.contact-link.hover_black a,
.contact-link a:hover{
	color:#fff;
	background:#000;
    border: 2px solid #fff;		
}
.contact-link.show {
	visibility:visible;
    right: 20px;
    bottom: 20px;
}
.a-propos-image{
	border-radius:50%;
	width: 70px;
}

.uagb-timeline__outer-wrap {
	margin-top:50px;
}
.uagb-timeline__outer-wrap svg{
	background:none;
}
.uagb-timeline__date-new{
	font-size:28px;
	padding: 0 17px;
}
.uagb-timeline__events-inner-new {
    display: flex;
    background-color: transparent !important;
    border: 3px solid transparent;	
	transition:all ease-in 0.5s;
}
.in-view .uagb-timeline__events-inner-new {
    background-color: #fff !important;
	box-shadow: 0 0 30px rgba(0,0,0,0.14);
    border: 3px solid #000;	
}
.uagb-timeline__line {
    width: 1px !important;
	transform: none !important;
	background-color: transparent !important;	
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxIDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEgOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0xLDAuNXYxQzEsMS44LDAuOCwyLDAuNSwybDAsMEMwLjIsMiwwLDEuOCwwLDEuNWwwLTFDMCwwLjIsMC4yLDAsMC41LDBsMCwwQzAuOCwwLDEsMC4yLDEsMC41eiIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K);
    background-size: 1px auto;
    background-repeat: repeat-y;	
}
.uagb-timeline__line__inner {
    /* width: calc(100% + 2px) !important; */
    margin-left: -1px;
    position: relative;
    width: 3px !important;	
    max-height: 100% !important;	
}
.uagb-timeline__marker {
    min-height: 15px !important;
    min-width: 15px !important;
    margin-left: 11px !important;
    margin-right: 10px !important;	
}
.uagb-timeline__marker.uagb-timeline__out-view-icon {
	background-color:#F9F6DC !important;
	border: 2px solid #000 !important;
}
.uagb-timeline__marker.uagb-in-view-icon {
	background-color:#000 !important;
	border: 2px solid #000 !important;
}
.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow {
	right:-13px !important;
}
.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow {
	left:-13px !important;
}
@media screen and (max-width: 1023px) {
	.uagb-timeline__responsive-tablet .uagb-timeline__marker {
		margin-left: 13px !important;
		margin-right: 10px !important;	
	}	
}
@media only screen and (max-width: 976px){
	.uagb-timeline__outer-wrap.uagb-timeline__left-block .uagb-timeline__line {
		margin-left: 4px;
	}
	.uagb-timeline__center-block .uagb-timeline__marker {
			margin-left: 6px !important;
			margin-right: 10px !important;	
	}
	.out-view .uagb-timeline__arrow:after {
		border-right-color: #000 !important;
	}
	.in-view .uagb-timeline__arrow:after {
		border-right-color: #000 !important;
	}
}
.uagb-timeline__icon-new {
	display:none;
}
.uagb-content {
    padding: 10px 10px 10px 40px;
}

.uagb-timeline__image {
    max-width: 200px;	
    padding: 15px 20px 0 10px;	
}
.uagb-timeline__image img{
    width: auto;
    max-height: 700px;
}
.uagb-timeline__date-inner {
    font-size: 25px;
    padding: 10px 20px 0 10px;
    margin: 0 !important;
    line-height: 1.4;
}
.uagb-content .uagb-timeline__heading {
    text-align: left !important;	
}
.uagb-timeline-desc-content {
    text-align: left !important;	
}
.contact-link.show .fa-phone{
	animation:phoneRing 6s linear 5s infinite;
	transform-origin:center center;
	display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;	
}

.contact-link.hover_black .fa-phone{
  animation: none;
}
@keyframes phoneRing{
	0%{transform:scale(1);}
	9%{transform:scale(1); color:inherit;}			
	10%{transform:scale(2) rotate(-10deg); }	
	12%{transform:scale(2) rotate(10deg);}		
	14%{transform:scale(2) rotate(-10deg);}	
	16%{transform:scale(2) rotate(10deg); }	
	18%{transform:scale(2) rotate(-10deg); }		
	20%{transform:scale(2) rotate(10deg); }		
	22%{transform:scale(1) rotate(0);}		
	100%{transform:scale(1) rotate(0deg)}		
}
.single .gallery-wrap .content-wrap-box {
    width: 100%;
}
.archive .site-content,
.page-template-portfolio .site-content,
.site-content {
    margin-bottom: 0px;
}
.page-template-a-propos  .centered-content,
.page-template-portfolio  .content-area {
	padding-bottom:40px;
}
.archive .site-content > .tc-wrapper {
	margin-bottom:30px;
}
.archive-description {
    font-size: 0.7em;
    margin-bottom: -10px;
    text-align: left;
}
.site-header .menu-wrap {
	overflow: visible !important;
}
.angle-down {
    background: url(src/arrow_down.svg) 0 0 !important;
    background-repeat: no-repeat !important;
    margin: 0 0 0 -10px;	
	outline: none !important;
}
.angle-down.active {
    transform:rotate(180deg);
	background-position: 0 11px !important;	
}
#site-navigation .sub-menu {
    background: rgb(0, 0, 0);
    text-align: left;
    left: 0px;
    visibility: visible;
    position: absolute;
	display:none;
    opacity: 1;
}

#site-navigation .sub-menu a{
	color:#fff !important;
	font-weight:400;
}
.main-navigation .nav-menu li:hover > a,
.menu-open .main-navigation .nav-menu li > a{
	color:#000! important;
}
#site-navigation.main-navigation .nav-menu li .sub-menu a:hover{
	color:#fff !important;	
}
/*
#site-navigation .menu-item-has-children {
	padding-right:20px;
}*/
.main-navigation ul li button {
	background:transparent;
	display:none;
	margin-top: -4px;	
}
.menu-open .site-header .menu-wrap {
    height: 100vh;
    overflow: scroll !important;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;	
	right:0;
}
.menu-open  #site-navigation  .nav-menu .sub-menu.visible{
	display:block !important;
}
@media screen and (max-width: 1415px) {
	.archive-description {
		padding: 0 40px;
	}
}
@media screen and (max-width: 1024px) {
	.gallery-wrap .text-holder-inner {
		top:0px !important;
	}
	.top-footer {
		padding:50px 25px;
	}
	.gallery-section.style1 .text-holder, .gallery-section.style5 .text-holder, .gal-masonry .gallery-wrap .text-holder, .normal-view .gallery-wrap .text-holder, .page-template-portfolio .gallery-wrap .text-holder {
		opacity:0;
		visibility: hidden;
	}	
}
@media screen and (min-width: 900px) {
	.site-header .menu-wrap {
		background:transparent;
		position:relative;
		visibility: visible;
		transform: none;
		width: 100%;
		padding:0;
	}
	#site-navigation  .nav-menu li .sub-menu {
		width:150%;
	}		
	#site-navigation  .nav-menu li:focus .sub-menu,
	#site-navigation  .nav-menu li:hover .sub-menu {
		display: block !important;
	}
	.menu-wrap button.toggle-button {
		display:none;
	}	
	.main-navigation ul.nav-menu {
		text-align: right;
	}	
	.main-navigation .nav-menu li {
		display: inline-block;
	}
	.main-navigation .nav-menu .sub-menu li{
		display: block;
	}	
	.main-navigation .nav-menu li.current-menu-item > a, .main-navigation .nav-menu li.current_page_item > a, .main-navigation .nav-menu li a {
		color:#000;
		font-size:17px;
		padding:15px 30px;				
	}	
	.site-header button.toggle-btn {
		display:none;
	}
}

@media screen and (max-width: 1180px) {
	.logo-text.site-branding .site-logo {
		width: auto !important;
	}	
	.site-branding .site-logo + .site-title-wrap {
		width: 65%;
	}
	.illu_top #illu_mountains {
		width: 572px;
	}		
	.site-branding .site-description {
		font-size: 12px;
	}		
}
@media screen and (min-width: 900px) and (max-width: 1800px){
	.site-header .header-r {
		width: 46%;
	}	
	.site-header .site-branding{
		float: left;		
	}
	.site-branding .site-title {
		font-size: 25px;
	}		
	.site-header .menu-wrap {
		padding: 0;
	}	
	.main-navigation ul.nav-menu {
		padding: 0;
	}	
	.main-navigation .nav-menu li {
		margin-left:0;
	}
	.main-navigation .nav-menu li.current-menu-item > a, .main-navigation .nav-menu li.current_page_item > a, .main-navigation .nav-menu li a {
		font-size:14px;
		padding-left: 17px;
		padding-right: 17px;		
	}	
	section.about-section {
		padding-top:110px;
	}		
}
@media screen and (min-width: 900px) and (max-width: 1300px){
	.site-header .header-r {
		width: 46%;
	}	
	.site-branding .site-title {
		font-size: 25px;
	}		
	.site-header .menu-wrap {
		padding: 0;
	}	
	.main-navigation ul.nav-menu {
		padding: 0;
	}	
	.main-navigation .nav-menu li {
		margin-left:0;
	}
	.main-navigation .nav-menu li.current-menu-item > a, .main-navigation .nav-menu li.current_page_item > a, .main-navigation .nav-menu li a {
		font-size:14px;
		padding-left: 17px;
		padding-right: 17px;		
	}	
}
@media screen and (max-width: 980px){
	.filter-button-group button {
		margin-bottom: 0;
	}
	.main-navigation .nav-menu li.current-menu-item > a, .main-navigation .nav-menu li.current_page_item > a, .main-navigation .nav-menu li a {
		padding-left: 15px;
		padding-right: 15px;
	}	
	.uagb-timeline__events-inner-new {
		display: grid;
	}
	.uagb-timeline__events-inner-new div:first-child{
		grid-column: 1 / 2;
		grid-row: 1 / 2;	
	}		
	.uagb-timeline__events-inner-new div:nth-child(2){
		grid-column: 1 / 2;
		grid-row: 2 / 2;
	}
	.uagb-timeline__events-inner-new div:nth-child(3){
		grid-column: 2 / 2;
		grid-row: 2 / 2;	
	}
	.uagb-timeline__events-inner-new img{
		max-height: 200px;
	}
}
@media screen and (min-width: 900px){
	.site-header .header-r {
		float: right;		
		height: 60px;
	}
	.site-header .menu-wrap {
		right:auto;
	}		
	.menu-open .site-header .menu-wrap {
		position: fixed;
		width: 50%;
	}
}
.menu-open .menu-wrap button.toggle-button {
    display: block;
	border-radius:0;
	top: 35px;	
}

.menu-open .main-navigation .nav-menu li.menu-item-has-children  a{
	margin-right:30px;
	padding-right:0;
    display: inline-block;	
}
.menu-wrap button.toggle-button:hover .toggle-bar{
	background:#000;
}
.menu-open .header-r .menu-mobile-logo {
    display: block;
}
.menu-open .main-navigation .nav-menu li a {
    font-size: 25px;
    padding: 20px;
	font-weight:400;
}
.menu-open .main-navigation .nav-menu li {
    display: block;
	text-align:left;
}
.menu-open .site-header .menu-wrap {
	background: rgba(255,255,255,0.97);
	bottom:0;
	z-index:1000000;
	color: #fff;
	padding:0 20px;
	border-left:3px solid #000;
}
/* .site-header .menu-wrap:before {	
	position:fixed;
	content:"";
	opacity:0;
	top:0;
	left:0;
	bottom:0;
	width:3px;
	background:#000;
	transform:scaleY(0);
	transition: transform ease 0.5s;
}
.menu-open .site-header .menu-wrap:before {	
	opacity:1;
	transform:scaleY(1);
} */
.menu-open .site-header .menu-wrap{
	padding:30px 0 30px 30px;
}	
/* .menu-open .site-logo img{
	max-height: 50px;
}	 */
.menu-open .main-navigation .nav-menu li a {
	font-weight:500;
}
.menu-open .main-navigation ul li button {
    background: transparent;
	position:relative;
    display: inline-block;
	vertical-align:middle;
    top: auto;	
    margin-top: 18px;
	margin-right:4px;
    width: 25px;
    height: 25px;
}
.menu-open .main-navigation .svg-inline--fa.fa-w-10 {
    width: 100%;
    height: 100%;
}
.home header.site-header {
	z-index:auto;
}

.menu-open #site-navigation .sub-menu {
	background: rgb(0, 0, 0);
	text-align: left;
	left: 0px;
	visibility: visible;
	position: relative;
	display:none;
	opacity: 1;
}	
@media screen and (max-width: 900px) {
	.hover-img .cursor,
	.hover-link .cursor,	
	.cursor {
		opacity:0;
	}
	.site-branding .site-description {
		font-size: 12px;
	}	
	.site-header .header-r {
		width: 16%;
	}	
	.header-r .menu-mobile-logo{
		display:block;
	}	
	.site-header .site-branding {
		width: 80%;
	}	

	.filter-button-group {
		margin-bottom: 0;
		display:block;
		padding:0 15px;
	}	
	.filter-button-group button {
		margin-bottom: 0;
		font-size: 12px;
		padding: 10px;		
	}
	.filter-button-group button:after {
		height: 2px;
		bottom: 1px;
	}	
	section.about-section {
		padding-top:95px;
	}	
	.contact-link {
		width: 48px;
		height: 48px;
		line-height: 44px;
	}
	.contact-link a{
		font-size: 14px;	
	}		
	.sun_invert{
		top:0%;
		left:50%;
		margin-left:-25%;
		width: 50%;padding-bottom: 50%;
		animation-name:sunInvertMove;	
	}	
}
@media screen and (max-width: 780px) {
	.about-section .illu_top .widget-title {
		padding: 20px 40px 5px;
		width: 100%;	
	}
	.article-wrap {
		display: flex;
		flex-flow: column;
	}
	.article-wrap article {
		max-width: 100%;
	}			
	.menu-open .main-navigation .nav-menu li:last-child {
		margin-bottom:40px;
	}	
	.sun_invert{
		top:3%;
		left:50%;
		margin-left:-25%;
		width: 51%;padding-bottom: 50%;
		animation-name:sunInvertMove;	
	}		
	.illu_top #illu_mountains {
		margin-left: 20px;
	}	
	.site-header .menu-wrap {
		width: 85%;
	}		
	.pricing-table .widgets-holder .plan{
		width:100%;
	}	
}

@media screen and (max-width: 640px) {
	header.site-header {
		padding:40px 25px 0;
	}		
	.site-header .site-branding {
		padding-left:0;
		width: auto;		
		float:left;
	}		
	.site-header .header-r {
		width: auto;
		text-align: center;
		margin-top: 30px;
		float:right;
	}	
	.logo-text.site-branding .site-logo {
		width: 100%;
		display:block;
	}		
	.site-branding .site-logo + .site-title-wrap {
		display:none;
	}		
	#colas_gene{
		transform: translateX(25px) scale(1);
		display:block;
	}	
	#colas_anim,	
	#gene_anim {	
		height: 34px;	
	}
	#colas_anim {
		/* margin-right: -25px;	 */
		margin-right: -10px;			
	}	
	#sun_yellow{
		transform: translate(69px, 9px) rotate(-4deg);
	}	

	.about-section .illu_top .widget-title {
		margin-bottom:0;
		padding: 13px 0 0px;
		width: 100%;		
	}
	.about-section .illu_top .site-description {
		width: 100vw;
		padding: 0 20px;
		margin-bottom: 25px;
		font-size: 18px;
	}	
	.about-section .illu_top {
		margin-top: -20px;
	}	
	.site-header button.toggle-btn {
		margin:0;
	}
	.site-header .header-r {
		width: auto;
		margin-top:0;
	}	
	#birds{
		transform: none;
	}	
	#bird-right{
		transform:translate(-15%,-50px);
	}
	#bird-left{
		transform:translate(15%,-50px);
	}
	#star-right{
		transform:translate(-15%,-10px);
	}
	#star-left{
		transform:translate(15%,-10px);
	}	
	.content-area {
		margin-left: 20px;
		margin-right: 20px;
	}	
	.single .gallery-wrap .content-wrap-box {
		padding-bottom: 0px;
	}
	.additional-posts .block .block-title {
		text-align:center
	}	
	#cta_section section > div {
		padding: 60px 40px 90px;
	}	
	#cta_section .button-wrap .btn-cta {
		background: #000;		
		padding: 10px 20px 10px;
		font-size: 18px;
		height:56px;
	}	
	#cta_section .site-footer{
		padding:15px 20px;
	}
	#cta_section .top-footer {
		padding:0;
	}
	.site-footer .copyright, .site-footer a, .site-footer p, .site-footer .widget-title {
		font-size: 12px;
	}
	.hidden-mobile { display:none;}		
	.menu-open .main-navigation .nav-menu li a {
		font-size: 20px;
		padding: 20px;
		font-weight:400;
	}	 
	.menu-open .main-navigation ul li button {
		margin-top: 7px;
		width: 23px;
		height: 20px;
	}	
}
@media screen and (max-width: 781px) {
	.page-template-contact .wp-block-columns.is-layout-flex{gap: 0em;}
	.phone {
		text-align:center;
	}
	.phone a{
		font-size:17px !important;
	}
}
@media screen and (max-width: 540px) {
	#cta_section .button-wrap .btn-cta {
		background: #000;		
		padding: 10px 15px 10px;
		display: inline;
		font-size: 15px;
	}	
	#cta_section .button-wrap .btn-cta:hover {
		background: transparent;		
	}		
	#bird-left{
		transform:translate(27%,-30px) scale(0.8);
	}	
	#bird-right{
		transform:translate(-4%,-30px) scale(0.8);
	}
	#star-left{
		transform:translate(27%,10px) scale(0.8);
	}
	#star-right{
		transform:translate(-4%,10px) scale(0.8);
	}
	.illu_top a.btn.black,	
	.illu_top a.btn.white{
		display:block;
		margin:0;
	}
	.illu_top a.btn.white{
		margin:7px 0 0;
	}	
}
@media screen and (max-width: 540px) {
	.uagb-timeline__events-inner-new .uagb-timeline__date-inner{
		grid-column: 1 / 2;
		grid-row: 1 / 2;	
	}		
	.uagb-timeline__events-inner-new .uagb-timeline__image{
		display:none
	}
	.uagb-timeline__events-inner-new .uagb-content {
		grid-column: 1 / 2 !important;
		grid-row: 2 / 2;	
	}
}
@media screen and (max-height: 440px) {
	#cta_section .hidden-mobile,
	#cta_section .site-footer {
		display:none;
	}
	.cta-section .button-wrap {
		margin-top: 30px;
	}	
	#cta_section section > div {
		border-bottom: 0;
		padding: 60px 40px 30px;
	}
}