/*
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;
}
html, body, body.page, .wf-container > * {
    font-size: 1.05rem;
}

:root {
	--primary: #13588d;
	--secondary: #231f20;
	--green: #00c79e;
	--lightgreen: #90e481;
}

/* logo */
.branding img {
	width: 250px;
}
.masthead.sticky-on .branding img {
	width: 150px;
}
.mobile-branding img {
	width: 150px;
}


/* header */
.masthead {
	transition: .3s !important;
	z-index: 4;
}
#main, #footer {
	z-index: 2;
}
.masthead.hide-header {
	transform: translateY(-100%);
}
.header-clear {
    content: "";
    position: fixed;
    height: 100vh;
    width: 100%;
    background: #000;
    top: 0;
    opacity: 0;
	transition: .3s;
	z-index: 3;
	visibility: hidden;
}
.masthead.sub-on ~ .header-clear {
    opacity: .5;
	visibility: visible;
}

.masthead.inline-header .header-bar > .mini-widgets {
    position: absolute;
    top: 13px;
    right: 50px;
    padding: 0;
	transition: .3s;
}
.masthead.inline-header.sticky-on .header-bar > .mini-widgets {
    top: 20px;
}
.wpml-ls-legacy-list-horizontal,
.wpml-ls-legacy-list-horizontal a {
	padding: 0;
}
.masthead:not(.side-header).full-height .main-nav {
    align-items: flex-end;
}
.masthead.sticky-on:not(.side-header).full-height .main-nav {
    align-items: stretch;
    padding-right: 90px;
}
.masthead.sticky-on .main-nav > li > a {
    padding: 12px 4px 12px 4px;
}

body.transparent .animate-color-mobile-menu-icon:not(.sticky-mobile-on) .dt-mobile-menu-icon:not(.floating-btn):not(:hover) .menu-line {
	background: #fff !important;
}

.wpml-ls-current-language {
	pointer-events: none;
}
body .masthead .wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child {
    margin-inline-start: 10px;
}
body.transparent .masthead a.wpml-ls-link {
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 14px;
    font-weight: 700;
	color: #222;
}
body.transparent .masthead:not(.sticky-mobile-on):not(.sticky-on) a.wpml-ls-link,
body.transparent .masthead.inline-header.sticky-off a.wpml-ls-link {
	color: #fff !important;
}
body.transparent .masthead:not(.sticky-mobile-on):not(.sticky-on) li:not(.wpml-ls-current-language) a.wpml-ls-link {
	text-shadow: 0 0 3px var(--primary) , 0 0 6px var(--primary), 0 0 9px var(--primary) , 0 0 12px var(--primary);
}
body.transparent .masthead.sticky-mobile-on li:not(.wpml-ls-current-language) a.wpml-ls-link,
body.transparent .masthead.sticky-on li:not(.wpml-ls-current-language) a.wpml-ls-link {
	color: var(--primary);
}
body.transparent .masthead.sticky-on a.wpml-ls-link:hover {
	color: var(--green);
}
.wpml-ls-legacy-list-horizontal a span {
    vertical-align: unset;
}


/* menu */
.main-nav > li:last-child > a {
	margin-inline-end: 0;
}
body:not(.rtl) .main-nav > li:last-child > a {
	padding-right: 0;
}
body.transparent .masthead.inline-header.sticky-off .main-nav > li.menu-item.current-menu-parent > a,
body.transparent .masthead.inline-header.sticky-off .main-nav > li.menu-item.current-menu-item > a {
    text-shadow: 0 0 3px var(--primary) , 0 0 6px var(--primary), 0 0 9px var(--primary) , 0 0 12px var(--primary);
}
.masthead:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap,
.masthead .main-nav > li > .sub-nav {
	transition: 0s;
	opacity: 1 !important;
	background: transparent;
	box-shadow: none;
}
.masthead.inline-header .dt-mega-menu-wrap::before {
    content: "";
    position: absolute;
    width: 100vw !important;
    height: 100vh !important;
    background: transparent;
    top: 0;
    right: calc((-100vw + 1200px)/2) !important;
    max-width: unset;
}
.dt-mega-menu-wrap > .sub-nav {
    gap: 5px;
}
.masthead .main-nav > li > .sub-nav::before {
	content: "";
	width: 0px;
	left: 0;
	height: 3px;
	top: -3px;
	transition: .3s;
	background: var(--primary);
	display: block;
	position: absolute;
}
.masthead .main-nav > li:hover > .dt-mega-menu-wrap::before,
.masthead .main-nav > li:hover > .sub-nav::before {
	transition: .7s;
}
.masthead:not(.sub-downwards) .main-nav > li:hover > .dt-mega-menu-wrap::before,
.masthead .main-nav > li:hover > .sub-nav::before {
	width: 100%;
}
.main-nav > li .sub-nav > li {
	opacity: 0;
	transform: translateY(-30px);
	background: #fff;
	box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.3);
	transition-property: opacity, transform, background;
}
.main-nav > li:not(:hover) .sub-nav > li {
	transition-delay: 0s !important;
	transition-duration: .3s !important;	
}
.main-nav > li:hover .sub-nav > li {
	transition-duration: .25s;
}
.main-nav > li:hover .sub-nav > li {
	opacity: 1;
	transform: translateY(0px);
}
.main-nav > li .dt-mega-menu-wrap > .sub-nav > li {
    width: calc(33.333% - 5px * 2 / 3);
}
.main-nav > li .dt-mega-menu-wrap > .sub-nav  > li:hover {
	background:	#eef3f7;
}
.main-nav > li .dt-mega-menu-wrap > .sub-nav  > li.current-menu-item {
	background:	var(--green);
}
.main-nav > li .dt-mega-menu-wrap > .sub-nav > li span {
    width: 100%;
}
.main-nav > li .dt-mega-menu-wrap > .sub-nav > li .menu-text {
    text-align: center;
    line-height: 1.2;
	position: relative;
}
.main-nav > li .dt-mega-menu-wrap > .sub-nav > li .menu-text::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 24px);
    top: 4px;
    right: 0;
    opacity: 0;
    transition: .25s;
}
.main-nav > li .dt-mega-menu-wrap > .sub-nav > li:hover .menu-text::after {
    background: var(--primary);
	opacity: 0.5;		
}
.main-nav > li .dt-mega-menu-wrap > .sub-nav > li img {
    width: 100%;
    aspect-ratio: 2.5/1;
    object-fit: cover;
}
.dt-mobile-header {
    background-image: linear-gradient(to top, var(--secondary), var(--primary), var(--green)), url(./images/ftr-bg.svg);
    background-size: cover;
    background-color: #00bec7;
	background-position: center;
    background-blend-mode: multiply;
}
.dt-mobile-header .next-level-button::before {
    color: #fff;
}
.first-switch-logo-left.first-switch-menu-right:not(.second-switch-menu-left) .mobile-header-bar .mobile-navigation {
    margin-inline: 10px 0;
}
.mobile-main-nav .sub-nav {
    margin: 0;
}
.mobile-main-nav > li > .sub-nav:last-child {
    margin-bottom: 5px;
}
@media only screen and (max-width: 990px) {
	 .mobile-main-nav > li .sub-nav  > li img {
		display: none;
	}
}

/* page title */
.page-title h1, .page-title h2 {
    margin: 0;
    font-size: 2.7rem;
	line-height: 1.2;
}
@media only screen and (max-width: 778px) {
	.page-title-responsive-enabled.page-title h1,
	.page-title-responsive-enabled.page-title h2 {
		font-size: 2rem;
	}
}

/* footer */
body #page #footer {
    z-index: 2;
    background-image: linear-gradient(to bottom, transparent, var(--primary)), url(./images/ftr-bg.svg);
    background-size: cover;
    background-color: #025392;
    background-blend-mode: color-burn;
}
#footer .wf-container {
    display: flex;
    flex-wrap: wrap;
}
.footer .widget-title {
    margin-bottom: 15px;
	position: relative;
}
.footer .footer-form .title {
    margin-bottom: 15px;
	display: block;
	font-weight: 700;
	font-size: 1.2rem;
}
.footer .menu li {
    border: none;
    margin: 0 0 27px;
    padding: 0;
}
.footer .menu li a {
    text-decoration: none !important;
}
.footer .widget_nav_menu.wf-1-2 .menu li {
	min-width: 50%;
	float: left;
}
.rtl .footer .widget_nav_menu.wf-1-2 .menu li {
	float: right;
}
.footer .widget_nav_menu.wf-1-3 ul.menu {
    display: flex;
    gap: 15px 25px;
}
.footer .widget_nav_menu.wf-1-3 ul.menu li {
    margin: 0;
}
.footer-con .sep{
	display: block;
	width: 1px;
	height: 20px;
	background: #fff;
	margin: 0 10px;
}
.footer-con b {
    display: inline-block;
	font-weight: 600;
	margin-inline-end: 5px;
}
.footer-con b i {
	color: var(--green);
	margin-inline-end: 5px;
	font-size: 0.9rem;
}
.footer-con > div:last-child,
.footer .widget_nav_menu.wf-1-2 .menu li:nth-last-child(2),
.footer .widget_nav_menu .menu li:last-child {
	margin: 0;
}
.mini-nav:not(.select-type-menu) > ul > li {
    margin: 0 7px 0 !important;
}
.combar {
    display: flex;
    align-items: center;
    line-height: 1;
	direction: rtl;
}
.combar img {
	margin-inline-start: 7px;
}
@media only screen and (min-width: 990px) {
	.footer .widget {
		margin-bottom: 20px;
	}
	.footer .widget.wf-1-2 {
		padding-bottom: 15px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	}
	.footer .widget.wf-1-3,
	.footer .widget.wf-2-3 {
		width: 50%;
	}
	.footer .widget_nav_menu.wf-1-2 .menu li a::before {
		content: "\f568";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		margin-inline-end: 10px;
		font-size: 85%;
	}
	#bottom-bar .wf-float-right {
		width: 66.666%;
		flex: 66.666%;
		max-width: 66.666%;
		justify-content: space-between;
	}
	#bottom-bar .wf-float-right .mini-nav {
		width: 50%;
		text-align: center;
	}
	.footer .widget_nav_menu.wf-1-3 .widget-title {
		display: none;
	}
	#bottom-bar .wf-float-right,
	.bottom-text-block:not(:first-child) {
			margin: 0;
	}
	.footer-con {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}
@media only screen and (max-width: 480px) {
	.footer-con > div,
	.footer .widget-title,
	.footer .widget_nav_menu .menu li {
		text-align: center;
	}
	.footer .widget-title {
		display: flex;
		justify-content: center;
		flex-direction: row-reverse;
		align-items: center;
		margin-bottom: 20px;
	}
	.footer .footer-form .title {
		text-align: center;
	}
	.footer .widget_nav_menu .menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 0 20px;
	}
	.footer .widget_nav_menu.wf-1-3 .menu {
		justify-content: center;
		gap: 0;
	}
	.footer .widget_nav_menu.wf-1-2 .menu li {
		min-width: 100%;
	}
	.footer .widget_nav_menu.wf-1-2 .menu li:nth-last-child(2) {
		margin: 0 0 27px;
	}
	.footer-con {
		text-align: center;
	}
	.footer-con .sep {
		height: 1px;
		width: 50%;
		margin: 10px auto;
	}
	#bottom-bar .mini-nav {
		display: none;
	}
}
/* footer mobile toggle */
.toggle-widget {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
	margin-inline-start: 10px;
}
.toggle-widget i {
	transition: .3s;
	transform: rotate(90deg);
}
.widget.close .toggle-widget i {
	transform: rotate(-90deg);	
}
@media only screen and (min-width: 990px) {
	.toggle-widget {
		display: none;
	}
	.footer-soc a.wa-btn.invert br {
		display: none;
	}
}
/* general */
.med-text,
.big-text {
	line-height: 1.4;
	font-weight: 600;
}
.med-text {
	font-size: 1.2rem;
}
.big-text {
	font-size: 1.4rem;
}
/* category pages */
.fra-title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 25px;
	padding-right: 135px;
	box-sizing: border-box;
}
.rtl .fra-title {
	 padding-right: 0px;
	 padding-left: 135px;
}
.fra-title::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
	bottom: 0;
	margin: auto;
    width: 130px;
	height: 30px;
    z-index: 2;
    background-image: url(./images/title_desk_ltr.svg);
    background-size: cover;
	background-position: center right;
}
.rtl .fra-title::after {
	right: auto;
	left: 0;
    background-image: url(./images/title_desk_rtl.svg);
	background-position: center left;
}
@media only screen and (max-width: 990px) {
	.cat-page-text .wpb_column {
		width: 100%;
	}
	.fra-title {
		 padding-right: 105px;
		 box-sizing: border-box;
	}
	.rtl .fra-title {
		 padding-right: 0px;
		 padding-left: 105px;
	}
	.fra-title::after{
		height: 25px;
		width: 95px;
		background-image: url(./images/title_tab_ltr.svg);
	}
	.rtl .fra-title::after{
		background-image: url(./images/title_tab_rtl.svg);
	}
}
@media only screen and (max-width: 480px) {
	.fra-title {
		 padding-right: 75px;
	}
	.rtl .fra-title {
		 padding-right: 0px;
		 padding-left: 75px;
	}
	.fra-title::after {
		height: 15px;
		width: 70px;
	}
	.fra-title::after{
		background-image: url(./images/title_mob_ltr.svg);
	}
	.rtl .fra-title::after{
		background-image: url(./images/title_mob_rtl.svg);
	}
	body.single h1.fra-title {
		padding: 0px;
	}
	body.single  h1.fra-title::after {
		display: none;
	}

}


/* grid */
.gradient-overlay-layout-list.disable-layout-hover article .post-head-wrapper {
    background: rgba(19, 88, 141, 0.6);
    color: #fff;
    padding: 10px 10px;
    margin-inline-start: -30px;
    width: 100%;
    top: auto;
    bottom: 0;
    transform: translate3d(0,calc(100% - 2.8rem),0);
	box-sizing: border-box;
}
.gradient-overlay-layout-list.disable-layout-hover article .post-head-wrapper::before {
    content: "";
    border-width: 12px 10px;
    border-style: solid;
    height: 0px;
    width: 0px;
    border-color: transparent transparent rgba(19, 88, 141, 0.6);
    position: absolute;
    top: -24px;
    right: 0;
    left: 0;
    margin: auto;
}
.gradient-overlay-layout-list.disable-layout-hover article.open .post-head-wrapper,
.gradient-overlay-layout-list.disable-layout-hover article:hover .post-head-wrapper {
    transform: translate3d(0,0,0) scale(1) !important;
	opacity: 1 !important;
    background: var(--primary);
}
.gradient-overlay-layout-list.disable-layout-hover article.open .post-head-wrapper::before,
.gradient-overlay-layout-list.disable-layout-hover article:hover .post-head-wrapper::before {
	border-color: transparent transparent var(--primary);
	transition: inherit;
}
.gradient-overlay-layout-list.disable-layout-hover article:not(.open) .post-head-wrapper h3.entry-title {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff !important;
}
.project-info {
	font-size: .9rem;
	line-height: 1.4;
    padding-right: 130px;
}
.rtl .project-info {
    padding-right: 0px;
    padding-left: 130px;
}
.project-info b {
    font-weight: 600;
}
.project-info a.watch {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.8rem;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: var(--secondary);
    padding: 5px 10px;
    line-height: 1;
    border-radius: 5px;
	opacity: 0;
}
.gradient-overlay-layout-list.disable-layout-hover article.open .project-info a.watch,
.gradient-overlay-layout-list.disable-layout-hover article:hover .project-info a.watch {
	opacity: 1;
}
.project-info a.watch:hover {
	background: var(--green);
}
@media only screen and (max-width: 990px) {
	.gradient-overlay-layout-list.disable-layout-hover article:not(.open)  {
		pointer-events: none;
	}
	.gradient-overlay-layout-list.disable-layout-hover article .post-head-wrapper {
		transform: translate3d(0,calc(100% - 2.4rem),0);
	}
	.gradient-overlay-layout-list.disable-layout-hover article .post-head-wrapper h3 {
		font-size: 1.15rem !important;
	}
}
@media only screen and (max-width: 480px) {
	.project-info,
	.rtl .project-info {
		padding-right: 0px;
		padding-left: 0px;
	}
	.post-head-wrapper .project-info a.watch {
		margin-top: 10px;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		display: inline-block;
		padding: 5px 10px 6px 10px;
	}
}


/* forms */
.ajax-loader,
.inv-recaptcha-holder,
.wpcf7-response-output,
.wpcf7-not-valid-tip {
	display: none !important;
}
body:not(.rtl) .wpcf7-form-control:not(.wpcf7-submit) {
	padding-right: 15px;
}
.rtl .wpcf7-form-control:not(.wpcf7-submit) {
	text-align: right;
	direction: rtl !important;
	padding-left: 15px;
}
.fri-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fri-form > div > div,
.fri-form > div {
	padding: 0;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.fri-form > div:last-child {
	margin-bottom: 0px;	
}
.fri-form >  .vc_col-sm-2 {
	width: calc(50% - 10px / 2);
}
.fri-form >  .vc_col-sm-3 {
	width: calc(33.333% - 10px / 3);
}
.fri-form >  .vc_col-sm-4 {
	width: calc(25% - 10px / 4)
}
.fri-form div > i {
    position: absolute;
    bottom: 0;
    z-index: 2;
    top: 12px;
	left: 15px;
    margin: auto;
	color: var(--secondary);
}
.rtl .fri-form div > i {
	left: auto;
    right: 15px;
}
.fri-form > div:focus-within i {
	color: var(--green);
}
.wpcf7 .fri-form > div .wpcf7-form-control {
	margin: 0 !important;
	font-weight: 600;
	font-size: 1.1rem;
}
.fri-form .wpcf7-form-control::placeholder {
	color: #000;
	opacity: .6 !important;
}
.fri-form .wpcf7-form-control:focus::placeholder {
	color: var(--green);
	opacity: 1 !important;
}
.fri-form .wpcf7-form-control:focus {
    background: rgba(0, 199, 158, 0.05);
    border-color: var(--primary);
}
.fri-form > div .wpcf7-form-control.wpcf7-submit {
	font-size: 1.2rem;	
	font-weight: 900;
}
.wpcf7-validates-as-required.wpcf7-not-valid {
    border-color: #f55b5f !important;
}

/* footer form */
.fri-form.foot-form {
    gap: 10px;
}
.fri-form.foot-form > div {
	margin: 0;
}
.wpcf7 .fri-form.foot-form > div .wpcf7-form-control:not(.wpcf7-submit) {
	border-color: #fff;
    background: rgba(255, 255, 255, 1);
}
.wpcf7 .fri-form.foot-form > div .wpcf7-form-control.wpcf7-submit {
    background: var(--green);
}
.fri-form.foot-form > div:focus-within i,
.fri-form.foot-form .wpcf7-form-control:focus::placeholder {
	color: var(--primary);
}
.wpcf7 .fri-form.foot-form .wpcf7-form-control.wpcf7-textarea {
    height: 89px;
}
.wpcf7 .fri-form.pop-form > div .wpcf7-form-control.wpcf7-submit:hover {
    background: var(--green);
}
@media only screen and (max-width: 1024px) {
	.fri-form.foot-form {
		gap: 0px;
	}
	.fri-form > div {
		width: 100% !important;
	}	
}


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

/* mob nav */ 
.grecaptcha-badge,
#enable-toolbar-trigger {
	display: none;
}
.acc-menu.desk {
    position: fixed;
    bottom: 10px;
    right: 60px;
    width: 40px;
    background: rgba(0, 199, 158, 0.6);
    z-index: 10;
    height: 40px;
    border-radius: 50%;
	cursor: pointer;
	box-sizing: border-box;
	padding: 2px;
}
.rtl .acc-menu.desk {
    left: 60px;
    right: auto;
}
.acc-menu:hover {
    background: var(--secondary);
}
.acc-menu.desk svg {
	fill: #fff;
}
@media screen and (max-width: 780px) {
.scroll-top.on {

}
body.trigger-position-left #enable-toolbar-trigger {
    left: 10px !important;
}
}

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

/* desk nav */