/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

body {
    font-family: 'DIN2014';
}

body.home .innerPageHeader {
    display: none;
}

p:last-child { margin-bottom: 0; }

.cline1 {
    height: 4px;
    background: #a5ff42;
    position: absolute;
    left: -297px;
    top: 712px;
    display: block;
    transform: rotate(
-45deg
);
    z-index: 99999999999;
    width: 2000px;
}

.cline2 {
    height: 4px;
    background: #a5ff42;
    position: absolute;
    left: 452px;
    top: 862px;
    display: block;
    transform: rotate( 
-45deg
 );
    z-index: 99999999999;
    width: 2000px;
}

.cline3 {
    height: 4px;
    background: #a5ff42;
    position: absolute;
    left: -652px;
    top: 10px;
    display: block;
    transform: rotate( 
32deg
 );
    z-index: 99999999999;
    width: 2000px;
}

.cline4 {
    height: 4px;
    background: #a5ff42;
    position: absolute;
    left: 227px;
    top: 10px;
    display: block;
    transform: rotate( 
31deg
 );
    z-index: 99999999999;
    width: 2000px;
}

#hdrnvbars {
    position: relative;
    width: 24px;
    display: block;
	cursor: pointer;
}

#hdrnvbars:before,
#hdrnvbars:after {
    content: '';
    height: 3px;
    display: block;
    background: #fff;
}

#hdrnvbars:after {
    margin: 5px 0 0;
}

body:not(.elementor-editor-active) #cstm-hdr { position: absolute; left: 0; right: 0; top: 0; }
body.admin-bar #cstm-hdr { top: 32px; }
body.admin-bar.elementor-editor-active #cstm-hdr { top: 0px; }


/*

.cstm-bnr:before, 
.cstm-bnr:after { position: absolute; content: ''; left: 0; background: #4C7EA7; mix-blend-mode: multiply; width: 45%; height: calc(50% + 150px); z-index: 99999; }

.cstm-bnr:before { top: -150px; transform: skew(50deg, 0); transform-origin: left bottom;  }
.cstm-bnr:after { bottom: -355px; transform: skew(-50deg, 0); transform-origin: left top; height: calc(50% + 355px); }

.cstm-bnr>.elementor-background-overlay:before { position: absolute; content: ''; right: 0; background: #4C7EA7; mix-blend-mode: multiply; width: 45%; height: calc(50%); z-index: 99999; }
.cstm-bnr>.elementor-background-overlay:before { top: 0px; transform: skew(50deg, 0); transform-origin: left bottom;  }

*/

.cstm-bnr .bnr-leftdiv-cntnt,
.cstm-bnr .bnr-leftdiv {
	position: absolute;
    left: 0;
    top: 0;
    width: 995px;
    height: calc(100% + 700px);
    z-index: 9999;
}

.cstm-bnr .bnr-leftdiv {
    z-index: 9998;
    background: #4C7EA7;
    mix-blend-mode: multiply;
    clip-path: polygon(61.1% 0, 100% calc(30.5% - 72px), 0 92.1%, 0% 100%, 0 60%, 0% 0%);
}

.cstm-bnr .bnr-rightdiv-cntnt,
.cstm-bnr .bnr-rightdiv { 
	position: absolute;
    right: 0;
    top: 0;
    width: 423px;
    height: 100%;
    z-index: 9999;
}

.cstm-bnr .bnr-rightdiv-cntnt { clip-path: polygon(0 0, 100% 0%, 100% 100%, 30% 100%); }

.cstm-bnr .bnr-rightdiv {
	z-index: 9998;
	background: #4C7EA7;
    mix-blend-mode: multiply;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 1.7% 100%, 100% 47.8%, 10% 0%);
}

.cstm-bnr .bnr-leftdiv-cntnt img { margin-top: 30px; margin-left: 50px; max-width: 150px; }

.cstm-bnr .bnr-leftdiv-cntnt h2 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    max-width: 70%;
    position: absolute;
    top: 18%;
    left: 50px;
}

.dialog-type-lightbox {
    z-index: 999999999 !important;
}

@media( max-width: 1400px ) {
	
	.cstm-bnr .bnr-leftdiv-cntnt h2 { font-size: 50px; }
	
}

.topcstmhdrright { display: flex; justify-content: flex-end; padding: 40px 50px; background: #213246; clip-path: polygon(9.8% 0%, 100% 0%, 100% 100%, 34.5% 100%); align-items: center; } 
.topcstmhdrright a.kontactbtn { margin-right: 50px; color: #fff; font-weight: bold; text-decoration: none; }

.bnr-cntnt-drgbtm {
    margin-top: auto;
    max-width: 1290px;
    clip-path: polygon(94px 0, 100% 0%, 100% 100%, 0% 100%);
    margin-left: 580px;
}

.bnr-cntnt-drgbtm-whitebg>.elementor-container {
    max-width: 50% !important;
    margin: 0 0 0 15% !important;
}

.center-side-btn-clip,
.right-side-btn-clip,
.left-side-btn-clip,
form button,
.center-side-btn-clip a,
.right-side-btn-clip a,
.left-side-btn-clip a {
    position: relative;
}

.right-side-btn-clip a:before,
.center-side-btn-clip a:before,
form button:before {
    content: '';
    background: inherit;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 53px;
    clip-path: polygon(0 0, 82% 0, 0 100%, 0 100%);
    margin-left: -1px;
}

.center-side-btn-clip a:after,
.left-side-btn-clip a:before {
    content: '';
    background: inherit;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 53px;
    clip-path: polygon(82% 0, 100% 0, 100% 100%, 0 100%);
    margin-right: -1px;
}

.cstm-bnr:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    display: block;
    height: 25px;
    z-index: 1;
}

.img-right-btm-clip img {
    clip-path: polygon(0 0, 100% 0, 100% 73%, 84.9% 100%, 0 100%);
}

.right-lighten-clip:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1416px;
    height: 1000px;
    background: #F5F7FA;
    clip-path: polygon(70.6% 0, 100% 0, 100% 100%, 0 100%);
}

.service-bg-left:before {
    content: '';
    position: absolute;
    left: 0;
    top: -60px;
    bottom: 0;
    background: #fff;
    width: 85%;
    clip-path: polygon(0 0, calc(100% - 463px) 0, 100% 100%, 0 100%);
}

.bdrafterttl .elementor-icon-box-title:after,
.bdrafterttl-lft .elementor-icon-box-title:after {
    content: '';
    width: 50px;
    height: 5px;
    background: var(--e-global-color-primary);
    display: block;
    margin: 20px auto;
}

.bdrafterttl-lft .elementor-icon-box-title:after { margin-left: 0; }

.cstm-bnr .elementor-container.elementor-column-gap-no:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    display: block;
    width: calc(100% - 1200px);
    height: 93px;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #4C7EA7;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #4C7EA7;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #4C7EA7;
}
:-moz-placeholder { /* Firefox 18- */
  color: #4C7EA7;
}

* { outline: none !important; }
form { max-width: 595px; margin: 0 auto; }
form textarea { height: 82px; }

.cntffrmrow {
    display: flex;
    flex-wrap: wrap;
	margin: 0 -7.5px;
}

.cntffrmrow p {
    margin: 0 7.5px 15px;
    width: calc( 100% - 15px );
}



form .wpcf7-not-valid-tip { display: none !important; }
form .wpcf7-not-valid {
    border-color: #bf0000 !important;
}

.refer-sec:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65.1%;
    background: #F5F7FA;
    clip-path: polygon(0 0%, 100% 100%, 0 100%);
    height: 1247px;
}

.ftr-right-img {
    position: absolute;
    bottom: -40px;
    right: -90px;
}

.ftr-right-img img {
    height: 230px;
    width: 100%;
    object-fit: cover;
    clip-path: polygon(230px 0, 100% 0, 100% 100%, 0 100%);
}

.cstmrightnav {
	position: fixed;
	right: -1000px;
	top: 0;
	z-index: 9999999999;
	background: #4C7EA7;
	width: 590px;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
	height: 590px;
	transition: 0.5s ease all;
	-webkit-transition: 0.5s ease all;
	-moz-transition: 0.5s ease all;
	-ms-transition: 0.5s ease all;
	-o-transition: 0.5s ease all;
}

.menurightopen .cstmrightnav { right: 0; }

.cstmrightnav .menu-btn-close-hdr {
    background: #213246;
    padding: 40px 90px;
}

.cstmrightnav .menu-btn-close-hdr #hdrnvbars-close {
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    position: relative;
	cursor: pointer;
}

.cstmrightnav .menu-btn-close-hdr #hdrnvbars-close:before, 
.cstmrightnav .menu-btn-close-hdr #hdrnvbars-close:after {
    width: 24px;
    height: 2px;
    background: #fff;
    content: '';
    display: block;
    transform: rotate(45deg);
    transform-origin: left bottom;
}

.cstmrightnav .menu-btn-close-hdr #hdrnvbars-close:after {
    transform: rotate(-45deg);
    position: relative;
    right: -2px;
    top: 15px;
}

.cstmrightnav .elementor-widget-nav-menu {
    padding: 40px 90px;
}

/*
@media( max-width: 1280px ) {
	
	.cline1 {
		height: 4px;
		background: #a5ff42;
		position: absolute;
		left: -380px;
		top: 777px;
		right: 0;
		display: block;
		transform: rotate(			-45deg		);
		z-index: 99999999999;
	}
	
	.cline2 {
		height: 4px;
		background: #a5ff42;
		position: absolute;
		right: -560px;
		top: 929px;
		display: block;
		transform: rotate(			-45deg		);
		z-index: 99999999999;
		width: 1920px;
	}
	
	.cstm-bnr .bnr-leftdiv-cntnt, .cstm-bnr .bnr-leftdiv {
		height: calc(100% + 400px);
	}

	.bnr-cntnt-drgbtm {
		max-width: 68.8%;
		clip-path: polygon(10.7% 0, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.cstm-bnr .bnr-rightdiv {
		clip-path: polygon(100% 0, 100% 50%, 100% 100%, 28% 100%, 100% 62%, 0% 0%);
	}
	
	.right-lighten-clip:before {
		width: 60.6%;
		clip-path: polygon(60.6% 0, 100% 0, 100% 100%, 0 100%);
	}
	
	.cstm-bnr .bnr-leftdiv {
		clip-path: polygon(50% 0, 100% calc(47.3% - 72px), 0 100%, 0% 100%, 0 60%, 0% 0%);
	}
	
	.topcstmhdrright {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
	}
	
	.refer-sec:before {
		width: 73.4%;
	}
	
}
*/

.elementor-widget-button .elementor-button {
    white-space: nowrap;
}

@media( max-width: 1700px ) {

	.cline1 {
		height: 4px;
		background: #a5ff42;
		position: absolute;
		left: -267px;
		top: 373px;
		display: block;
		transform: rotate( 
			-45deg
		);
		z-index: 99999999999;
		width: 2000px;
	}

	.cline2 {
		height: 4px;
		background: #a5ff42;
		position: absolute;
		left: 364px;
		top: 766px;
		display: block;
		transform: rotate( 
			-45deg
		);
		z-index: 99999999999;
		width: 2000px;
	}

	.cline3 {
		height: 4px;
		background: #a5ff42;
		position: absolute;
		left: -749.4px;
		top: 10px;
		display: block;
		transform: rotate( 
			45deg
		);
		z-index: 99999999999;
		width: 2000px;
	}
	
	.cline4 {
		height: 4px;
		background: #a5ff42;
		position: absolute;
		left: 283px;
		top: 7px;
		display: block;
		transform: rotate( 
			45deg
		);
		z-index: 99999999999;
		width: 2000px;
	}

	.cstm-bnr .bnr-leftdiv-cntnt, .cstm-bnr .bnr-leftdiv {
		width: 677px;
		height: calc(100% + 500px);
	}
	
	.cstm-bnr .bnr-leftdiv {
		clip-path: polygon(40.4% 0, 100% calc(36.5% - 72px), 0 83%, 0% 100%, 0 60%, 0% 0%);
	}
	
	.cstm-bnr .bnr-rightdiv-cntnt, .cstm-bnr .bnr-rightdiv {
		width: 446px;
	}

	.right-lighten-clip:before {
		width: 1399px;
		clip-path: polygon(71.6% 0, 100% 0, 100% 100%, 0 100%);
	}

	.cstm-bnr .bnr-rightdiv {
		clip-path: polygon(100% 0, 100% 50%, 100% 100%, 10.8% 100%, 100% 49.8%, 10.7% 0%);
	}

	.bnr-cntnt-drgbtm {
		margin-left: 279px;
		clip-path: polygon(94px 0, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.topcstmhdrright {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 104px 100%);
		width: 89.3%;
		margin-left: auto;
	}
	
	.cstm-bnr .bnr-leftdiv-cntnt h2 { font-size: 50px; }

	.refer-sec:before {
		width: 68%;
		height: 1160px;
	}
	
}

@media( max-width: 1441px ) {

	.refer-sec:before {
		width: 72.5%;
		height: 1090px;
	}

}

@media( max-width: 1280px ) {
	
	.refer-sec:before {
		width: 76.5%;
		height: 982px;
	}
	
}

@media( max-width: 1025px ) {

	.refer-sec:before {
		width: 83%;
		height: 850px;
	}

}

@media( min-width: 768px ) {

	.cntffrmrow p.half {
		width: calc( 50% - 15px );
	}

}

@media( min-width: 1025px ) {

	.bnr-mob-cstm-logo,
	.bnr-left-cntnt-mobl,
	.bnr-left-cntnt-mobl-cnttn { display: none; }
	
}

@media( max-width: 1024px ) {

	.cstm-bnr .bnr-rightdiv {
		clip-path: polygon(0 0, 100% 100%, 100% 0);
		height: 200px;
		width: 170px;
	}
	
	.cstm-bnr .bnr-rightdiv-cntnt {
		width: 191px;
	}
	
	.topcstmhdrright a.kontactbtn {
		display: none;
	}
	
	.topcstmhdrright {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 46% 100%);
		padding: 40px 30px;
	}
	
	.cstm-bnr .bnr-leftdiv-cntnt,
	.cstm-bnr .bnr-leftdiv {
		display: none;
	}
	
	.bnr-cntnt-drgbtm {
		max-width: 90%;
		margin-bottom: 0px;
	}

	.bnr-cntnt-drgbtm-whitebg>.elementor-container {
		max-width: 100% !important;
		margin: 0 15% 0 15% !important;
	}
	
	.cstmrightnav .menu-btn-close-hdr {
		padding: 40px 30px;
	}
	
	.cstmrightnav .elementor-widget-nav-menu {
		padding: 10px;
	}
	
	.center-side-btn-clip a:after, 
	.left-side-btn-clip a:before,
	.right-lighten-clip:before { display: none; }
	
	.left-side-btn-clip a:after { content: '';
		background: inherit;
		position: absolute;
		left: 100%;
		top: 0;
		bottom: 0;
		width: 50px;
		clip-path: polygon(0 0, 82% 0, 0 100%, 0 100%);
		margin-left: -1px;}

	.left-side-btn-clip a, .center-side-btn-clip a, .right-side-btn-clip a {
		min-width: 150px;
	}
	
	.bnr-left-cntnt-mobl {
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
		bottom: -80px;
		background: #4C7EA7;
		z-index: 99;
		mix-blend-mode: multiply;
		clip-path: polygon(100% 50%, 0 10%, 0 97%);
	}

	.bnr-left-cntnt-mobl-cnttn {
		position: absolute;
		z-index: 999;
		color: #fff;
		top: calc( 50% + 90px );
		transform: translate(0, -50%);
		left: 30px;
		right: 30px;
	}

	.cstm-bnr:before {
		width: 86%;
		left: auto;
		clip-path: polygon(8% 0%, 100% 0, 100% 100%, 0% 100%);
	}

	.bnr-cntnt-drgbtm-whitebg {
		max-width: 85%;
		margin: 0 0 0 auto;
	}
	
	.bnr-cntnt-drgbtm-whitebg>.elementor-container {
		max-width: 100% !important;
		margin: 0 !important;
	}
	
	.service-bg-left:before {
		clip-path: polygon(calc(100% - 150px) 0, 100% 150px, 100% 100%, 0 100%, 0 0);
		width: 100%;
	}
	
	.ftr-right-img {
		position: absolute;
		bottom: -40px;
		right: -30px;
	}

	.ftr-right-img img {
		height: 250px;
	}
	
	.refer-sec:before {
		clip-path: polygon(0 0%, 0% 100%, 100% 100%);
		top: auto;
		height: 500px;
		width: 100%;
	}

	.bnr-mob-cstm-logo {
		position: absolute;
		left: 20px;
		max-width: 140px;
		top: 10px;
	}
	
	.bnr-left-cntnt-mobl-cnttn h2 {
		font-weight: bold;
		max-width: 380px;
		font-size: 40px;
	}

	.bnr-cntnt-drgbtm-whitebg {
		padding-bottom: 30px !important;
	}
	
	.bnr-cntnt-drgbtm-whitebg:before {
		content: '';
		display: block;
		background: #F5F7FA;
		position: absolute;
		right: 0;
		top: 0;
		width: 50%;
		height: 100%;
		bottom: -80px;
		clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	}

	.mobile-dff-btm-clip:before {
		content: '';
		position: absolute;
		height: 147%;
		background: #F5F7FA;
		top: 100%;
		left: 0;
		right: 0;
		clip-path: polygon(100% -17.5%, 0% 0%, 0 100%);
	}
	
	.refer-sec:before {
		clip-path: polygon(0 0%, 0% 100%, 100% 100%);
		top: auto;
		height: 829.9px;
		width: 80.9%;
	}
	
}

@media( max-width: 767px ) {

	.bnr-left-cntnt-mobl-cnttn h2 {
		max-width: 240px;
		font-size: 32px;
	}
	
	.refer-sec:before {
		clip-path: polygon(0 0%, 0% 100%, 100% 100%);
		top: auto;
		height: 696.9px;
		width: 90.9%;
	}

	.cstmrightnav {
		width: 400px;
		height: 400px;
	}
	
}

@media( max-width: 426px ) {

	.ftr-right-img img {
		height: 250px;
		width: 100%;
		object-fit: cover;
		position: absolute;
		right: 0;
		bottom: 0;
		min-width: 200px;
		z-index: -1;
		clip-path: polygon(75% 0, 100% 0, 100% 100%, 0% 100%);
	}

	.refer-sec:before {
		clip-path: polygon(0 0%, 0% 100%, 100% 100%);
		top: auto;
		height: 468.5px;
		width: 100%;
	}
	
}

@media( max-width: 376px ) {

	.refer-sec:before {
		height: 417.9px;
	}
	
}


@media( max-width: 321px ) {

	.refer-sec:before {
		height: 357.9px;
	}
	
}