/*
 Theme Name:   Twenty Nineteen Child
 Description:  Twenty Nineteen Child Theme
 Template:     twentynineteen
 Version:      1.0.0
 Author: 	   Maan Eksdi
 Text Domain:  twentynineteen-child
*/


html {
  scroll-behavior: smooth;
}

.my-container{
    max-width: 1200px;
    margin: 0 auto;
    z-index: 1;
}
body:before,
body:after{
	display: none !important;
}

body, 
h6{
	font-family: 'Montserrat', sans-serif !important;
}

section{
	position: relative;
}

.banner{
    position: unset;	
}

h1, h2, h3, h4, h5{
	font-family: 'Merriweather', serif !important;
}

h1{
    font-size: 60px;
    line-height: 1.2em;
    font-weight: bold;	
}

h2 {
    font-size: 215px;
    line-height: 200px;
    font-weight: bold;
	opacity: .06;
}

h3 {
    font-size: 100px;
    line-height: 1em;
    font-weight: normal;
	text-align: right;
}

h4{
    font-size: 18px;
    line-height: 1.5em;
    font-weight: bold;	
	font-family: 'Montserrat', sans-serif !important;	
}

h5{
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 400;	
	text-align: center;
}

h6{
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 500;
}


p{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px;	
	line-height: 1.8em;
}

h1:not(.site-title):before,
h2:before{
	display: none;
}

em {
    font-weight: 500;
}

/* Responsive */

#dropdown-nav {
        position: relative;
}

#trigger-pop-up i,
#dropdown-nav i {
    cursor: pointer;
	position: relative;
}

#trigger-pop-up i:hover {
    transition: .3s;
    color: #519b35;
}

#trigger-pop-up i:after {
    content: "1";
    background-color: red;
    padding: 10px;
    border-radius: 50px;
    height: 20px;
    width: 20px;
    position: absolute;
    font-size: 12px;
    line-height: 0;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    right: -10px;
    top: -8px;
}

#dropdown-nav .dropdown-wrap {
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 160px;
	background-color: #ffffffde;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

#dropdown-nav .dropdown-wrap.show {
	opacity: 1;
	visibility: visible;
}

/* General */

.btn-line {
    width: 100%;
    height: 2px;
    background-color: #000000;
    text-align: right;
    display: block;
    position: absolute;
    right: 0;
    max-width: 200px;
    bottom: 80px;
	z-index: -1;
}

#testimonial-sec2 .btn-line,
#moowseletter-sec2 .btn-line{
	bottom: 70px;
}

.inner-div {
    position: relative;
}

.inner-div p span {
    font-size: 56px;
    float: left;
    line-height: 56px;
    font-family: 'Merriweather', serif !important;
    font-weight: bold;
	margin-right: 5px;
}

.hr-vertical {
    height: 130px;
    width: 5px;
    background-color: #000;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
}

.left {
    float: left;
    width: 48%;
}

.right {
    float: right;
    width: 48%;
}

.btn a {
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 50px;
    border: 2px solid #000;
    padding: 5px 10px;
	background-color: #ffffff;
}

.btn a:hover {
    transition: .3s;
    background-color: #f2e752;
}

.btn {
    margin-top: 30px;
}

.grey-bg {
    background-color: #f2f2f2;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: bold;
}

/* My Header */

#my-header {
    padding: 20px 0;
	position: fixed;
    width: 100%;
	z-index: 9999;
}

#my-header .nav-left {
    float: left;
    width: 30%;
	margin-top: 20px;
}

#my-header .nav-right {
    float: right;
    width: 70%;
    text-align: right;
	margin-top: 20px;
}

#my-header .nav-right .menu-column {
    display: inline-block;
}

#dropdown-nav {
    display: inline-block;
    width: 5%;
    vertical-align: middle;
}

#trigger-pop-up {
    display: inline-block;
    width: 5%;
    vertical-align: middle;
}

#my-header .nav-right ul {
    margin: 0;
    padding: 0;
}

#my-header .nav-right ul li {
    display: inline-block;
    margin: 0 20px;
}

#my-header .nav-right ul li.current-menu-item {
    font-weight: bold;
}

#my-header .nav-right ul#menu-dropdown-nav li {
    display: block;
    text-align: left;
}

#my-header .nav-right ul li a:hover {
    text-decoration: underline;
    transition: .3s;
}
#my-header .nav-right ul li a {
    font-size: 14px;
    line-height: 1em;
    text-transform: uppercase;
	color: #000000;
}

.header.sticky #my-header {
    background-color: #fffffff0;
    transition: .3s;
    box-shadow: 1px 1px 10px #333333;
	z-index: 999;
}

.header.sticky #my-header {
    padding: 15px 0;
}

.header.sticky #my-header .nav-left img {
    width: 35%;
}



/* Homepage */

#hp-sec1 {
    padding: 310px 0;
    /*padding: 170px 0;*/
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}


#hp-sec1 h1 span {
    line-height: 100px;
}

#hp-sec2 {
    padding: 50px 0;
}

#hp-sec2 .intro-cont {
    text-align: center;
}

#hp-sec2 .intro-cont strong {
    letter-spacing: 1px;
}

#hp-sec2 .inner-div h2 {
    position: absolute;
    right: 0;
    text-align: right;
    top: -75px;
	z-index: -1;
	font-size: 132px;
    line-height: 100%;
}

#hp-sec2 .inner-div .right {
    margin-top: 30px;
    /* margin-top: 300px */
}

#hp-sec2 .left img {
    margin-top: 20px;
    /*margin-top: 150px;*/
}

#testimonial-sec2  .btnmore .btn,
#hp-sec2 .inner-div .right .btn {
    text-align: right;
}

#testimonial-sec2  .btnmore .btn a,
#moowseletter-sec2 .inner-div .btnmore .btn a,
#hp-sec2 .inner-div .right .btn a{
	position: relative;
	cursor: pointer;
}

#hp-sec2 .btn-line {
	bottom: 245px;
}


#hp-sec3 .hand-waving {
    position: absolute;
    left: 0;
    top: 80px;
}

#hp-sec3 .inner-div h2 {
    position: absolute;
    left: 0;
    z-index: -1;
	bottom: 0px;
    /*top: 300px;*/
    /*top: 420px;*/
    text-align: left;
	font-size: 160px;
    line-height: 1em;
    text-align: right;
}


.inner-div li{
    font-size: 16px;    
}

#hp-sec3 .inner-div .right img {
    margin-top: 30px;
}

#hp-sec4 {
    padding: 50px 0;
}

#hp-sec4 .my-container{
    position: relative;
}

#hp-sec4 .fence {
    position: absolute;
    right: 0;
    top: 180px;
    width: 48%;
}

#hp-sec4 .inner-div .right {
    margin-top: 210px;
}

#hp-sec4 .inner-div .left img {
    margin-top: 130px;
}

#hp-sec5 h3 {
    text-align: center;
}

#hp-sec5 img {
    text-align: center;
    margin: 30px auto 0;
    display: block;
}

#hp-sec5 .inner-div {
    margin-top: 20px;
}

#hp-sec5 .inner-div .right .btn {
    text-align: right;
}

#hp-sec5 .inner-div .right .btn a{
    position: relative;
}

#hp-sec5 .btn-line {
	bottom: 20px;
}

#hp-sec6{
	padding: 20px 0 0;
}

#hp-sec6 .inner-div h2 {
    position: absolute;
    left: 0;
    z-index: -1;
    top: 350px;
    text-align: left;
}

#hp-sec6 .right img {
    margin-top: 25px;
}

#hp-sec7 {
    padding: 50px 0 30px;
}

#my-footer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 120px 0 0;
}

#my-footer .footer-logo {
    float: left;
    width: 30%;
}

#my-footer .footer-nav {
    float: right;
    width: 60%;
}

#my-footer .footer-nav .menu-column ul {
    padding: 0;
    margin: 0;
    text-align: right;
}

#my-footer .footer-nav .menu-column ul li {
    display: inline-block;
    margin: 0 10px;
}

#my-footer .footer-nav .menu-column ul li a {
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
}

#my-footer .footer-nav .btm-footer {
    text-align: right;
}

#my-footer .footer-nav .btm-footer p {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#my-footer .footer-nav .btm-footer p a {
    color: #ffffff;
}

#my-footer .footer-nav .btm-footer p a:hover {
    color: #000000;
    transition: .3s;
}

/* Services */

#services-sec1 {
    padding: 330px 0;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}

#services-sec1 h1 span {
    display: block;
}

#services-sec1 h1 span.fs-m {
    font-size: 87px;
    line-height: 60px;
}

#services-sec1 span.fs-l {
    font-size: 102px;
    line-height: 117px;
}

#services-sec2 {
    padding: 50px 0;
}

#services-sec2 .inner-div .left img {
    margin-top: 50px;
}

#services-sec3 .inner-div h2 {
    position: absolute;
    left: 0;
    z-index: -1;
    top: 300px;
    text-align: left;
}

#services-sec4 h3 {
    text-align: center;
}

#services-sec5 .inner-div h2 {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: -30px;
    text-align: left;
}

#services-sec6 .inner-div .left img {
    margin-top: 140px;
}

#services-sec7 .inner-div h2 {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: -80px;
    text-align: left;
}

#services-sec8 .inner-div h2 {
    position: absolute;
    right: 0;
    z-index: -1;
    top: -25px;
    text-align: right;
}

#services-sec8 .inner-div .right {
    margin-top: 275px;
}

#services-sec8 .inner-div img {
    margin-top: 30px;
}

#services-sec9 .inner-div h2 {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 0;
    text-align: left;
}

#services-sec10 .inner-div .right {
    margin-top: 200px;
}

#services-sec10 .inner-div .left img {
    margin-top: 25px;
}

/* About */

#about-sec1 {
    padding: 230px 0;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}

#about-sec1 h1 span {
    display: block;
    font-size: 84px;
    line-height: 99px;
}

#about-sec2 {
    padding: 50px 0;
}

#about-sec2 img {
    text-align: center;
    display: block;
    margin: 0 auto 20px;
}

#about-sec3 .inner-div h2 {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: -25px;
    text-align: left;
}

#about-sec3 .inner-div .right .fs-m {
    font-style: italic;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 500;
}

#about-sec3 .inner-div .right ul {
    padding-left: 40px;
    margin: 0 0 20px;
}

#about-sec3 .inner-div .right ul li p {
    margin: 0;
}

#about-sec4 .inner-div h2 {
    position: absolute;
    right: 0;
    z-index: -1;
    top: -65px;
    text-align: left;
}

#about-sec4 .inner-div .right {
    margin-top: 250px;
}

#about-sec4 .inner-div .left img {
    margin-top: 20px;
}

#about-sec5 .inner-div .right {
    margin-top: 30px;
}

#about-sec5 .inner-div .left span {
    display: block;
    margin-top: 80px;
}

/* Contact */

#contact-sec1 {
    padding: 230px 0 255px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}


#contact-sec1 h1 span {
    font-size: 70px;
}

#contact-sec2 {
    padding: 50px 0;
}

#contact-sec2 .inner-div .left img {
    margin-top: 30px;
}

#contact-sec2 .inner-div .right .contact-cform-wrap {
    margin-top: 50px;
}

#contact-sec2 .inner-div .right .contact-cform-wrap input,
#contact-sec2 .inner-div .right .contact-cform-wrap textarea{
    border: none;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    color: #000000;
	padding: 20px 0;
	background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    width: 100%;
	outline: none;
}

#contact-sec2 .inner-div .right .contact-cform-wrap textarea {
    height: 75px;
}

#contact-sec2 .inner-div .right .contact-cform-wrap .cf-submit {
    margin-top: 55px;
    position: relative;
}

#contact-sec2 .inner-div .right .contact-cform-wrap .cf-name input{
	background-image: url(/wp-content/uploads/2020/07/line.jpg);
}

#contact-sec2 .inner-div .right .contact-cform-wrap .cf-email input{
	background-image: url(/wp-content/uploads/2020/07/line2.jpg);
}

#contact-sec2 .inner-div .right .contact-cform-wrap .cf-phonenumber input{
	background-image: url(/wp-content/uploads/2020/07/line3.jpg);
}

#contact-sec2 .inner-div .right .contact-cform-wrap .cf-mesage textarea{
	background-image: url(/wp-content/uploads/2020/07/line4.jpg);
}

#contact-sec2 .inner-div .right ul {
}

#contact-sec2 .inner-div .right ul li {
    list-style: none;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    padding-left: 50px;
}

#contact-sec2 .inner-div .right ul li a {
    font-size: 18px;
    line-height: 1em;
    font-weight: bold;
    color: #000000;
}

#contact-sec2 .inner-div .right ul li a:hover {
    color: #f2e752;
    transition: .3s;
}

#contact-sec2 .inner-div .right input[type="submit"]:hover{
	transition: .3s;
    background-color: #f2e752;
}

#contact-sec2 .inner-div .right input[type="submit"] {
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 50px;
    border: 2px solid #000;
    padding: 5px 50px;
	width: unset;
    background-color: transparent;
}

#contact-sec2 .inner-div .right .cf-submit:after {
    content: "";
    position: absolute;
    width: 170px;
    height: 3px;
    background-color: #000;
    overflow: hidden;
    right: -190px;
    top: 25px;
	display:none;

}

#contact-sec2 .inner-div .right .cf-submit {
    text-align: right;
}

#contact-sec2 .inner-div .right ul li:nth-child(1) {
    background-image: url(/wp-content/uploads/2020/07/email.png);
}

#contact-sec2 .inner-div .right ul li:nth-child(2) {
    background-image: url(/wp-content/uploads/2020/07/phone.png);
}

#contact-sec2 .inner-div .right ul li:nth-child(3) {
    background-image: url(/wp-content/uploads/2020/07/map.png);
}

#contact-sec2 .inner-div .right {
    margin-top: 60px;
}

#contact-sec2 .contact-form {
    padding-left: 25px;
}

#contact-sec2 .google-maps {
    margin-top: 50px;
}

#contact-sec2 .google-maps img {
    width: 100%;
}

/* FAQ */

#faq-sec1 {
    padding: 230px 0 255px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}


#faq-sec1 span {
    display: block;
    font-size: 70px;
    line-height: 80px;
}

#faq-sec2 .inner-div img {
    margin: 0 auto;
    display: block;
}

#faq-sec2 {
    padding-top: 50px;
}

#faq-sec2 .after-image {
    position: absolute;
    right: 200px;
    top: 70px;
}

/* Style the buttons that are used to open and close the accordion panel */
#faq-sec2 .accordion {
  background-color: transparent;
  color: #000000;
  cursor: pointer;
  padding: 10px 20px 15px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Style the accordion panel. Note: hidden by default */
#faq-sec2 .panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

#faq-sec2 ul {
    padding: 0;
    margin: 0;
}

#faq-sec2 ul li {
    list-style: none;
    background-image: url(/wp-content/uploads/2020/07/list-img.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-bottom: 20px;
}

#faq-sec2 .accordion p {
    font-size: 18px;
    line-height: 1em;
    font-weight: bold;
	margin: 0;
}

#faq-sec2 .ccdn {
    margin-top: 50px;
}

#faq-sec2 ul li .panel {
    display: block;
}

/* Moowseletter */
#moowseletter-sec1 {
    padding: 290px 0 275px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}

#moowseletter-sec2 .inner-div img {
    margin: 0 auto;
    display: block;
}

#moowseletter-sec2 {
    padding: 50px 0;
}

#moowseletter-sec2 .blog-wrapper {
    margin-top: 50px;
}

#post-sec4 ul,
#moowseletter-sec2 ul {
    margin: 0;
    padding: 0;
}

#post-sec4 ul li,
#moowseletter-sec2 ul li {
    width: 30.33%;
    display: inline-block;
	vertical-align: top;
	margin: 0 15px 50px;
}

#post-sec4 ul li .blog-col,
#moowseletter-sec2 ul li .blog-col {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 105px;
}

#post-sec4 ul li .blog-info h4,
#moowseletter-sec2 ul li .blog-info h4 {
    color: #000000;
    font-family: 'Merriweather', serif !important;
	margin-top: 0;
}

#post-sec4 ul li .blog-info p,
#moowseletter-sec2 ul li .blog-info p {
    font-size: 14px;
    color: #000000;
}

#post-sec4 ul li .blog-info small,
#moowseletter-sec2 ul li .blog-info small {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
}

#moowseletter-sec2 .search-bar {
    text-align: center;
    margin-top: 50px;
}


#moowseletter-sec2 .search-bar input {
    border: none;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    background-image: url(/wp-content/uploads/2020/07/search-line.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 55%;
    padding: 10px;
    outline: none;
}

#moowseletter-sec2 .inner-div .btnmore .btn {
    text-align: right;
}

#moowseletter-sec2 .search-bar button {
    background-color: transparent;
    background-image: url(/wp-content/uploads/2020/07/search-icon.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px;
}

#testimonial-sec1 {
    padding: 250px 0 250px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}

#testimonial-sec2 {
    padding: 50px 0;
}

#testimonial-sec2 .inner-div img {
    margin: 0 auto;
    display: block;
}

#testimonial-sec2 .testi-inner {
    padding: 50px 0;
}

#testi-posts-section .testi-posts-tiles .testi-post-item {
    display: inline-block;
    width: 44%;
    vertical-align: top;
    margin: 0 30px;
    padding: 20px;
}

#testi-posts-section .testi-posts-tiles {
    margin: 0 auto;
    display: block;
    text-align: center;
}

#testi-posts-section .testi-posts-tiles .testi-post-item p {
    text-align: left;
}

#testi-posts-section .testi-posts-tiles .testi-post-item {
    width: 44%;
    vertical-align: top;
    margin: 0 30px;
    padding: 20px;
    border: 2px solid #000000;
    border-radius: 50px;
    margin-bottom: 30px;
    display: inline-block;
	position: relative;
}

#testi-posts-section .testi-posts-tiles .testi-post-item .testi-author {
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
}

#testi-posts-section .testi-posts-tiles .testi-post-item .testi-position {
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    font-weight: 500;
}

#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(4):after {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2020/07/arrow3.png);
    display: block;
    position: absolute;
    content: "";
    padding: 60px;
    top: 30px;
    right: -120px;
    background-position: left;
    background-color: transparent;
}

#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(2):after {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2020/07/arrow1.png);
    display: block;
    position: absolute;
    content: "";
    padding: 60px;
    top: 47px;
    right: -118px;
	background-position: left;
}

#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(3):after,
#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(5):after {
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    content: "";
    padding: 60px;
    top: 47px;
    left: -120px;
	background-position: right;
}

#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(3):after{
	background-image: url(/wp-content/uploads/2020/07/arrow2.png);	
}
#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(5):after {
    background-image: url(/wp-content/uploads/2020/07/arrow4.png);	
}

/* Single Post */

#post-sec1 {
    padding: 270px 0 265px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}

#post-sec1 h1 {
    max-width: 600px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

#post-sec2 {
    padding: 50px 0 0;
}

#post-sec2 .inner-div.first img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

#post-sec2 .inner-div.first .first-div-cont {
    margin: 20px 0 0;
}

#post-sec2 .inner-div.third .third-div-cont .left,
#post-sec2 .inner-div.second .second-div-cont .left,
#post-sec2 .inner-div.first .first-div-cont .left{
	float: none;
	width: 100%;
}

#post-sec2 .inner-div.third .third-div-cont .right,
#post-sec2 .inner-div.second .second-div-cont .right,
#post-sec2 .inner-div.first .first-div-cont .right{
	float: none;
	width: 100%;
}

#post-sec2 .inner-div.third .third-div-cont .left h3,
#post-sec2 .inner-div.second .second-div-cont .left h3,
#post-sec2 .inner-div.first .first-div-cont .left h3,
#post-sec2 .inner-div.third .third-div-cont .right h3,
#post-sec2 .inner-div.second .second-div-cont .right h3,
#post-sec2 .inner-div.first .first-div-cont .right h3{
    text-align: center;
    line-height: 1.2em;
}

#post-sec2 .inner-div.second h2 {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 0;
    text-align: left;
}

#post-sec2 .inner-div ol {
    font-size: 16px;
    line-height: 1.3em;
}

#post-sec3 p {
    text-align: center;
}

/* POPUP NEWSLETTER */

#newsletter-popup-01-close {
    cursor: pointer;
    position: absolute;
    top: 44px;
    right: 25px;
}

#newsletter-popup-01 {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
#newsletter-popup-01-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}

#newsletter-popup-01.show {
    opacity: 1;
    visibility: visible;
}

#newsletter-popup-01 .popup-body {
    z-index: 9999;
    padding: 475px 370px 30px;
	position: relative;
    background-image: url(/wp-content/uploads/2023/05/popup-new-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#newsletter-popup-01 .popup-body .popup-content {
  position: absolute;
  left: 50px;
  bottom: 0;
  top: 50%;
}


#newsletter-popup-01 .popup-body input {
    margin-bottom: 5px;
    width: 100%;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
	padding: 5px;
    position: relative;
}

#newsletter-popup-01 .popup-body input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: transparent;
    color: #000000;
    transition: .3s;
}

#newsletter-popup-01 .popup-body input.wpcf7-form-control.wpcf7-submit {
    background-color: #000000;
    border: 2px solid #000000;
    text-transform: uppercase;
    padding: 8px;
    margin-top: 2px;
	margin-bottom: -15px;
	display: block;
}

#newsletter-popup-01 div.wpcf7 .ajax-loader{
	height: 0;
    width: 0;
}


#newsletter-popup-01 .wpcf7 form.invalid .wpcf7-response-output, 
#newsletter-popup-01 .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #f00;
    margin-top: -20px;
    font-size: 12px;
    border-color: #000000;
    width: 67%;
}

.popupform {
  display: block;
  text-align: center;
  width: 53%;
  float: right;
  margin-right: 30px;
}
.popupform p {
  margin-bottom: 0;
}
.popupform .my-name, .popupform .my-email {
    display: inline-block;
    width: 49%;
    margin: 0;
    vertical-align: top;
}

.popupform .wpcf7-not-valid-tip {
    color: #f00;
    font-size: 12px;
    font-weight: normal;
    display: block;
    line-height: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#trigger-popup-footer {
    position: fixed;
    bottom: 150px;
    background-color: #519b35;
    /* border-top-left-radius: 30px; */
    /* border-top-right-radius: 30px; */
    border-color: #ffffff;
    border: 3px solid #519b35;
    cursor: pointer;
	padding: 15px;
	right: 0;
}

#trigger-popup-footer:hover{
	transition: .3s;
    background-color: #f2e752;
    border: 3px solid #519B38;
}

#trigger-popup-footer:hover a{
	transition: .3s;
    color: #000000;	
}

#trigger-popup-footer a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: bold;
}

#disclaimer {
    background-color: #f2e752;
    padding: 5px 0 10px;
}

#disclaimer p {
    font-size: 14px;
    text-align: right;
}

#four-o-four {
    padding: 150px 0 50px;
    text-align: center;
}


@media screen and (max-width: 2560px) {
	/*#moowseletter-sec1,
	#testimonial-sec1,
	#contact-sec1,
	#faq-sec1,
	#about-sec1,
	#post-sec1,
	#services-sec1 {
		background-size: contain;
		background-color: #f2e752;
		border-bottom: 10px solid #403d16;
	}*/	
	
}

@media screen and (min-width: 1920px){
	#hp-sec2 .btn-line {
		bottom: 245px;
	}
	
	#hp-sec5 .btn-line {
		bottom: 20px;
	}
	
	#about-sec1 {
		padding: 315px 0;
	}

	#moowseletter-sec1 {
		padding: 385px 0 350px;
	}
	
	#contact-sec1 {
		padding: 315px 0 330px;
	}
	
	#post-sec1 {
		padding: 385px 0 385px;
	}

}

@media screen and (max-width:1600px) {
	#hp-sec1,
	#moowseletter-sec1,
	#testimonial-sec1,
	#contact-sec1,
	#faq-sec1,
	#about-sec1,
	#services-sec1 {
		background-size: cover;
		background-color: transparent;
		border-bottom: unset;
		padding: 230px 0;
	}	
	
	#post-sec1{
		background-size: cover;
		background-color: transparent;
		border-bottom: unset;
		padding: 310px 0;		
	}
	
	
	#hp-sec2 .btn-line {
		bottom: 250px;
	}
	
	#hp-sec5 .btn-line {
		bottom: 25px;
	}
	
}

/*@media screen and (min-width: 1440px){
    #hp-sec1{
        padding: 331px 0;
    }
	
    #services-sec1{
        padding: 331px 0px;
    }
	
    #contact-sec1{
        padding: 350px 0px;
    }
	
    #post-sec1{
        padding: 382px 0;
    }
	
    #faq-sec1{
        padding: 355px 0px;
    }
	
    #moowseletter-sec1{
        padding: 400px 0px;
    }
	
    #testimonial-sec1{
        padding: 366px 0px;
    }
}*/

@media screen and (max-width: 1366px) {
	.my-container{
		 max-width: 1100px;
	}
	
	#post-sec4 ul li, #moowseletter-sec2 ul li {
		margin: 0 14px 50px;
	}
	
	 .btn-line {
		max-width: 100px;
	}
	
	#hp-sec2 .btn-line {
		bottom: 120px;
	}
	
	#hp-sec5 .btn-line {
		bottom: 80px;
	}
	
	#hp-sec1,
	#about-sec1,
	#services-sec1 {
		padding: 170px 0;
	}	
	
	#post-sec1{
		padding: 250px 0;	
	}
	
	#faq-sec1,
	#testimonial-sec1,
	#contact-sec1{
        padding: 190px 0px;
    }
	
    #moowseletter-sec1{
        padding: 230px 0px;
    }
	
}

/*@media screen and (min-width: 1340px){
    #post-sec1{
        padding: 303px 0;
    }
	
    #hp-sec1{
        padding: 230px 0;
    }
	
    #about-sec1{
        padding: 344px 0px;
    }
	
    #moowseletter-sec1{
        padding: 278px 0px;
    }
	
    #testimonial-sec1{
        padding: 240px 0px;
    }
}*/

@media screen and (max-width: 1200px) {
	.my-container{
		 max-width: 980px;
	}	
	
	#my-header .nav-right {
		width: 70%;
	}
	
	#post-sec4 ul li, #moowseletter-sec2 ul li {
		margin: 0px 12px 50px;
	}
	
	#testi-posts-section .testi-posts-tiles .testi-post-item{
		width: 40%;
	}
	
	.btn-line {
		bottom: 70px;
	}
	
    #hp-sec3 .inner-div h2{
        width: 50%;
    }
	
	#hp-sec5 .btn-line {
		bottom: 50px;
	}
	
	#hp-sec2 .btn-line {
		bottom: 65px;
	}
	
    #about-sec4 .inner-div h2{
        width: 50%;
        text-align: right;
    }
}

@media screen and (max-width: 980px) {
	.my-container{
		 max-width: 767px;
	}	
	
	#my-header .nav-right {
		width: 80%;
	}
	
	#my-header .nav-left {
		width: 20%;
	}
	
	#my-header .nav-right ul li {
		margin: 0 10px;
	}
	
	.header.sticky #my-header .nav-left img {
		width: 90%;
	}
	
	h1 {
		font-size: 50px;
		line-height: 1.2em;
	}
	
	h2 {
		font-size: 160px;
		line-height: 195px;
	}
	
	h3 {
		font-size: 90px;
		line-height: 1em;
	}
	
	h4 {
		font-size: 16px;
		line-height: 1.5em;
	}
	
	h5 {
		font-size: 30px;
		line-height: 1.2em;
	}
	
	h6 {
		font-size: 22px;
		line-height: 1.5em;
		font-weight: 500;
	}
	
	#hp-sec1 h1 span {
		line-height: 80px;
	}

	#hp-sec1 {
		padding: 160px 0;
	}
	
	.grey-bg {
		font-size: 16px;
		line-height: 1.2em;
	}
	
	#hp-sec3 .hand-waving {
		top: 0px;
	}
	
	#hp-sec3 .hand-waving img {
		width: 85%;
	}
	
	#hp-sec4 .fence {
		width: 40%;
	}
	
	.inner-div p span{
		font-size: 55px;
	}
	
	#my-footer .footer-logo {
		width: 15%;
	}
	
	#my-footer .footer-nav {
		width: 80%;
	}
	
	#services-sec1 h1 span.fs-m {
		font-size: 67px;
		line-height: 60px;
	}
	
	#services-sec1 span.fs-l {
		font-size: 82px;
		line-height: 87px;
	}
	
	#services-sec1 {
		padding: 150px 0;
	}
	
	#services-sec3 .inner-div h2 {
		/*top: -165px;*/
		top: 160px;
	}
	
	#about-sec1 h1 span {
		font-size: 64px;
		line-height: 79px;
	}
	
	#about-sec1{
		padding: 150px 0;
	}
	
	#moowseletter-sec1 {
		padding: 150px 0;
	}
	
	#post-sec4 ul li, #moowseletter-sec2 ul li {
		margin: 0px 9px 50px;
	}
	
	#contact-sec1 {
		padding: 150px 0;
	}
	
	#contact-sec1 h1 span {
		font-size: 67px;
	}
	#post-sec1,
	#faq-sec1,	
	#testimonial-sec1{
		padding: 150px 0 150px;
	}
	
	#faq-sec1 span {
		display: block;
		font-size: 60px;
		line-height: 70px;
	}

	#post-sec1 h1 {
		max-width: 350px;
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	
	#trigger-popup-footer a {
		font-size: 18px;
	}
	
	#trigger-popup-footer{
		padding: 10px;
	}
	
	#hp-sec5 .btn-line {
		bottom: 80px;
	}
	
	#hp-sec3 .inner-div h2 {
		font-size: 116px;
	}
}

@media screen and (max-width: 767px) {
	.my-container{
		 max-width: 640px;
	}	
	
	#my-header .nav-right .menu-column {
		display: none;
	}
	
	h1 {
		font-size: 40px;
		line-height: 1.2em;
	}
	
	h2 {
		font-size: 145px;
		line-height: 145px;
	}
	
	h3 {
		font-size: 70px;
		line-height: 1em;
	}
	
	h5 {
		font-size: 25px;
		line-height: 1.2em;
	}
	
	h6 {
		font-size: 18px;
		line-height: 1.5em;
	}
	
	p {
		font-size: 14px;
		line-height: 1.8em;
	}
	
	#hp-sec1 {
		padding: 120px 0;
	}
	
	.left {
		float: none;
		width: 100%;
	}
	
	.right {
		float: none;
		width: 100%;
	}
	
	#hp-sec2 .left img {
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	
	#hp-sec2 .inner-div .right {
		margin-top: 0;
	}
	
	#hp-sec3 .hand-waving {
		top: 70px;
	}
	
	#hp-sec3 .inner-div .right img {
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	
	#hp-sec4 .fence {
		width: 90%;
		right: unset;
		left: 0;
	}
	
	#hp-sec4 .inner-div .left img {
		margin: 0 auto;
		display: block;
	}
	
	#hp-sec4 .inner-div .right {
		margin-top: 0;
	}
	
	#hp-sec4 {
		padding: 50px 0 0;
	}
	
	.hr-vertical {
		height: 100px;
	}
	
	#my-footer .footer-logo {
		width: 100%;
		float: none;
		text-align: center;
	}
	
	#my-footer .footer-nav {
		width: 100%;
		float: none;
	}
	
	#disclaimer p {
		text-align: center;
	}
	
	#my-footer {
		background-position: top right;
		padding: 145px 0 0;
	}
	
	#my-footer {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		padding: 145px 0 0;
	}
	
	#dropdown-nav i {
		display: none;
	}
	
	#dropdown-nav{
		display: none;
	}
	
	#my-footer .footer-nav .btm-footer p {
		text-align: center;
	}
	
	#my-footer .footer-nav .menu-column ul,
	#my-footer .footer-nav .btm-footer p {
		text-align: center;
	}
	
	#services-sec6 .inner-div .left img {
		margin-top: 0;
		margin: 0 auto;
		display: block;
	}
	
	#services-sec7 .inner-div h2 {
		bottom: unset;
		top: -150px;
	}
	
	#contact-sec2 .inner-div .left img,
	#services-sec2 .inner-div .left img,
	#services-sec8 .inner-div img,
	#services-sec7 img,
	#services-sec5 img,
	#services-sec4 img,
	#services-sec3 img {
		margin: 0 auto;
		display: block;
	}

	#services-sec5 .inner-div h2 {
		top: -130px;
		bottom: unset;
	}
	
	#services-sec8 .inner-div h2 {
		top: 50px;
		text-align: left;
		left: 0;
	}
	
	#services-sec8 .inner-div .right {
		margin-top: 0;
	}

	#services-sec9 .inner-div h2 {
		bottom: unset;
		top: -140px;
	}
	
	#services-sec9 img {
		margin: 0 auto;
		display: block;
	}
	
	#services-sec10 img {
		margin: 0 auto;
		display: block;
	}
	
	#services-sec10 .inner-div .right {
		margin-top: 0;
	}
	
	#about-sec1 h1 span {
		font-size: 54px;
		line-height: 69px;
	}

	#about-sec3 .inner-div h2 {
		bottom: unset;
		top: -180px;
	}
	
	#about-sec4 .inner-div h2 {
		left: 0;
	}
	
	#about-sec4 .inner-div .right {
		margin-top: 0;
	}
	
	#about-sec5 img {
		margin: 0 auto;
		display: block;
	}
	
	#post-sec4 ul li, #moowseletter-sec2 ul li {
		width: 55%;
	}
	
	#moowseletter-sec2 .blog-wrapper {
		margin: 50px auto 0;
		display: block;
		text-align: center;
	}
	
	#my-footer {
		padding: 50px 0 0;
		background-image: none !important;
		background-color: #f2e752;
	}
	
	#post-sec4 ul li, #moowseletter-sec2 ul li {
		margin: 0px 9px 20px;
	}
	
	#moowseletter-sec2 .search-bar input{
		width: 90%;
	}
	
	#trigger-pop-up{
		display: block;
		width: 100%;
		text-align: right;
		padding: 0 40px;
		margin-left: 40px;
		margin-top: -3px;
	}
	
	#contact-sec2 .inner-div .right ul li a,
	#contact-sec2 .inner-div .right ul li{
		font-size: 16px;		
	}
	
	#contact-sec2 .inner-div .right .contact-cform-wrap .cf-submit {
		margin-top: 25px;
		position: relative;
	}
	
	#testi-posts-section .testi-posts-tiles .testi-post-item {
		width: 100%;
		margin:0 auto 20px;
	}
	#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(5):after,
	#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(4):after,
	#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(3):after,
	#testi-posts-section .testi-posts-tiles .testi-post-item:nth-child(2):after{
		display: none;
	}
	
	#faq-sec2 .accordion p {
		font-size: 16px;
		line-height: 1em;
	}
	
	#post-sec2 .inner-div.second h2 {
		bottom: unset;
		top: 0;
	}

	#post-sec4 ul, #moowseletter-sec2 ul {
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	
	#newsletter-popup-01 .popup-body{
		padding: 250px 30px 0;
		background-position: top;
	}
	
	#newsletter-popup-01 .popup-body .popup-content {
		position: unset;
		left: 0;
		bottom: 25px;
		right: 0;
		margin: 50px auto 0;
		display: block;
	}
	button#responsive-menu-button {
    	z-index: 9999 !important;
	}
	
	.popupform {
		display: block;
		text-align: center;
		width: 100%;
	}
	
	.popupform .my-name, .popupform .my-email {
		width: 100%;
		margin: 0 auto;
		vertical-align: top;
		display: block;
	}
	
	
	#trigger-popup-footer a {
		font-size: 16px;
	}
	
	#trigger-popup-footer{
		padding: 5px;
	}
	
	#hp-sec5 .btn-line {
		bottom: 20px;
	}
	
	.header.sticky #my-header #trigger-pop-up {
		margin-top: 2px;
	}
	
	#hp-sec3 .inner-div h2 {
		width: 100%;
		font-size: 116px;
		position: unset;
	}
}

@media screen and (max-width: 640px) {
	.my-container{
		 max-width: 440px;
	}
	
	#hp-sec1 {
		padding: 120px 0;
	}
	
	h1 {
		font-size: 30px;
		line-height: 1.2em;
	}
	
	h2 {
		font-size: 100px;
		line-height: 100px;
		text-align: left;
	}
	
	h3 {
		font-size: 50px;
		line-height: 1em;
	}
	
	h4,
	h6 {
		font-size: 14px;
		line-height: 1.5em;
	}
	
	#hp-sec1 h1 span {
		line-height: 60px;
	}
	
	#hp-sec3 .hand-waving img {
		width: 65%;
	}
	
	#hp-sec4 .fence {
		width: 50%;
	}
	
	.hr-vertical {
		height: 80px;
	}
	
	#my-footer {
		padding: 50px 0 0;
		background-image: none !important;
		background-color: #f2e752;
	}
	
	/*#hp-sec3 .inner-div h2 {
		bottom: 210px;
	}*/
	
	#hp-sec3 .inner-div h2 {
		font-size: 100px;
	}
	
	.header.sticky #my-header .nav-left img {
		width: 90%;
	}
	
	#my-header .nav-left {
		width: 35%;
	}

	#my-header .nav-right {
		width: 30%;
	}
	
	button#responsive-menu-button {
		right: 17% !important;
	}
	
	#services-sec1 h1 span.fs-m {
		font-size: 47px;
		line-height: 47px;
	}
	
	#services-sec1 span.fs-l {
		font-size: 52px;
		line-height: 62px;
	}	
	
	#about-sec1 h1 span {
		font-size: 39px;
		line-height: 59px;
	}
	
	#post-sec4 ul li, #moowseletter-sec2 ul li {
		width: 100%;
		margin: 0;
	}
	
	#moowseletter-sec2 .search-bar input{
		width: 80%;
	}
	
	#trigger-pop-up{
		margin-left: 50px;
		margin-top: -1px;
	}

	.header.sticky #my-header #trigger-pop-up {
		margin-top: 4px;
	}
	
	#contact-sec1 h1 span {
		font-size: 47px;
		line-height: 47px;
	}
	
	#contact-sec2 .inner-div .right {
		margin-top: 20px;
	}
	
	#contact-sec2 .inner-div .right ul li a,
	#contact-sec2 .inner-div .right ul li{
		font-size: 14px;		
	}
	
	#contact-sec2 .inner-div .right .contact-cform-wrap {
		margin-top: 20px;
	}
	
	#contact-sec2 .inner-div .right .contact-cform-wrap input, 
	#contact-sec2 .inner-div .right .contact-cform-wrap textarea{
	    padding: 15px 0;
	}
	
	#faq-sec1 span {
		font-size: 50px;
		line-height: 60px;
	}
	
	#newsletter-popup-01 .popup-body {
		padding: 250px 20px 0;
		background-position: top;
	}
}

@media screen and (max-width: 440px) {
	.my-container{
		 max-width: 340px;
	}	
	
	h1 {
		font-size: 25px;
		line-height: 1.2em;
	}
	
	h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	h3 {
		font-size: 40px;
		line-height: 1em;
	}
	
	#hp-sec1 h1 span {
		line-height: 40px;
	}

	.grey-bg {
		font-size: 14px;
		line-height: 1.2em;
	}
	
	#hp-sec3 .hand-waving img {
		width: 50%;
	}

	#hp-sec4 {
		padding: 10px 0 0;
	}

	#hp-sec6 .right img {
		margin-top: 0;
	}
	
	#my-header .nav-left{
		width: 45%;
	}
	
	#services-sec1 h1 span.fs-m {
		font-size: 37px;
		line-height: 37px;
	}
	
	#services-sec1 span.fs-l {
		font-size: 42px;
		line-height: 42px;
	}
	
	#about-sec1 h1 span {
		font-size: 42px;
		line-height: 47px;
	}
	
	button#responsive-menu-button {
		top: 29px !important; 
		right: 20% !important;
	}
	
	#trigger-pop-up {
		margin-left: 20px;
	}
	
	#contact-sec1 h1 span {
		font-size: 37px;
		line-height: 37px;
	}
	
	#faq-sec1 span {
		font-size: 40px;
		line-height: 50px;
	}
	
	#post-sec1 h1 {
		max-width: 250px;
	}
	
	#hp-sec3 .inner-div h2 {
		font-size: 70px;
	}
	
	#trigger-popup-footer {
		bottom: 0;
	}
}

@media screen and (max-width: 340px) {
	.my-container{
		 max-width: 90%;
	}	
	
	#trigger-pop-up {
		margin-left: 20px;
	}
	
	#faq-sec1 span {
		display: block;
		font-size: 35px;
		line-height: 40px;
	}
	
	#newsletter-popup-01 .popup-body {
		padding: 186px 20px 0;
		background-position: top;
	}
	
}

@media screen and (max-width: 440px) {
	#rmp_menu_trigger-2877 {
		right: 20%;
	}
}

#rpt-sec1 {
    background-size: cover;
    background-color: transparent;
    border-bottom: unset;
    padding: 134px 0;
}

#rpt-sec1 {
    padding: 230px 0;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}

#rpt-sec1 h1 span {
    display: block;
    font-size: 84px;
    line-height: 99px;
}