#header {

    position: relative;

    z-index: 99;

}

.home {
    background-color: var(--primary);
}

.home .container {
	max-width: 1600px;
}
.home .main-content {
	position: relative;
}
/* .container-fluid {
    margin: 0 100px;
} */
.row {
	margin-right: 0;
}
.main-content .row {
	margin-right: 0;
	margin-left: 0;
}

.home .home-content img {
    margin-bottom: 40px;
}
.home .home-content {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 50px;
}

.home .clouds {
	position: absolute;
	right: 0;
	top: -50px;
}
.home .sky {
	position: absolute;
	right: 62px;
	bottom: 45px;
}
.display-mobile {
	display: none!important;
}
/* FOOTER */

.home #footer {
    margin-top: 0;
}

#footer .copyright {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 20px;
}
#footer .copyright a, #footer .copyright p {
    color: #8B8B8B;
    font-family: var(--primary-font);
    font-size: 13px;
    text-align: center;
    font-weight: 200;
}
#footer .copyright span {
    background: #8B8B8B;
    height: 1px;
    width: 20px;
    display: block;
    margin: 10px auto;
}
.page-city .heateor_sss_sharing_container, .page-nature .heateor_sss_sharing_container {
    margin-top: 10px;
}

#footer .heateor_sss_sharing_container {
    margin-top: 95px;
}
div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:not(:last-child) {
    margin-right: 10px;
}
#header .share-btn {
	margin-right: 34px;
}
.heateor_sss_sharing_ul > a span {
    height: 20px!important;
    width: 20px!important;
    background-color: transparent!important;
    background-repeat: no-repeat!important;
	border-radius: 0!important;
}
.heateor_sss_whatsapp span {
	background-image: url('../img/whatsapp.svg');
}
.heateor_sss_whatsapp {
	margin-top: 0!important;
	margin-right: 15px!important;
}
.heateor_sss_facebook span {
    background-image: url('../img/FB.svg');
}
.heateor_sss_button_pinterest span {
    background-image: url('../img/pint.svg');
}
.heateor_sss_button_youtube span {
    background-image: url('../img/youtube.svg');
}
.heateor_sss_sharing_ul {
	display: flex;
}
 .heateor_sss_sharing_ul > a span svg {
    display: none!important;
}
.heateor_sss_button_instagram span.heateor_sss_svg {
    background-image: url('../img/instagram.png')!important;
}
.btn-main {

    display: flex;

    align-items: center;

    padding: 7px 24px 3px 24px;

    font-size: 14px;

    font-family: var(--secondary-font-m);

    font-weight: 600;

    border-radius: 28px;

    text-transform: uppercase;

    width: 200px;

    background: var(--primary);

    color: var(--white);

    border: 2px solid transparent;

}

.btn-main:hover {

    border-color: var(--primary);

    color: var(--primary);

    background: var(--white);

}



ul {

    margin-left: 20px;

}

ul li {

    font-size: 14px;

    color: var(--text);

    font-family: var(--primary-font);

    line-height: 19px;

}

/* SINGLE ARTICLE */
.page-item .single-header {
	max-width: 80%;
}
.page-item .single-header h1 {
	text-transform: uppercase;
	color: var(--secondary);
	font-size: 28px;
	margin-bottom: 30px;
}
.page-item .single-image img {
	border-radius: 14px;
	max-width: 100%;
	height: 100%;
}
.page-item .close-icon {
	position: absolute;
	right: 90px;
	top: 0;
}
.page-item .single-after-intro {
	margin-top: 20px;
}
.page-item .single-after-intro p:last-child strong, .page-item strong.spec-strong {
	font-family: var(--primary-font-eb);
}
.page-item .single-content p {
	margin-bottom: 20px;
}
.page-item .single-content h2 {
	color: var(--tertiary);
	font-family: var(--primary-font-b);
	font-size: 18px;
	margin-bottom: 25px;
}
.page-item #header .margin-nav {
	margin-left: 15px;
}
.page-item .single-image p {
	font-size: 12px;
	color: var(--tertiary);
	margin-top: 10px;
}
.page-item .discover {
	width: 100%;
	text-align: center;
	background: var(--primary);
	padding: 36px 0;
	margin: 60px 0;
}
.page-item .discover p {
	font-family: var(--primary-font-b);
	color: var(--tertiary);
	font-size: 22px;
	margin-bottom: 30px;
}
.page-item .discover a {
	display: block;
	background: var(--tertiary);
	max-width: 40%;
	margin: 0 auto;
	padding: 18px 0;
	border-radius: 40px;
	color: var(--white);
	font-size: 18px;
	font-family: var(--primary-font-b);
}
.page-item .discover a:hover {
	background: var(--white);
	color: var(--tertiary);
}
.page-item .cpasloin-logo {
	margin: 30px 0 70px 0;
}
button:focus {
	outline: none;
}
.page-item .kodex_buttons button .text {
	display: none;
}
.page-item .kodex_buttons button.kodex_like_button .icon:before {
	content: url('../img/like-inactive.svg');
}
.page-item .kodex_buttons button {
	height: 90px;
	background: transparent;
	border-color: transparent;
}
.page-item .kodex_buttons button.kodex_button_active .icon:before {
	content: url('../img/like-active.svg');

}
.page-item .like-btn {
	text-align: center;
}
.page-item .kodex_buttons {
	margin: 20px 0;
}
.page-item .like-btn h2 {
	font-family: var(--primary-font-b);
	color: var(--tertiary);
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.page-item .like-btn p {
	font-size: 16px;
	color: var(--tertiary);
}
.page-item .partners-single .row {
	text-align: center;
}
.page-item .single-article {
	position: relative;
}

/* MODAL */

.modal-header .close {
    margin-left: 0;
}
.modal-title {
    margin: 0 auto;
    font-family: var(--primary-font);
    font-weight: 700;
    font-size: 16px;
}
.modal-body .h2 {
    font-size: 14px;
	font-weight: 700;
}
.modal-body p {
    font-size: 14px;
    margin-bottom: 10px;
}
.modal-footer button {
    margin: 0 auto;
    background: var(--tertiary);
    font-family: var(--primary-font);
    border-color: var(--tertiary);
}
.modal-footer button:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}
.modal-header button span {
    font-size: 20px;
}

@import url("https://fonts.googleapis.com/css?family=Open+Sans");
 body {
	 margin: 0;
}
 * {
	 box-sizing: border-box;
}

 .container {
	 width: 100%;
	 padding: 1em;
	 display: flex;
	 flex-flow: column nowrap;
	 justify-content: flex-start;
	 align-items: center;
}
 .lg-container {
	 /* max-width: 850px;
	 position: relative;
	 margin: 0 auto;
	 padding: 0; */
	 max-width: 80%;
  position: relative;
  margin: 1rem auto;
  padding: 0;
}
 .lg-image {
	 display: block;
	 height: 100%;
	 width: 100%;
	 /* object-fit: scale-down; */
}
 .lg-hotspot {
	 position: absolute;
	 margin: 0;
	 padding: 0;
	 transform: translate(-50%, -50%);
	 z-index: 0;
}
 /* .lg-hotspot:hover .lg-hotspot__button, .lg-hotspot:active .lg-hotspot__button {
	 border-color: #ff774c;
}
 .lg-hotspot:hover .lg-hotspot__button:after, .lg-hotspot:active .lg-hotspot__button:after {
	 background-color: #ff774c;
} */
 .lg-hotspot--selected {
	 z-index: 999;
}
.lg-hotspot__label {
	transition: none;
}
 .lg-hotspot--selected .lg-hotspot__label {
	 opacity: 1;
	 height: 212px;
	 border: 10px solid #fff;
    border-radius: 15px;
	background-size: cover!important;
	pointer-events: auto;
	transition: none;
}
.lg-hotspot--selected .lg-hotspot__label .arrow {
	position: absolute;
	bottom: 16px;
	right: 14px;
}
 .lg-hotspot__button {
	 height: 48px;
	 width: 48px;
	 padding: 0px;
	 border-radius: 100%;
	 /* border: 1px solid #ff6000;
	 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */
	 z-index: 999;
	 animation: none;
	 cursor: pointer;
}
 .lg-hotspot__button:after {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 pointer-events: none;
	 content: "";
	 display: block;
	 height: 16.8px;
	 width: 16.8px;
	 border-radius: 100%;
	 /* border: 3px solid white; */
	 /* background-color: #ff6000; */
	 transition: border-color 1s linear;
}
 .lg-hotspot__label {
	 position: absolute;
	 /* padding: 0 0 1.1em 0; */
	 width: 300px;
	 max-width: 300px;
	 font-family: var(--primary-font);
	 font-size: 18px;
	 /* line-height: 1.45em; */
	 z-index: -1;
	 pointer-events: none;
	 border-radius: 2px;
	 user-select: none;
	 opacity: 0;
	 /* transition: all 0.1s linear; */
}
 .lg-hotspot__label h4 {
	 margin: 0;
	 padding: 0.65em 24px;
	 background-color: #555;
	 font-size: 1.1em;
	 font-weight: normal;
	 letter-spacing: 0.02em;
	 color: white;
	 border-radius: 2px 2px 0 0;
}
 .lg-hotspot__label p {
	 margin: 0;
	 padding: 1.1em 24px 0 24px;
	 color: #333;
}
.lg-hotspot__label h2 {
	color: #fff;
	text-transform: uppercase;
	max-width: 75%;
	position: absolute;
	bottom: 16px;
	left: 14px;
	line-height: 25px;
}

 @keyframes button-pulse {
	 0% {
		 transform: scale(1, 1);
		 opacity: 1;
	}
	 40% {
		 transform: scale(1.15, 1.15);
		 opacity: 1;
	}
	 100% {
		 transform: scale(1, 1);
		 opacity: 1;
	}
}
 
/* CATEGORY */

.category .main-content {
	text-align: center;
}