/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

html {
    scroll-behavior: smooth;
}
.ab-icon {

    font: 400 20px/1 dashicons !important;
}

.single-share-box .share-buttons a {
    font-family: 'Font Awesome 5 Brands' !important;
}
.pswp button.pswp__button {
    font-family: 'icomoon-the7-font' !important;
}

.no-padding-top #main { padding-top: 0; }
.no-padding-bottom #main { padding-bottom: 0; }

.rtl .en {
	display: none;
}
body:not(.rtl) .he {
	display: none;
}

/* logo */
.branding img {
	width: 25vw;
	max-width: 300px !important;
}
.mobile-branding img {
	width: auto !important;
	height: 45px !important;
}
button {
    outline: none !important;
}

.masthead, .phantom-sticky .sticky-on.masthead:not(.masthead-mobile) {
	background-size: calc((100vw - 1300px) / 2 + 400px) auto !important;
	background-color: rgba(255, 255, 255, 0.9) !important;
	background-blend-mode: lighten;
	z-index: 9601;
}
.masthead::after {
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -3px;
	right: 0;
	background: linear-gradient(to right, #010167, #8ebc3f, #c5c5c5, #010167, #8ebc3f, #c5c5c5, #010167, #8ebc3f);
}
a.top-fb {
	text-decoration: none !important;
	border: 1px solid;
	width: 20px;
	display: flex;
	height: 20px;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	font-size: 15px;
	color: #010167;
}
a.top-fb:hover,
a.top-fb:hover i {
	color: #8ebc3f !important;
}
@media only screen and (min-width: 780px) {
	#primary-menu {
		padding-left: 30px;
		align-items: flex-end;
	}
	#primary-menu > li > .sub-nav {
		box-shadow: 0 10px 16px -8px rgba(0,0,0,0.2);
		left: 35px !important;
		transition: .3s;
		top: calc(100% + 4px) !important;
	}
	#primary-menu .dt-mega-menu-wrap {
		box-shadow: 0 10px 16px -8px rgba(0,0,0,0.2);
		top: calc(100% + 3px) !important;	
		transition: .3s;
		background-repeat: no-repeat !important;
		background-size: auto 100% !important;
		background-position: center right !important;
		/*transform: scale(0);*/
		transform-origin: top center;
		transition-timing-function: ease-in;
		opacity: 0 !important;
	}
	#primary-menu .show-mega-menu-content:hover .dt-mega-menu-wrap {
		transform: scale(1);	
		opacity: 1 !important;		
	}
	#primary-menu .dt-mega-menu-wrap::before,
	#primary-menu > li > .sub-nav::before {
		content: "";
		width: 100%;
		height: 4px;
		position: absolute;
		top: -4px;
		right: 0;
	}
	#primary-menu .dt-mega-menu-wrap::after {
		position: absolute;
		height: 100%;
		width: 100%;
		right: 0;
		top: 0;
		background: -webkit-linear-gradient(right, #fff 50%, transparent);		
		background: linear-gradient(to right, #fff 50%, transparent);
		display: block;
	}
	#primary-menu .sub-nav li span {
		transition: .3s;
	}
	#primary-menu .sub-nav a:hover span {
		text-shadow: 0 0 1px #adadff;
	}
	#primary-menu .current-menu-parent > a .menu-text {
		color: #8ebc3f !important;
	}
	.page-id-240 #primary-menu .menu-item-538  > a span,
	.page-id-20 #primary-menu .menu-item-445 > a span {
		color: #010167;
	}
	#primary-menu .sub-nav .current-menu-item > a span {
		text-shadow: 0 0 1px #8ebc3f !important;
	}
	#primary-menu .dt-mega-menu-wrap > ul.sub-nav {
		width: 70% !important;
		min-height: 310px;
		display: flex !important;
		flex-direction: column;
	}
	.rtl #primary-menu .dt-mega-menu-wrap > ul.sub-nav {
		width: 55% !important;
	}
	#primary-menu .dt-mega-menu-wrap > ul.sub-nav > li {
		width: 50%;
		float: unset;
		margin-bottom: 8px;
		padding-bottom: 3px;
		box-sizing: border-box;
	}
	#primary-menu .dt-mega-menu-wrap > ul.sub-nav > li:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}
	#primary-menu  .dt-mega-menu-wrap > .sub-nav > li > a span {
		font-weight: 500;
		font-size: 16px;
	}
	.rtl #primary-menu  .dt-mega-menu-wrap > .sub-nav > li > a span {
		font-size: 17px;
	}
	#primary-menu .dt-mega-menu-wrap > .sub-nav > li.menu-item-has-children .menu-item-text {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
	}
	#primary-menu .dt-mega-menu-wrap > .sub-nav > li.menu-item-has-children > a > .menu-item-text::after {
		content: "\f021";
		font-family: icomoon-the7-font !important;
		font-size: 12px;
	}
	#primary-menu .dt-mega-menu-wrap .sub-nav > li .sub-nav {
		display: block;
		position: absolute;
		right: 0 !important;
		top: 0;
		width: calc(50% - 15px);
		left: auto !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transition: .3s;
		border-left: 1px solid #ececec !important;
		padding-left: 25px;
		height: 100%;
	}
	#primary-menu .dt-mega-menu-wrap .sub-nav > li:hover .sub-nav {	
		opacity: 1 !important;
		visibility: visible !important;
	}
	#primary-menu .dt-mega-menu-wrap .sub-nav > li .sub-nav a {
		padding: 0 0 8px !important;
		margin: 0 0 8px !important;
	}
	#primary-menu  .dt-mega-menu-wrap > .sub-nav .sub-nav li span {
		font-size: 17px;
	}	
	
	/* lang switcher */
	#primary-menu .wpml-ls-native {
		color: #aaa;
	}
	#primary-menu + .mini-widgets {
		position: absolute;
		right: 0;
		top: 15px;
	}
	.mini-widgets .wpml-ls-link,
	.mini-widgets .wpml-ls-legacy-list-horizontal {
		padding: 0 !important;
	}
	.mini-widgets .wpml-ls-native {
		font-size: 17px;
		font-weight: 400;
	}
	.inline-header.justify.widgets .main-nav > li {
		justify-content: flex-end;
	}
}

@media only screen and (min-width: 780px) and (max-width: 1300px) {
	.masthead {
		padding: 0 3vw;
	}
	.main-nav > li > a .menu-text {
		font-size: 1.5vw;
	}
}
@media only screen and (max-width: 780px) {
	.dt-mobile-header {
		background: linear-gradient(to top right, #010167, #1b1b40);
	}
	#mobile-menu .wpml-ls-menu-item .wpml-ls-flag {
		margin-right: 5px;
	}
	a.top-fb {
		width: 35px;
		height: 35px;
		font-size: 25px;
		color: #fff;
	}
	.mobile-main-nav .sub-nav {
		margin-inline: 25px 0px !important;
	}
}


/* footer */
#footer {
    position: relative;
    background: url(./images/footer.svg) , linear-gradient(to top, #010167, #1b1b40) !important;
    background-size: cover !important;
    background-position: top 20px center, center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: saturation;
	z-index: 999;
}
#footer::before,
#footer::after {
	position: absolute;
	right: 0;
}
#footer::before {
	content: "";
	width: 100%;
	height: 3px;
	top: -3px;
	background: linear-gradient(to right, #010167, #8ebc3f, #010167, #8ebc3f, #010167, #8ebc3f, #010167);
}
#footer::after {
    content: url(../../uploads/2020/06/icon.svg);
    width: 60px;
    top: -37px;
    left: 0;
    margin: auto;
    padding: 7px;
    border-radius: 50%;
    display: flex;
    background: #fff;
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.5);
    height: 60px;
    border: 3px solid #7ca444;
	display: block;
}
#bottom-bar {
    font-size: 17px;
}
#footer .widget-title {
    font-size: 22px;
}
#footer h3 {
    font-size: 22px;
	margin-bottom: 5px;
}
#footer h3 + p {
    font-size: 18px;
    font-weight: 400;
}
#footer .widget.widget_nav_menu li {
    padding: 0;
    margin: 0 0 10px;
    font-size: 16px;
	border-top: none;
	display: flex;
	font-size: 18px;
}
#footer .widget.widget_nav_menu li:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
    margin-bottom: 0;
}
#footer .widget.widget_nav_menu li.current-menu-item {
    font-weight: 700;
}
#footer .widget.widget_nav_menu li a {
	text-decoration: none !important;
	display: flex;
}
#footer .widget.widget_nav_menu li a::before {
    content: "\f0eb";
    font-family: 'Font Awesome 5 free' !important;
	margin-right: 10px;
	transition: 0.2s;
}
#footer .widget.widget_nav_menu li a:hover::before {
    font-weight: 900;
	text-shadow: 1px 1px 2px rgb(207, 162, 75), 0px 0px 4px rgba(1, 1, 103, 0.5), -1px -1px 1px rgb(142, 188, 63);
}
.combar {
    display: flex;
    align-items: center;
    line-height: 1;
}
@media only screen and (max-width: 780px) {
	#footer {
		background-attachment: fixed !important;
	}
	#bottom-bar .wf-float-right {
		margin-top: 10px !important;
	}
}

/* forms */
.wpcf7-spinner,
.ajax-loader,
.grecaptcha-badge,
.inv-recaptcha-holder,
.wpcf7-response-output,
.wpcf7-not-valid-tip {
	display: none !important;
}
.wpcf7 {
	direction: ltr !important;	
}
.enel-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.enel-form > div {
	padding: 0;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
}
.enel-form > div:last-child {
	margin-bottom: 0px;	
}
.enel-form >  .vc_col-sm-3 {
	width: calc(25% - 7.5px);
}
.enel-form >  .vc_col-sm-4 {
	width: calc(33.333% - 6px);
}
.enel-form >  .vc_col-sm-6 {
	width: calc(50% - 5px);
}
.enel-form  input.wpcf7-form-control {
	height: 45px; 
}
.enel-form textarea.wpcf7-form-control,
.enel-form input.wpcf7-form-control {
	margin: 0 !important;
}
.enel-form input.wpcf7-form-control:not(.wpcf7-submit),
.enel-form textarea.wpcf7-form-control {
	text-align: left !important;
	direction: ltr !important;
	background: #f8f8f8;
    border-radius: 5px;
	color: #010167;
	border: none;
}
.enel-form .wpcf7-form-control::placeholder {
	color: #1b1b1b;
	opacity: .7 !important;
}
.enel-form .wpcf7-form-control:focus {

}
.enel-form .wpcf7-form-control.wpcf7-submit {
	transition: .3s;
    text-align: center;
    height: auto !important;
	box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
	.enel-form > div {
		width: 100% !important;
	}	
}

/* contact form */
.enel-form.con-form > div:last-child {
	text-align: end;
}
.enel-form.con-form input.wpcf7-form-control:not(.wpcf7-submit),
.enel-form.con-form textarea.wpcf7-form-control {
	border-radius: 5px 5px 0 0;
	padding-left: 45px;
	border-bottom: 2px solid #010167 !important;
	transition: .3s;
}
.enel-form.con-form input.wpcf7-form-control:not(.wpcf7-submit):focus,
.enel-form.con-form textarea.wpcf7-form-control:focus {
	border-bottom: 2px solid #8ebc3f !important;
	color: #010167;
}
.enel-form.con-form input.wpcf7-form-control:not(.wpcf7-submit):focus::placeholder,
.enel-form.con-form textarea.wpcf7-form-control:focus::placeholder {
	color: #010167;
}
.enel-form.con-form > div:focus-within i {
    color: #010167;
}
.enel-form.con-form textarea.wpcf7-form-control {
    padding-top: 7px;
}
.enel-form.con-form i {
    position: absolute;
    margin: auto;
    z-index: 2;
    top: 0;
    height: 45px;
    display: flex;
    align-items: center;
    width: 20px;
    left: 15px;
    color: #1b1b1b;
	opacity: .7;
}

/* modal */
.enel-form.con-form.modal-form {
    margin: 0;
}
.enel-form.modal-form > div {
	margin-bottom: 12.5px;
}
.enel-form.modal-form > div:last-child {
	margin-bottom: 0;
}
.enel-form.modal-form  input.wpcf7-form-control:not(.wpcf7-submit) {
    background: #f0f0f0;
	border-radius: 0;
}
.enel-form.modal-form  input.wpcf7-submit:hover {
	color: #010167;
	background: transparent;
}

/* modal */
.enel-form.con-form.footer-form {
	justify-content: space-between;
	width: calc(100% - 50px);
	padding-top: 10px;
}
.enel-form.con-form.footer-form  > div {
    width: calc(50% - 7.5px) !important;
	margin-bottom: 0;
}
.enel-form.con-form.footer-form  > div > div {
	position: relative;
	margin-bottom: 15px;
}
.enel-form.con-form.footer-form  > div > div:last-child {
	margin-bottom: 0px;
}
.enel-form.con-form.footer-form textarea {
	height: 125px;
	padding-top: 12px;
}
.enel-form.con-form.footer-form input {
	height: 55px !important;
}
.enel-form.con-form.footer-form  input.wpcf7-form-control:not(.wpcf7-submit),
.enel-form.con-form.footer-form  textarea.wpcf7-form-control {
	border-radius: 5px;
	background: #fff;
	border: 2px solid #fff !important;
	font-size: 20px;
}
.enel-form.con-form.footer-form  input.wpcf7-form-control:not(.wpcf7-submit):focus,
.enel-form.con-form.footer-form  textarea.wpcf7-form-control:focus {
	border-bottom: 2px solid #8ebc3f !important;
	color: #010167;
}
.enel-form.con-form.footer-form  input.wpcf7-form-control:not(.wpcf7-submit):focus::placeholder,
.enel-form.con-form.footer-form  textarea.wpcf7-form-control:focus::placeholder {
	color: #010167;
}
.enel-form.footer-form input.wpcf7-submit {
	border-radius: 5px;
	background: #8ebc3f;
}
.enel-form.footer-form i {
    height: 55px;
}

form > .enel-form input.wpcf7-form-control.wpcf7-validates-as-required.wpcf7-not-valid:not(.wpcf7-submit) {
    border-color: #f55b5f !important;
}
@media only screen and (max-width: 780px) {
	.enel-form.con-form.footer-form {
		width: 100%;
		padding-top: 10px;
	}
	.enel-form.con-form.footer-form  > div {
		width: 100% !important;
		margin-bottom: 0;
	}
	.enel-form.con-form.footer-form  > div > div:last-child {
		margin-bottom: 15px;
	}
}


/* product */
.enelist ul {
    padding-right: 100px;
	list-style: none;
	margin: 0 !important;
}
.enelist.no-p ul {
	padding-left: 0px;
}
.enelist ul li {
    margin-bottom: 14px;
    line-height: 1.2;
	position: relative;
	padding-left: 27px;
}
.enelist ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 700;
    height: 14px;
    display: flex;
    padding: 0px 2.5px;
    align-items: center;
    border-radius: 50%;
    font-size: 9px;
    transform: translateY(1px);
    border: 2px solid;
    color: #010167;
    position: absolute;
    left: 0;
    top: 2px;
}
.enelist p:first-child strong {
    font-size: 22px;
}
.enelist ul li:nth-child(2n)::before {
    color: #8ebc3f;
}
.road-list ul {
    margin:  0 !important;
    list-style: none;
	display: flex;
	justify-content: space-between;
}
.road-list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    width: calc((100% / 7) - 15px);
    border-radius: 10px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.5);
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    align-items: flex-start;
    align-content: flex-start;
}
.row-5 li {
    width: calc((100% / 5) - 15px);
}
.road-list li i {
    margin-bottom: 15px;
    font-size: 40px;
	color: #010167;
	width: 100%;
}
.small-margin {
	margin-bottom: 15px;
}
.road-list ul li:nth-child(2n) i {
    color: #8ebc3f;
}
@media only screen and (max-width: 780px) {
	.enelist ul {
		padding-right: 0;
		padding-left: 0;
	}
	.road-list ul {
		flex-wrap: wrap;
	}
	.road-list li {
		width: calc(50% - 7.5px);
		margin-bottom: 15px;
	}
}

.combar-button {
    width: 100%;
}
.mybtn .wpb_wrapper {
    display: flex;
	flex-wrap: wrap;
}
.mybtn.center {
	margin: 0;
}
.mybtn .vc_column-inner {
	padding-top: 10px !important;
}	
.mybtn.center .wpb_wrapper {
	justify-content: center;	
}
.mybtn a {
	text-decoration: none;
}
.mybtn button {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #010167;
    border: 2px solid;
    font-weight: 700;
    transition: .3s;
    background: #fff;
	padding: 0 15px;
	margin-bottom: 10px;
	width: 100%;
}
.mybtn button.solid {
    background: #010167;	
	color: #fff;
	border-color: #010167;
}
.mybtn a button {
	width: 100%;
}
.mybtn button i {
	margin-right: 8px;
}
.mybtn button:hover {
	color: #8ebc3f;
}
.mybtn button.solid:hover {
    background: #8ebc3f;	
	color: #fff;
	border-color: #8ebc3f;
}
.cel .wpb_text_column {
	margin-bottom: 15px;
}
.cel .mybtn .vc_column-inner {
		padding-top: 0px !important;
		margin-bottom: 35px;
}
@media only screen and (max-width: 780px) {
	.mybtn .wpb_wrapper > * {
		width: 100%;	
		margin-left: 0
	}
	.mybtn .vc_column-inner {
		padding-top: 10px !important;
	}	
	.mybtn button {
		padding: 7px 10px;
		min-height: 40px;
		height: auto;
	}
}

/* ev */
.enel-boxes div.vc_custom_heading {
    width: 95%;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 16px;
    margin-top: 17px;
    line-height: 1.3;
    font-weight: 500;
    display: flex;
}
.enel-boxes div.vc_custom_heading::before {
    content: "\f5e7";
    width: 20px;
    height: auto;
    object-fit: contain;
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid #ececec;
    display: flex;
	align-items: center;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}
.enelist h4 {
    font-size: 18px;
    margin-bottom: 15px;
}
.enelist.no-p .vc_col-sm-6:first-child {
    border-left: 1px solid #d7d7d7;
}
.ev-bottom {
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.3;
}
.ev-bottom.p-top {
	padding-top: 50px;
}
.ev-bottom p:first-child {
	margin-bottom: 20px;
}
.ev-bottom p:last-child {
    display: flex;
    justify-content: center;
}
.ev-bottom .wpb_content_element {
	margin: 0;
}
.ev-bottom .enelbtn  {
    margin: 0 10px;
}
.ev-bottom .combar-button {
    display: flex;
    justify-content: center;
	margin-top: 10px;
}
.ev-bottom .vc_col-sm-4 .combar-button a,
.ev-bottom .vc_col-sm-4 .combar-button button,
.ev-bottom .vc_col-sm-3 .combar-button a,
.ev-bottom .vc_col-sm-3 .combar-button button {
	width: 100% !important;
}
.ev-bottom .vc_col-sm-4 .vc_column-inner,
.ev-bottom .vc_col-sm-3 .vc_column-inner {
	padding-top: 0 !important;
}
.ev-bottom a {
	text-decoration: none;
}
.enelbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #010167;
    width: 210px;
    border: 2px solid;
    font-weight: 700;
    transition: .3s;
    font-size: 17px;
    background: #fff;
    height: 50px;
    color: #fff;
    background: #010167;	
}
.enelbtn.border-btn {
    color: #010167;
    background: #fff;
}
.enelbtn:hover {
	background: #8ebc3f;
}
.enelbtn.border-btn:hover {
	background: #fff;	
	color: #8ebc3f;
}
.ult-video {
    margin: 0px 0 35px !important;
}
@media only screen and (max-width: 780px) {
	.enel-boxes div.vc_custom_heading {
		width: 100%;	
	}
	.enel-boxes div.vc_custom_heading:last-child {
		margin-bottom: 35px;	
	}
	.ev-bg {
		padding-bottom: 25px;
	}
	.ev-bg .wpb_content_element {
		margin-bottom: 0;
	}
	.ev-bottom p:last-child {
		flex-wrap: wrap;
	}
	.enelbtn {
		width: 100% !important;
		margin: 0 0 10px !important;
	}
	.ev-bottom a {
		width: 100%;
	}
}

/* sitemap */
@media screen and (min-width: 780px) {
	.wsp-container {
		display: flex;
		justify-content: space-between;
	}
	.sm-3 {
		float: right;
		width: 50%;
	}
}

/* black beetle */
.bb-img {
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    padding: 35px 0 0;
    border: 1px solid #ececec;
    border-width: 1px 0;
    margin-bottom: 35px;
}
@media screen and (min-width: 780px) {
.bb-img .vc_col-sm-4 {
    width: 35%;
}
}

/* desk nav */
.desk-nav-btn {
    display: flex;
    float: right;
    margin-left: 8px;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    left: 10px !important;
    right: auto !important;
    background: #010167;
	border: 3px solid #010167;
    height: 40px;
    color: #fff;
    align-items: center;
    padding: 0 20px;
    font-size: 23px;
    z-index: 99;
	font-weight: 700;
	border-radius: 50px;
	border-radius: 50px;
	transition: .5s;
}
.rtl .desk-nav-btn {
    left: auto !important;	
    right: 10px !important;	
}
.desk-nav-btn i {
    margin-right: 10px;
}
.rtl .desk-nav-btn i {
    margin-right: 0;
    margin-left: 10px;
}
.desk-nav-btn:hover {
	border-color: #010167;
	background: #fff;
	color: #010167;
}
/* window */
.home-popup-wrapper,
.desk-nav-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 999999;
	display: none;
}
.home-popup-clear,
.desk-nav-clear {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
}
.home-popup-container,
.desk-nav-container {
    position: absolute;
    width: 950px;
    height: 400px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: #fff;
	display: flex;
	flex-wrap: wrap;
    z-index: 2;
	transition: .5s;
	transform: scaleX(0);
}
.home-popup-container.show,
.desk-nav-container.show {
    transform: scaleX(1);
}

.home-popup-events,
.home-popup-news {
	display: none;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;	
}
.home-popup-events.show,
.home-popup-news.show {
	display: flex;	
}
.home-popup-right,
.desk-nav-right {
    width: 45%;
}
.home-popup-left,
.desk-nav-left {
    width: 55%;
	box-sizing: border-box;
	padding: 30px 30px 40px 20px;
	background: #fff;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.rtl .home-popup-left,
.rtl .desk-nav-left {
    padding: 20px 30px 20px 30px;
}
body:not(.rtl) .home-popup-right img,
body:not(.rtl) .desk-nav-right img {
    transform: scaleX(-1);
}
.home-popup-left h4,
.desk-nav-left h4 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 13px;
    line-height: 1;
}
.home-popup-left h4, .desk-nav-left h4 {
    font-size: 33px;
    line-height: 1;
}
.home-popup-left p,
.desk-nav-left p {
    font-size: 16px;
	font-weight: 300;
	line-height: 1.3;
	margin-bottom: 15px;
}
.home-popup-left .wpcf7,
.desk-nav-left .wpcf7 {
    direction: rtl !important;
    width: 100%;
}
.home-popup-container .kal-form.foot-form > div:not(:last-child),
.desk-nav-container .kal-form.foot-form > div:not(:last-child) {
    margin-bottom: 12.5px !important;
}
.home-popup-container .kal-form input.wpcf7-form-control,
.desk-nav-container .kal-form input.wpcf7-form-control {
    height: 40px;
	border-color: #9a9a9a;
}
.home-popup-container .kal-form input.wpcf7-form-control::placeholder,
.desk-nav-container .kal-form input.wpcf7-form-control::placeholder {
	color: #9a9a9a;
	opacity: 1 !important;
}
.home-popup-close,
.desk-nav-close {
    position: absolute;
    z-index: 1;
    color: #fff;
    font-size: 60px;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.home-popup-close:hover,
.desk-nav-close:hover {
    opacity: .8;
}
@media only screen and (min-width: 780px) {
	.scroll-top.on {
		right: 10px;
		left: auto;
		border-radius: 50%;
	}
	.rtl .scroll-top.on {
		right: auto;
		left: 10px;
	}
}
@media only screen and (max-width: 780px) {
	.home-popup-right,
	.desk-nav-right {
		display: none;
	}
	.home-popup-container,
	.desk-nav-container {
		width: 90%;
		height: auto;
		top: 100px;
		bottom: auto;
	}
	.home-popup-left,
	.desk-nav-left {
		width: 100%;
		padding: 15px;
		align-content: flex-start;
	}
	.home-popup-left {
		align-content: space-between;
	}
	.home-popup-close,
	.desk-nav-close {
		font-size: 30px;
		top: 10px;
		right: 10px;
	}
	.home-popup-left h4,
	.desk-nav-left h4 {
		font-size: 7vw;
		font-weight: 700;
		margin-bottom: 10px;
	}
	.home-popup-left p,
	.desk-nav-left p {
		font-size: 5.4vw;
	}
	.home-popup-left .wpcf7-submit,
	.desk-nav-left .wpcf7-submit {
		padding-right: 0 !important;
		padding-left: 0 !important;
		width: 100%;
	}
}

/* globe animation */
.icon-anim {
	width: 100%;
	position: relative;
	opacity: .8;
}
.icon-anim #border {
	width: 100%;
	max-width: 100%;
	position: relative;
	pointer-events: none;
}
.icon-anim #map {
    overflow: visible;
    height: 88% !important;
    width: auto;
	animation-name: earth;
	animation-duration: 7s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	display: none;
}
.icon-anim .ball {
    border-radius: 50%;
    position: absolute;
    height: 66.3%;
    width: 66.5%;
    left: 19%;
    top: 19%;
    z-index: -1;
    display: flex;
    align-items: center;
    padding-bottom: 6%;
    box-sizing: border-box;
    padding-left: 6%;
    overflow: hidden;
    background: url(./images/map.svg), #010167;
    background-size: auto 81%;
    background-repeat: repeat-x;
    background-position: top 28% left -6.5%;
	pointer-events: all;
	
	animation-name: earth2;
	animation-duration: 15s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.rtl .icon-anim .ball {
	justify-content: flex-end;
}
.icon-anim .ball::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0px 0px 50px 10px rgba(0, 0, 0, 0.36);
    border-radius: 50%;
}
@keyframes earth2 {
  from   {background-position: top 28% left -6.5%;}
  to  {background-position: top 28% left -182.7%;}
}


/* acc */
#acp-toggle-toolbar {
    display: flex;
    justify-content: center;
    align-items: center;
}
#acp-toolbar ul.acp-main-nav {
    padding-bottom: 15px;
}
#enable-toolbar-trigger {
    top: -60px !important;
    right: 20px !important;
}
.rtl #enable-toolbar-trigger {
    left: 20px !important;
	right: auto !important;
}
#enable-toolbar-trigger-svg .enable-trigger-check, #enable-toolbar-trigger-svg .shadow, #enable-toolbar-trigger-svg circle.a {
    display: none !important;
}
#acp-toolbar ul.acp-main-nav > li:last-child {
    position: relative;
    top: auto;
    bottom: auto;
}
#enable-toolbar-trigger .keyboard-shorcut {
	display: none !important;
}
.scroll-top.on {
	z-index: 9600;
	border-radius: 50%;
}
@media screen and (max-width: 780px) {
	.scroll-top.on {
		left: 60px;
		background: #222;
	}
	.rtl .scroll-top.on {
		right: 60px;
		left: auto;
	}
	#enable-toolbar-trigger {
		top: 2px !important;
	}
	body.trigger-position-left #enable-toolbar-trigger {
		left: 10px !important;
	}
	#enable-toolbar-trigger svg {
		width: 41px;
		height: 30px;
		transform: none !important;
	}
}