/*!
Theme Name: SociaMonials
Theme URI: http://underscores.me/
Author: W3 Relations
Author URI: https://w3relations.com/
Description: This is a Marketing agency WordPress Theme.
Version: 1.0.0
Tested up to: 5.8.3
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sociamonials
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

SociaMonials is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @media screen and (max-width: 975px) {
	#ed-69184477>.background-image-holder:not(.ed-lazyload) {
		background-image: url("./assets/images/home-img.jpg") !important;
	}
}

@media screen and (max-width: 575px) {
	#ed-69184477>.background-image-holder:not(.ed-lazyload) {
		background-image: url("./assets/images/images/576/5472974/home-img.jpg") !important;
	}
}

#ed-69184480 .space {
	height: 20px;
}

#ed-69184483 img {
	width: 225px;
}

#ed-69184486 .space {
	height: 100px;
}

#ed-69184498 .space {
	height: 20px;
}

#ed-69184504 .space {
	height: 20px;
}

#ed-69184492>.inner {
	flex-wrap: wrap;
	align-content: space-between;
	padding: 0px 0px 0px 20px;
}

#ed-69184489>.inner {
	padding: 20px 0px;
}

#ed-69184510 .space {
	height: 100px;
}

#ed-69184474 {
	margin: 0px;
}

#ed-69184474>.inner {
	padding: 0px;
}

#ed-69184372 h4 {
	text-align: center;
}

#ed-69184369>.inner {
	padding: 20px 0px;
}

#ed-69183916 h2 {
	text-align: center;
}

#ed-69183919 .space {
	height: 20px;
}

#ed-69183913>.inner {
	padding: 50px 0px 30px;
}

#ed-69184387 {
	padding: 15px 0px 10px;
}

#ed-69184378>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184399 {
	padding: 15px 0px 10px;
}

#ed-69184390>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184411 {
	padding: 15px 0px 10px;
}

#ed-69184402>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184423 {
	padding: 15px 0px 10px;
}

#ed-69184414>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184435 {
	padding: 15px 0px 10px;
}

#ed-69184426>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184447 {
	padding: 15px 0px 10px;
}

#ed-69184438>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184375>.inner {
	padding: 50px 0px;
}

#ed-69184171 img {
	width: 301px;
	border-style: solid;
	border-width: 0px 0px 2px;
}

#ed-69184177 .space {
	height: 20px;
}

#ed-69184186 img {
	width: 301px;
	border-style: solid;
	border-width: 0px 0px 2px;
}

#ed-69184192 .space {
	height: 20px;
}

#ed-69184201 img {
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 2px;
}

#ed-69184207 .space {
	height: 20px;
}

#ed-69184165>.inner {
	padding: 50px 0px;
}

#ed-69183931 h2 {
	text-align: left;
}

#ed-69183937 .space {
	height: 20px;
}

#ed-69183928>.inner {
	align-items: center;
	align-content: center;
}

#ed-69183976 .background-image-holder {
	background-position: center center;
}

#ed-69183973 {
	flex-basis: 10px;
	flex-grow: 1;
	min-height: 300px;
}

#ed-69183925>.inner {
	justify-content: space-between;
	align-items: stretch;
}

#ed-69184219 h2 {
	text-align: left;
}

#ed-69184225 .space {
	height: 20px;
}

#ed-69184237 {
	padding: 0px 20px;
}

#ed-69184243>.inner {
	padding: 0px 20px;
}

#ed-69184255 {
	padding: 0px 20px;
}

#ed-69184264 {
	padding: 0px 20px;
}

#ed-69184270>.inner {
	padding: 0px 20px;
}

#ed-69184216>.inner {
	align-items: center;
	align-content: center;
}

#ed-69184276 {
	flex-basis: 10px;
	flex-grow: 1;
	min-height: 300px;
}

#ed-69184213>.inner {
	justify-content: space-between;
	align-items: stretch;
}

#ed-69184456>.inner {
	padding: 0px 0px 30px;
}

#ed-69184288 h2 {
	text-align: left;
}

#ed-69184294 .space {
	height: 20px;
}

#ed-69184306 {
	padding: 0px 20px;
}

#ed-69184315 {
	padding: 0px 20px;
}

#ed-69184324 {
	padding: 0px 20px;
}

#ed-69184342 {
	padding: 0px 20px;
}

#ed-69184351 {
	padding: 0px 20px;
}

#ed-69184360 {
	padding: 0px 20px;
}

#ed-69184285>.inner {
	align-items: center;
	align-content: center;
}

#ed-69184363 {
	flex-basis: 10px;
	flex-grow: 1;
	min-height: 300px;
}

#ed-69184282>.inner {
	justify-content: space-between;
	align-items: stretch;
}

#ed-69184033 {
	flex-basis: auto;
}

#ed-69184030 {
	min-height: 135px;
}

#ed-69184030>.inner {
	place-content: center;
	align-items: center;
}

#ed-69184039 {
	min-height: 580px;
}

#ed-69184027 {
	min-height: 250px;
}

#ed-69184060 {
	min-height: 135px;
}

#ed-69184060>.inner {
	place-content: center;
	align-items: center;
}

#ed-69184075 {
	margin: -15px 0px 0px;
}

#ed-69184072 {
	min-height: 580px;
}

#ed-69184099 {
	flex-basis: auto;
}

#ed-69184093 {
	min-height: 135px;
}

#ed-69184093>.inner {
	place-content: center;
	align-items: center;
}

#ed-69184108 {
	min-height: 580px;
}

#ed-69184024>.inner {
	align-items: flex-start;
}

#ed-69183988 img {
	width: 230px;
}

@media screen and (max-width: 575px) {
	#ed-69183988 img {
		width: 120px;
	}
}

#ed-69183991 .space {
	height: 10px;
}

#ed-69183994>.inner {
	place-content: center flex-start;
	align-items: center;
}

#ed-69184021 {
	position: fixed;
	z-index: 2;
}

.cus-menu .navbar-collapse {
    flex-basis: 100%;
    flex-grow: unset;
    align-items: center;
}



/* accordion */



.accordion__item {
	width: 450px;
    margin-bottom: 18px;
}

.accordion__item h2 {
  margin: 0;
}

.accordion__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px ;
  border: none;
  background: none;
  text-align: left;
  transition: all 300ms ease-in-out;
  font-size: 16px !important;
	font-family: 'Poppins';
	font-weight: 700;
	color: #fff;
	background: #283891;
}

.accordion__title:focus,
.accordion__title:focus-visible {
  z-index: 3;

}

.accordion__title:hover {
  cursor: pointer;

}

.accordion__title::after {
  content: "";
  display: block;
  width: 1rem;
  height: 0.6rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 -320 448 256" data-icon="ion-ion-chevron-up" preserveAspectRatio="xMidYMid" id="" class=" "><path d="M224 -234l-174 167c-4 4 -12 4 -16 -0l-31 -30c-4 -4 -4 -12 0 -16l213 -204c2 -2 5 -3 8 -3s6 1 8 3l213 204c4 4 4 12 0 16l-31 30c-4 4 -12 4 -16 -0l-174 -167v-0v-0z"></path></svg>') no-repeat center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 300ms ease-in-out;
  transform: translateY(-50%) rotate(
180deg);
}

.accordion__text {
  text-align: left;
  padding: 0.5rem 3rem 2.2rem 0.5rem;
  line-height: 1.5;
  color: #363636;
  font-family: 'Poppins';
}

/* JS Classes */
.accordion__title.open {
  color: #fff;
  font-size: 16px;
  font-family: 'Poppins';
  font-weight: 700;
 

}

.accordion__title.open::after {
	transform: translateY(-50%) rotate(
		0deg);
		
		
		
}

.accordion__collapse.collapse {
  display: none;
}

.accordion__collapse.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 1s ease;
}

.accordion__collapse.open {
  display: block;
}

/* DESKTOP STYLE */
@media (min-width: 56em) {
  
  .accordion__title {
    font-size: 1.5rem;
  }

  .accordion__text {
    line-height: 1.4;
    padding: 0.5rem 3rem 2rem 0.5rem;
  }
}

/* FOOTER */

.icons i {
  margin-top: 1rem;
  font-size: 2.5rem;
  padding-right: 1rem;
}

/*pricing*/

#ed-69184990 .space {
	height: 10px;
}

#ed-69184996 .space {
	height: 10px;
}

#ed-69184984>.inner {
	flex-wrap: wrap;
	align-content: space-between;
}

#ed-69185005 img {
	width: 100%;
}

#ed-69185002 {
	border-radius: 10px;
	border-style: none;
	border-width: 1px;
}

#ed-69185008 {
	flex-basis: auto;
	transform: translate3d(-50%, 0px, 0px) scale(1) rotate(0deg) skew(0deg, 0deg);
	position: absolute;
	left: 50%;
	bottom: 1rem;
}

#ed-69184978>.inner {
	align-content: center;
	flex-flow: row wrap;
}

#ed-69184978 {
	flex-basis: auto;
	order: 0;
	flex-grow: 1;
}

#ed-69184975>.inner {
	align-content: stretch;
	flex-direction: column;
}

#ed-69184975 {
	min-height: 85vh;
}

#ed-69185017>.inner {
	place-content: center;
	align-items: center;
}

#ed-69185047>.inner {
	place-content: center;
	align-items: center;
}

#ed-69185077>.inner {
	place-content: center;
	align-items: center;
}

#ed-69183988 img {
	width: 230px;
}

@media screen and (max-width: 575px) {
	#ed-69183988 img {
		width: 120px;
	}
}

#ed-69183991 .space {
	height: 10px;
}

#ed-69183994>.inner {
	place-content: center flex-start;
	align-items: center;
}

#ed-69184021 {
	position: fixed;
	z-index: 2;
}

/*about*/
#ed-69184531 .space {
	height: 10px;
}

#ed-69184537 .space {
	height: 10px;
}

#ed-69184525>.inner {
	flex-wrap: wrap;
	align-content: space-between;
}

#ed-69184546 img {
	width: 100%;
}

#ed-69184543 {
	border-radius: 10px;
	border-style: none;
	border-width: 1px;
}

#ed-69184549 {
	flex-basis: auto;
	transform: translate3d(-50%, 0px, 0px) scale(1) rotate(0deg) skew(0deg, 0deg);
	position: absolute;
	left: 50%;
	bottom: 1rem;
}

#ed-69184519>.inner {
	align-content: center;
	flex-flow: row wrap;
}

#ed-69184519 {
	flex-basis: auto;
	order: 0;
	flex-grow: 1;
}

#ed-69184516>.inner {
	align-content: stretch;
	flex-direction: column;
}

#ed-69184516 {
	min-height: 85vh;
}

#ed-69184561 .space {
	height: 10px;
}

#ed-69184555 {
	flex: 1 0 0px;
}

#ed-69184585 {
	flex-grow: 1;
	flex-shrink: 0;
}

#ed-69184588 {
	flex-grow: 1;
	flex-shrink: 0;
}

#ed-69184591 {
	flex-grow: 1;
	flex-shrink: 0;
}

#ed-69184594 {
	flex-grow: 1;
	flex-shrink: 0;
}

#ed-69184597 {
	flex-grow: 1;
	flex-shrink: 0;
}

#ed-69184600 {
	flex-grow: 1;
	flex-shrink: 0;
}

#ed-69184603 {
	flex-grow: 1;
	flex-shrink: 0;
}

#ed-69184606 {
	flex-grow: 1;
	flex-shrink: 0;
}

#ed-69184582>.inner {
	flex-flow: row wrap;
	align-items: center;
	place-content: flex-start;
}

#ed-69184612 h2 {
	text-align: center;
}

#ed-69184615 .space {
	height: 20px;
}

#ed-69184624 img {
	width: 100%;
}

#ed-69184636 img {
	width: 100%;
}

#ed-69184648 img {
	width: 100%;
}

#ed-69183988 img {
	width: 230px;
}

@media screen and (max-width: 575px) {
	#ed-69183988 img {
		width: 120px;
	}
}

#ed-69183991 .space {
	height: 10px;
}

#ed-69183994>.inner {
	place-content: center flex-start;
	align-items: center;
}

#ed-69184021 {
	position: fixed;
	z-index: 2;
}


/*contact page*/
#ed-69185125 .space {
	height: 10px;
}

#ed-69185131 .space {
	height: 10px;
}

#ed-69185119>.inner {
	flex-wrap: wrap;
	align-content: space-between;
}

#ed-69185140 img {
	width: 100%;
}

#ed-69185137 {
	border-radius: 10px;
	border-style: none;
	border-width: 1px;
}

#ed-69185143 {
	flex-basis: auto;
	transform: translate3d(-50%, 0px, 0px) scale(1) rotate(0deg) skew(0deg, 0deg);
	position: absolute;
	left: 50%;
	bottom: 1rem;
}

#ed-69185113>.inner {
	align-content: center;
	flex-flow: row wrap;
}

#ed-69185113 {
	flex-basis: auto;
	order: 0;
	flex-grow: 1;
}

#ed-69185110>.inner {
	align-content: stretch;
	flex-direction: column;
}

#ed-69185110 {
	min-height: 85vh;
}

#ed-69185149 h2 {
	text-align: center;
}

#ed-69185152 .space {
	height: 10px;
}

#ed-69185146>.inner {
	justify-content: space-between;
}

#ed-69183988 img {
	width: 230px;
}

@media screen and (max-width: 575px) {
	#ed-69183988 img {
		width: 120px;
	}
}

#ed-69183991 .space {
	height: 10px;
}

#ed-69183994>.inner {
	place-content: center flex-start;
	align-items: center;
}

#ed-69184021 {
	position: fixed;
	z-index: 2;
}
.bg-primary {
    background: #1b2d42 !important;
}

/*Service Page */

#ed-69184678 .space {
	height: 10px;
}

#ed-69184684 .space {
	height: 10px;
}

#ed-69184672>.inner {
	flex-wrap: wrap;
	align-content: space-between;
}

#ed-69184693 img {
	width: 100%;
}

#ed-69184690 {
	border-radius: 10px;
	border-style: none;
	border-width: 1px;
}

#ed-69184696 {
	flex-basis: auto;
	transform: translate3d(-50%, 0px, 0px) scale(1) rotate(0deg) skew(0deg, 0deg);
	position: absolute;
	left: 50%;
	bottom: 1rem;
}

#ed-69184666>.inner {
	align-content: center;
	flex-flow: row wrap;
}

#ed-69184666 {
	flex-basis: auto;
	order: 0;
	flex-grow: 1;
}

#ed-69184663>.inner {
	align-content: stretch;
	flex-direction: column;
}

#ed-69184663 {
	min-height: 85vh;
}

#ed-69184714 {
	padding: 15px 0px 10px;
}

#ed-69184705>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184729 {
	padding: 15px 0px 10px;
}

#ed-69184720>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184744 {
	padding: 15px 0px 10px;
}

#ed-69184735>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184759 {
	padding: 15px 0px 10px;
}

#ed-69184750>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184774 {
	padding: 15px 0px 10px;
}

#ed-69184765>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

#ed-69184789 {
	padding: 15px 0px 10px;
}

#ed-69184780>.inner {
	place-content: flex-start center;
	align-items: stretch;
}

@media screen and (max-width: 975px) {
	#ed-69184870>.background-image-holder:not(.ed-lazyload) {
		background-image: url("./https://preview.websitebutler.de/images/976/2813934/background-image.png") !important;
	}
}

@media screen and (max-width: 575px) {
	#ed-69184870>.background-image-holder:not(.ed-lazyload) {
		background-image: url("./https://preview.websitebutler.de/images/576/2813934/background-image.png") !important;
	}
}

#ed-69184798 h2 {
	text-align: center;
}

#ed-69184801 .space {
	height: 20px;
}

#ed-69184816 .space {
	height: 10px;
}

#ed-69184831 .space {
	height: 10px;
}

#ed-69184846 .space {
	height: 10px;
}

#ed-69184861 .space {
	height: 10px;
}

#ed-69183988 img {
	width: 230px;
}

@media screen and (max-width: 575px) {
	#ed-69183988 img {
		width: 120px;
	}
}

#ed-69183991 .space {
	height: 10px;
}

#ed-69183994>.inner {
	place-content: center flex-start;
	align-items: center;
}

#ed-69184021 {
	position: fixed;
	z-index: 2;
}
/* Service Details*/
#ed-69184900 .space {
	height: 10px;
}

#ed-69184906 .space {
	height: 1rem;
}

#ed-69184894>.inner {
	place-content: flex-start;
	align-items: flex-start;
}

#ed-69184909>.inner {
	place-content: flex-start;
	align-items: flex-start;
}

#ed-69184891>.inner {
	justify-content: space-between;
	align-items: stretch;
}

#ed-69184939 h2 {
	text-align: center;
}

#ed-69184942 .space {
	height: 20px;
}

#ed-69184948 {
	opacity: 1;
}

#ed-69184957 {
	opacity: 1;
}

#ed-69184966 {
	opacity: 1;
}

@media screen and (max-width: 575px) {
	#ed-69184945>.inner {
		align-content: stretch;
		align-items: stretch;
	}
}

#ed-69183988 img {
	width: 230px;
}

@media screen and (max-width: 575px) {
	#ed-69183988 img {
		width: 120px;
	}
}

#ed-69183991 .space {
	height: 10px;
}

#ed-69183994>.inner {
	place-content: center flex-start;
	align-items: center;
}

#ed-69184021 {
	position: fixed;
	z-index: 2;
}


/*according*/
section.container.service-bottom-acordion {
    margin-top: 50px;
}
.accortion-menu ul>li {
    list-style: none;
}

.accortion-menu ul>li>a{
	display: block;
    padding: 1rem;
    position: relative;
    text-decoration: none;
    color: #363636;
    background: #f6f6f6;
    font-size: 16px;
    border-width: 1px 1px 1px 1px;
    border-radius: 0px;
    border-style: solid;
    border-color: #1b2d42;
    padding-right: 16px;
    box-shadow: none;
    transition: all .3s ease-in-out;
    transition-property: color;
	font-weight: 800;

}
.smallHide {
	display: none;
}
.activeTab {
	background: #1B2D42 !important;
	box-shadow: inset -6px 0 20px -5px #333;
	color: #fff !important;
}
article {
	position: relative;
	margin-top: 1px;
}
/* === Styling the app === */
section.navContent {

}
.container {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.accortion-menu ul li {
	float: left;
	width: 25%;
	padding: 8px;
}
.accortion-menu ul li input[type="radio"] {
	position: absolute;
	cursor: pointer;
	width: 15%;
	height: 1%;
	z-index: 1;
	opacity: 0;
}
.accortion-menu ul li input[type="radio"]:checked ~ a {
	background: #fff;
}

.accortion-menu ul li a:hover {
	background: #fff;
}
.navContent .theContent {
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 0;
	background: #F6F6F6;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 20px;
margin-bottom: 20px;
min-height: 250px;

}
.navContent article:first-child div {
	z-index: 1;
}
.navContent h1 {
    color: #1b2d42;
    font-size: 1.2em;
    font-size: 22.4px;
    font-family: 'Poppins';
    font-weight: 800;

}
@media (min-width: 768px) {
	input[type="checkbox"] {
		display: none;
   }
	.navContent .theContent:target {
		z-index: 1;
   }
}
div#content1 p {
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 300;
    color: #363636;
}
@media (max-width: 768px) {
	.activeTab {
	background: #1B2D42 !important;
	box-shadow: inset -6px 0 20px -5px #333;
	color: #fff !important;
	
}
	.accortion-menu {
		display: none;
   }
	.theContent {
		margin-top: 0;
		max-height: 0;
		opacity: 0;
   }
	.smallHide {
		display: block;
		border: 1px solid #1b2d42;
		background: #F6F6F6;
		margin-bottom: 10px !important;
   }
	.smallHide a {
		display: block;
		margin: 0 1px 0 0;
		padding: 10px;
		text-decoration: none;
		color: #fff;
		font-size: 1.1em;
		font-weight: bold;
   }
	.service-bottom-acordion input[type="checkbox"] {
		position: absolute;
		cursor: pointer;
		width: 100%;
		height: 100%;
		z-index: 2;
		opacity: 0;
		top: 0;
		left: 0;
   }
   .service-bottom-acordion input[type="checkbox"]:checked ~ a {
		background: #fff;
   }
   .service-bottom-acordion input[type="checkbox"]:checked ~ .theContent {
		position: relative;
		overflow: hidden;
		max-height: 800px;
		opacity: 1;
		transform: translate(0, 0);
		width: 100%;
		height: 100%;
   }
   .service-bottom-acordion input[type="checkbox"]:checked ~ span a {
		background: #1b2d42;
		color:#fff;
		box-shadow: 6px 0 8px -5px #333;
   }
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clearfix, *:first-child + html .clearfix {
	zoom: 1;
}
/* ==== Styling the Vertical tab, thiw will be applied just when the container hasing the calss verticalTab ===*/
.verticalTab .accortion-menu {
	float: left;
	width: 30%;
}
.verticalTab .accortion-menu ul li {
	float: none;
	width: 100%;
}
.verticalTab .accortion-menu a {
	margin: 0 0 1px 0;
}
.verticalTab .navContent {
	float: left;
	width: 60%;
	margin-left: 1%;
}
.verticalTab .navContent h1 {
	margin-top: 0;
}