#liveDemo_popup{width:100%; max-width:580px; z-index:99999; background:#fff; position:fixed; top:50%; left:50%; margin-left:-290px; transform: translateY(-50%);}
.buy_form_content{position:relative;}
#liveDemo_popup .section_heading{ padding: 22px 94px 10px; font-size: 32px; font-weight: 300; }
#liveDemo_popup textarea, #liveDemo_popup input{ font-size: 17px; padding: 10px; font-family: "Open Sans", sans-serif;  width: 100%; resize: none; border:1px solid #ccc; color:#767676; box-sizing:border-box;}
#liveDemo_popup svg{display:none;} 
#edit-submitted-checkbox{display:none;}

#overlay.slide_popup,  #buy_popup.slide_popup{top:-100vh;  transition: all .5s ease-in-out;}
#overlay.slide_popup_open,  #buy_popup.slide_popup_open{transition: all .5s ease-in-out;}




#main_banner{float:left; width:100%; /*background:#fffbf2;*/ background:#313550; padding:0px 0px;  position: relative; margin-top:76px;}
#main_banner .inner_content{display: flex;
align-items: center;
justify-content: space-between; margin-bottom: 35px;}
.inner-header{/*background:#fffbf2;*/ background:#313550;}
.banner_left{float:left; width:45%; color:#fff; padding:65px 0px; }
.banner_right{float:right; width:50%; text-align:center;}
.banner_right img{max-width:100%;}
.banner_left h1{/*font-size:52px;*/ font-size:48px; font-weight:800; padding-bottom:15px; float:left; width:100%; line-height:normal;}
.banner_left h1 span{display:block; width:100%; font-size:55px; }
.banner_left p{font-size:21px; line-height:normal; float:left; width:100%;}
.banner_left a{background:#a897f3; padding:15px; text-decoration:none; font-size:20px; color:#fff; float:left; margin-top:25px;  border-radius: 10px; -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  /*-moz-animation: pulse 1.25s infinite cubic-bezier(0.26, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.26, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);  box-shadow: 0 0 0 0 rgba(7, 173, 211, 0.7);*/}
.banner_left a:hover{background:#596f87;   -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;}
/*CSS 02-05-2022*/
.buy_now.demo1.bg_orange-cc {  background: #f29600;}
.buy_now.demo1.bg_orange-cc:hover {
  background: #596f87 !important;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}
/*CSS 02-05-2022*/
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}

.ppc_main_cont{float:left; width:100%; padding:65px 0px;}
.heading_apps{text-align:center; float:left; width:100%;}
.heading_apps h2{ float:left; width:100%; font-size:38px; color:#07add3; padding-bottom:15px;line-height: normal;}
.heading_apps p{font-size:18px; width:100%; padding:15px 10%; float:left; }
.text_left{float:left; width:60%; font-size:18px;}
.flex-divide .text_left{float:left; width:55%; font-size:18px;}
.image_right, .image_left{float:right; width:38%; font-size:18px;}
.image_right.img-full, .image_left.img-full{float:right; width:45%; font-size:18px;}
.text_right{float:right; width:60%; font-size:18px;} 
.flex-divide .text_right{float:right; width:55%; font-size:18px;} 
.image_left{float:left;}
.image_right img, .image_left img{float:none; max-width:100%; width: 300px; margin: 0 auto; display: block;}
.img-full.image_right img, .img-full.image_left img{float:none; max-width:100%; width: 100%; margin: 0 auto; display: block;}
.steps-text  h2{float:left; width:100%; padding-bottom:10px; font-size:30px;}
.steps-text  p{float:left; width:100%; float:let;}
.steps-text  a{float:left; text-decoration:none; margin-top:10px; color: #50b8eb;}
.green_bg{background:#ebf9ff;}
.form_right{float:right; width:50%;}
.form_right input, .form_right textarea{float:left; width:100%; padding:15px; margin-bottom:10px; border:1px solid #e2e2e2; box-sizing: border-box; font-family: "Open Sans", sans-serif; font-size:18px;}
.form_right svg{display:none;}
.form_left{float:left; width:50%;}
.form_left img{max-width:100%;}
.sidebar h2{display:none;}
.contact-form-success{display:none;}
.form_right h3{font-size: 32px; float:left; width:100%; color: #07add3;}
.form_right p{font-size:18px; float:left; width:100%; padding-top:10px; padding-bottom:15px;} 
.form_right button{font-size:20px; border:none; color:#fff; background:#50b8eb;  border-radius: 10px; padding:15px; cursor:pointer}  
.field-validation-error{margin-bottom:10px; clear:both;}
.d-flex{display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap;}

.product_cont .flip-box-front {background: #f5f8fb;}
.flip-box:hover .flip-box-inner .flip-box-front { transform: rotateY(-180deg);}
section .section_heading{font-size:38px; color: #07add3; font-weight: normal;}
.cross-bg4 {background: none;}
.cross-bg4::before { background: #ebf9ff; opacity: 1;}
.landing-boxs .merket_content_bos h3 {color: #000 !important;}
.landing-boxs-iconimg {  -webkit-filter: invert(100%);}
.landing-boxs .merket_content_bos {color: #000;}
.cross-bg4 h2 {color: #07add3; font-size: 38px;}

.client_logo{padding-top:0;}

.white_paper_download {float:left; width:100%;}
.white_paper_download a{border: 1px solid #f29600 !important;
height: auto !important;
margin-top: 15px;
border-radius: 0;
background: #f29600;
margin-left: 0px; cursor:pointer;
color: #fff !important; border-radius: 10px; padding:10px; font-size:18px; font-weight:bold;  } 

#image_infra_box{ position:relative; text-align:center;}
#infra_logo{position:absolute; z-index:999;}
#image_infra_box span{display:inline-block; width:300px; margin:0px auto;}
#image_infra_box.img-full span{display:inline-block; width:100%; margin:0px auto;}
#image_infra {
  animation-name: spin;
  animation-delay: 1500ms;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */ 
   /* transform: rotate(.03turn);  */
}
@font-face {
font-family: "greenhouse-web-icons";
src: url('../fonts/greenhousewebicons.eot');
src: url('../fonts/greenhousewebicons.eot') format('embedded-opentype'),
url('../fonts/greenhousewebicons.woff2') format('woff2'),
url('../fonts/greenhousewebicons.woff') format('woff'),
url('../fonts/greenhousewebicons.ttf') format('truetype'),
url('../fonts/greenhousewebicons.svg#greenhousewebicons') format('svg');
font-weight: normal;
font-style: normal;
font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
font-family: "greenhouse-web-icons" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #17494d;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.primary-nav a{border-radius: 10px;}


.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.1);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 35s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 25s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 21s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}



#buy_popup121 .section_heading{padding-left:0px; padding-right:0px;}
.popup_form textarea, .popup_form input.input_fields{box-sizing: border-box;}
#show{padding:15px;}
.banner_right video {
    width: 100%;
    cursor: pointer;
}


@media only screen and (min-width:768px) and (max-width:1023px)
{	
.form_right h3{line-height:40px;}	
}


@media only screen and (min-width:320px) and (max-width:767px)
{
.banner_left h1{font-size:30px; line-height:37px;}	
.banner_left, .banner_right{width:100%;}
.banner_right{margin-top:20px;}
.heading_apps h2{line-height:45px;} 
.text_left, .text_right{width:100%;}
.image_right{width:100%; margin-top:20px;}
.image_left{width:100%; margin-bottom:20px;}
.steps-text h2, .form_right h3{line-height:36px;}
.form_left, .form_right{padding:0; width:100%;}
.aos-animate {-o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important;
		transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important;	-webkit-transform: none !important;
		transform: none !important;	-webkit-animation: none !important;	-moz-animation: none !important; -o-animation: none !important;	-ms-animation: none !important;	animation: none !important;}
[data-aos="fade-right"], [data-aos="fade-left"]{transform:translate(0);}

#main_banner .inner_content {
    flex-direction: column;
}
#main_banner{background:none;}
.circles{background:#313550; z-index:-99999;}
}
/*CSS 29-04-2022*/
.bg-dark-btn a{background: #a897f3;border-color: #a897f3 !important;}

/* 4 and 6 boxes */
.alternater-color3 {background: #eef6f7; background-image: linear-gradient(#fff, #eef6f7);}
.alternater-color4 {background: #eef6f7; background-image: linear-gradient(#eef6f7, #fff);}
.feature_images { float: left; width: 100%; margin-bottom:10px; filter: grayscale(60%);}
.inner_content.flexCont {display: flex; color:#636363; justify-content: space-between; flex-wrap:wrap;}
.inner_content.flexCont .colEq {padding: 10px; width: 25%;}
.inner_content.flexCont .colEq.sixboxes {padding: 10px; width: 33%;}
.inner_content.flexCont .colEq h3 { font-size: 1.2rem; color: #03363D; margin-bottom: 10px !important; display: block; font-weight: 600 !important; letter-spacing: .5px; width: 100%; float: left;} 
.inner_content.flexCont .colEq h3 img {width: 40px; margin-right: 10px;}
.inner_content.flexCont .colEq p {width: 100%; float: left; font-size:17px;}
.top-head-title {  padding-top: 20px; padding-bottom: 40px;color: #252525;}
.feature_images img {  max-width: 100%;}
@media only screen and (max-width:1100px){
.inner_content.flexCont .colEq {width: 50%;}
.inner_content.flexCont .colEq.sixboxes {width: 50%;}
}

@media only screen and (max-width:768px){
.inner_content.flexCont .colEq {width: 100%;}
.inner_content.flexCont .colEq.sixboxes {width: 100%;}
} 

ul.withcheck {
  margin: 0px 0px 20px 0px;
  margin-top: 0px;
  list-style-type: initial;
  list-style-position: outside;
  padding-left: 15px;
      display: inline-block;
    width: 100%;
}
.checknone ul li, .checknone ul.withcheck li {
  background: none !important;
  padding-left: 0;
  margin-bottom: 0px;
}
ul.withcheck li {
  line-height: 28px;
	font-size: 16px;
}
.purple_bg{background: #f8f5ff;}
@media(min-width: 1025px){
.flex-divide .text_right{padding-left: 10%;}
}




.grid {
display: flex;
flex-direction: column;
justify-content: stretch
}

.grid .row {
display: flex;
flex-wrap: wrap;
margin: 0 -8px
}

.grid .col {
position: relative;
padding: 8px;
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
justify-content: flex-start
}

.grid .col>* {
max-width: 100%
}

.grid .col img {
align-self: center;
min-height: 1px;
max-width:100%;
}



@media only screen and (min-width: 768px) {
.grid .col.col-small-5 {
flex: 0 0 auto;
width: 49%
}
}

@media only screen and (min-width: 768px) {
.grid .col.col-small-6 {
flex: 0 0 auto;
width: 50%
}
}

@media only screen and (max-width:1120px) {
.grid .col.col-small-6.ctcntr{ width: 100% !important; flex-direction: revert  !important; flex-wrap: wrap  !important; } 
.grid .col.col-small-6.ctcntr .container-child{ padding: 30px; } 
.grid .col.col-small-6.ctcntr .container-child h5{ font-weight:600; margin-bottom:10px; } 
}



@media(min-width: 992px) and (max-width: 1199px){
	
.flex-divide .text_right {
    width: 52%;
}	
#page-block-oophpme0psb {
   padding: 6px 20px 20px !important;
}
.flex-divide .text_right {
    padding-left: 10%;
}

.container-child {display: flex;padding: 50px 30px;align-items: center;}
.container-child img {width: 50%;padding-right: 30px;}
.grid .col img {
    align-self: center;
    min-height: 1px;
    max-width: 100%;
    width: 100%;
}

.container-child h5 {float: left;  width: 100%; padding-bottom: 10px;  font-size: 30px;}

.container-child:nth-child(2n) img {padding-right: 0;padding-left: 30px;}
#page-block-oophpme0psb .section-block {background: none; padding: 0; margin: 0;width: 100%; max-width: 100% !important;}
section.ppc_main_cont.only_btnrw{display:none}
.banner_left h1 {font-size: 32px;}
.banner_left h1 span {display: block; width: 100%; font-size: 39px;}
.grid .col.col-small-6.ctcntr .container-child:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.grid .col.col-small-6.ctcntr {
    width: 50% !important;
    flex-direction: revert !important;
    flex-wrap: wrap !important;
}



}


@media(min-width: 768px) and (max-width:991px){
	
.banner_left {
    float: left;
    width: 100%;
    color: #fff;
    padding: 65px 0px;
}
.feature_images img {
    max-width: 100%;
    width: 100%;
}
.inner_content.flexCont .colEq {
    width: 50%;
}

.grid .col.col-small-6 {
    flex: 0 0 auto;
    width: 100%;
}
.container-child {display: flex;padding: 50px 30px;align-items: self-start;    flex-direction: column;}
.container-child img {
    width: 100%;
    padding-right: 0;
	    margin-bottom: 15px;
}

.container-child:nth-child(1), .container-child:nth-child(3) {
    flex-direction: column;
    /* background: #f8f5ff; */
}

.container-child h5 {float: left;  width: 100%; padding-bottom: 10px;  font-size: 30px;}

.container-child:nth-child(2n) img {padding-right: 0;padding-left: 0px;}
#page-block-oophpme0psb .section-block {background: none; padding: 0; margin: 0;width: 100%; max-width: 100% !important;}
#image_infra_box, .image_right.img-full, .image_left.img-full, .flex-divide .text_right {
    order: 1;
}
.flex-divide .text_left {
    order: 2;
	width: 100%;
    text-align: left !important;
}
.steps-text h2 {
   margin-top: 25px;
}
#image_infra_box, .image_right.img-full, .image_left.img-full, .flex-divide .text_right {
    width: 100%;
    text-align: left !important;
}
.white_paper_download {
    text-align: center !important;
}
section.ppc_main_cont.only_btnrw {
    padding-left: 15px;
	display:none	
}
.grid .col.col-small-6.ctcntr .container-child:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

}



@media(max-width:767px){

.accordion-media>.content-container [data-accordion-tab-content] img, .accordion-media>.content-container [data-accordion-tab-content] video {
    display: block;
    margin: 0 auto 2rem;
    width: 100%;
}
.grid .col.col-small-6.ctcntr .container-child:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.hide-small-up {
    text-align: left;
}	
#image_infra_box, .image_right.img-full, .image_left.img-full, .flex-divide .text_right {
    order: 1;
}
.flex-divide .text_left {
    order: 2;
}
.steps-text h2 {
   margin-top: 25px;
}
#image_infra_box, .image_right.img-full, .image_left.img-full, .flex-divide .text_right {
    width: 100%;
    text-align: left !important;
}
.white_paper_download {
    text-align: center !important;
}
.container-child {display: flex;padding: 50px 15px;align-items: self-start;    flex-direction: column;}
.container-child img {
    padding-right: 0;
	    margin-bottom: 15px;
}

.container-child:nth-child(1), .container-child:nth-child(3)  {
    flex-direction: column;
    background: #f8f5ff;
}
.grid .col.col-small-6.ctcntr .container-child {
    width: 100% !important;
    padding: 36px 10px !important;
    text-align: center;
}
.container-child h5 { font-size: 30px;  line-height: 39px;}
.container-child:nth-child(2n) img {padding-right: 0;padding-left: 0px;}
#page-block-oophpme0psb .section-block {background: none; padding: 0; margin: 0;width: 100%; max-width: 100% !important;}
header .main_navigation.navlp li a.buy_now {
    margin-top: 7px;

}
.banner_left {
   padding: 36px 0px;
}
.banner_left h1 span {
   font-size: 46px;
}
.inner_content.flexCont .colEq {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 24px;
}
.inner_content.flexCont .colEq h3 {
    font-size: 1.4rem;
    margin-bottom: 0px !important;

}
#page-block-oophpme0psb {
    max-width: 100%;
    padding: 5px 0px 20px !important;
}
.fourthBanner .bannecontainer, .inner_content {
    max-width: 100% !important;
    padding: 0px 15px;
    width: 100%;
}

.grid .col {
    padding: 0;
  
}
.grid .row {
    margin: 0 0px;
}
section.ppc_main_cont.only_btnrw {
    padding-left: 15px; display:none
}
#element-527 {
    margin-bottom: 20px;
}
.footerblock.footer_features ul .subnav {
    width: 49%;
}
.feature_images img {
    max-width: 100%;
    width: 100%;
}

}

@media (max-width:480px){

.footerblock.footer_features ul .subnav {
    width: 100%;
}	
.inner_content.flexCont .colEq {
    width: 100%;
    padding: 0 1px;
    margin-bottom: 24px;
}
.section-fit #element-527 {
    top: 5.5rem;
    left: 1.25rem;
    width: 100%;
    z-index: 4;
    color: #555555;
    font-size: 2.1053rem;
    line-height: 2.975rem;
    text-align: left;
    padding: 0 17px;
}
.section-fit #element-527 .contents p {
    text-align: center !important;
}	
.inner_content .white_paper_download a {
    float: left !important;
    display: inline-block !important;
}
.banner_left h1 span {
    font-size: 32px;
}
#portfolio {
    padding: 41px 0;
}


	
}

.active .anim-in {
opacity: 1
}

.active .anim-out {
opacity: 0
}

.active .anim-up {
transform: translateY(0)
}

.active .anim-right {
transform: translateY(0)
}

.active .anim-down {
transform: translateY(0)
}

.active .anim-left {
transform: translateY(0)
}

@media only screen and (min-width: 1120px) {
@keyframes wipe-in-up {
0% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-up.active,
.active .mask-animation.wipe-in-up {
animation: wipe-in-up 1s ease 0.25s forwards
}
@keyframes wipe-out-up {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
}
.mask-animation.wipe-out-up.active,
.active .mask-animation.wipe-out-up {
animation: wipe-out-up 1s ease 0.25s forwards
}
@keyframes wipe-in-right {
0% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-right.active,
.active .mask-animation.wipe-in-right {
animation: wipe-in-right 1s ease 0.25s forwards
}
@keyframes wipe-out-right {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
}
.mask-animation.wipe-out-right.active,
.active .mask-animation.wipe-out-right {
animation: wipe-out-right 1s ease 0.25s forwards
}
@keyframes wipe-in-down {
0% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-down.active,
.active .mask-animation.wipe-in-down {
animation: wipe-in-down 1s ease 0.25s forwards
}
@keyframes wipe-out-down {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
}
.mask-animation.wipe-out-down.active,
.active .mask-animation.wipe-out-down {
animation: wipe-out-down 1s ease 0.25s forwards
}
@keyframes wipe-in-left {
0% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-left.active,
.active .mask-animation.wipe-in-left {
animation: wipe-in-left 1s ease 0.25s forwards
}
@keyframes wipe-out-left {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
}
.mask-animation.wipe-out-left.active,
.active .mask-animation.wipe-out-left {
animation: wipe-out-left 1s ease 0.25s forwards
}
@keyframes ken {
0% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.active:not([data-tab-content]) .mask-animation.ken-burns img {
animation: ken 2s ease forwards
}
}

.lazyload.no-src {
opacity: 0
}

.lazyload,
.lazyloaded {
transition: opacity 0.25s
}

/*CSS 29-04-2022*/
.accordion-media > .tabs-container {
  display: none;
}

#page-block-oophpme0psb { max-width: 100%;  padding:65px 0px 20px} 
#page-block-oophpme0psb .section-holder-border { border: 0; }
#page-block-oophpme0psb .section-block { background: none;  }
#page-block-oophpme0psb .section-holder-overlay { display: none; }
#element-527 { top: 5.5rem; left: 1.25rem;  width: 100%; z-index: 4; color: #555555; font-size: 2.1053rem; line-height: 2.975rem; text-align: center; } 
#element-527 .x_ffb7a299 { text-align: center; color: rgb(3, 54, 61); font-weight: 700; line-height: 3rem; font-size: 2.1053rem; } 
#element-527 .contents { font-family: SharpSans!important; }
#element-527 .contents p { color:  #000!important; font-weight: 600!important; text-align: center!important; }
#element-529 { top: 14.6875rem; left: 0.0625rem; width: 100%; z-index: 5; } 
#element-528 {  top: 142.0625rem; left: 1.25rem; width: 100%; z-index: 16; }


	
@media screen and (min-width:768px) {	
#page-block-oophpme0psb {  max-width: 100%; transition:all ease .5s; padding:65px 0px 20px;  }
#page-block-oophpme0psb.largeblk {  transition:all ease .5s; }
#page-block-oophpme0psb .section-holder-border { border: 0; }
#page-block-oophpme0psb .section-block { background: none; }
#page-block-oophpme0psb .section-holder-overlay { display: none; }
#element-527 { top: 8rem; left: 5.375rem; height: 4rem; width: 100%; z-index: 4; color: #555555; font-size: 1.9814rem; line-height: 3.2rem; text-align: center; margin-bottom: 20px;}
#element-527 .x_9838c043 { text-align: center; color: rgb(3, 54, 61); font-weight: 700; line-height: 2.5rem; font-size: 1.9814rem; }
#element-527 .contents { font-family: SharpSans!important; line-height: 2.5rem!important; font-size: 1.9814rem!important; width: 100% !important; margin-bottom: 1.5rem!important; } 
#element-527 .contents p { color: #000!important; line-height: 2.5rem!important; font-size: 1.9814rem!important; font-weight: 700!important; text-align: center!important; }
#element-529 { top: 14.5rem; left: -5.3125rem;  width: 100%; z-index: 5; }
#element-528 { top: 47.5625rem; left: 20.875rem;  width: 18.1875rem; z-index: 16; transition:all ease .5s;}
#element-528.largeblk { top: 55.5625rem;  transition:all ease .5s;}

}

@media only screen and (max-width:991px) {
.grid .col.col-small-6.ctcntr{ width: 100% !important; flex-direction: revert  !important; flex-wrap: wrap  !important;  } 
.grid .col.col-small-6.ctcntr .container-child{ width: 100% !important; padding: 10px;  text-align: center;} 
.grid .col.col-small-6.ctcntr .container-child h5{ font-weight:600; margin-bottom:10px; } 
#element-527 .contents p{ line-height: 1.6rem !important; font-size: 1.481rem !important;}
}

@media only screen and (max-width:768px) {
.ppc_main_cont{ width: 100% !important; flex-direction: revert  !important; flex-wrap: wrap  !important;  } 
.flex-divide .text_left{width:100%; text-align:center;}
.white_paper_download{text-align:center !important;}
.white_paper_download a{float:none !important; display:inline-block !important;}
#image_infra_box, .image_right.img-full, .image_left.img-full, .flex-divide .text_right{width:100%; text-align:center;}
}

/*Banner 05-05-2022*/
.banner_left ul {
  padding-left: 22px;
  margin: .9rem 0 .625rem 0;
}

.banner_left li {
  text-align: left;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  position: relative;
}

.banner_left li::before {
  position: absolute;
  top: 12px;
  left: -21px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f29600;
  content: "";
}
form .select-wrap::before, .greenhouse-form .select-wrap::before, .icon-chevron-down::before {
  content: "";
  background:url(../images/down-arrow.png);
  width: 20px;
    height: 20px;
}

.accordion-media [data-accordion-tab] .icon-chevron-down::before {
  position: absolute;
  top: 2rem;
  right: 2rem;
  transition: transform 1000ms linear;
}
.accordion-media [data-accordion-tab].active .icon-chevron-down::before {
  transform: rotate(180deg);
  transition: transform 500ms linear;
}
/*Banner 05-05-2022*/


.accordion .accordion-item.active .accordion-closed::before {
transform: rotate(180deg)
}

.accordion .accordion-item.active .accordion-open {
display: block
}

.accordion.theme-media .accordion-item.active {
background: #fff;
box-shadow: 0 4px 12px 0 rgba(104, 115, 125, 0.15)
}

.accordion.theme-media .accordion-item.active::before {
background: #03363d;
height: 2px
}

.accordion.theme-media .accordion-item.active+.accordion-item::before {
background: transparent
}

.accordion[data-accordion-animate] .accordion-item.active .accordion-open {
opacity: 1;
max-height: none
}

@media only screen and (max-width: 767px) {
.accordion[data-accordion-disable-mobile] .accordion-item.active {
background: none
}
}

.active .anim-in {
opacity: 1
}

.active .anim-out {
opacity: 0
}

.active .anim-up {
transform: translateY(0)
}

.active .anim-right {
transform: translateY(0)
}

.active .anim-down {
transform: translateY(0)
}

.active .anim-left {
transform: translateY(0)
}

@media only screen and (min-width: 1120px) {
@keyframes wipe-in-up {
0% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-up.active,
.active .mask-animation.wipe-in-up {
animation: wipe-in-up 1s ease 0.25s forwards
}
@keyframes wipe-out-up {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
}
.mask-animation.wipe-out-up.active,
.active .mask-animation.wipe-out-up {
animation: wipe-out-up 1s ease 0.25s forwards
}
@keyframes wipe-in-right {
0% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-right.active,
.active .mask-animation.wipe-in-right {
animation: wipe-in-right 1s ease 0.25s forwards
}
@keyframes wipe-out-right {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
}
.mask-animation.wipe-out-right.active,
.active .mask-animation.wipe-out-right {
animation: wipe-out-right 1s ease 0.25s forwards
}
@keyframes wipe-in-down {
0% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-down.active,
.active .mask-animation.wipe-in-down {
animation: wipe-in-down 1s ease 0.25s forwards
}
@keyframes wipe-out-down {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
}
.mask-animation.wipe-out-down.active,
.active .mask-animation.wipe-out-down {
animation: wipe-out-down 1s ease 0.25s forwards
}
@keyframes wipe-in-left {
0% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-left.active,
.active .mask-animation.wipe-in-left {
animation: wipe-in-left 1s ease 0.25s forwards
}
@keyframes wipe-out-left {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
}
.mask-animation.wipe-out-left.active,
.active .mask-animation.wipe-out-left {
animation: wipe-out-left 1s ease 0.25s forwards
}
@keyframes ken {
0% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
}

ul.list-icon {
list-style: none;
padding: 0
}

ul.list-icon li {
padding: 0 0 0 2.5rem;
position: relative
}

ul.list-icon li:not(:last-child) {
margin-bottom: 2rem
}

ul.list-icon li .list-icon-bullet {
color: #03363d;
display: block;
font-size: 1.5rem;
height: 1.5rem;
justify-content: center;
left: 0;
position: absolute;
top: 1px;
width: 1.5rem
}

.active .anim-in {
opacity: 1
}

.active .anim-out {
opacity: 0
}

.active .anim-up {
transform: translateY(0)
}

.active .anim-right {
transform: translateY(0)
}

.active .anim-down {
transform: translateY(0)
}

.active .anim-left {
transform: translateY(0)
}

@media only screen and (min-width: 1120px) {
@keyframes wipe-in-up {
0% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-up.active,
.active .mask-animation.wipe-in-up {
animation: wipe-in-up 1s ease 0.25s forwards
}
@keyframes wipe-out-up {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
}
.mask-animation.wipe-out-up.active,
.active .mask-animation.wipe-out-up {
animation: wipe-out-up 1s ease 0.25s forwards
}
@keyframes wipe-in-right {
0% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-right.active,
.active .mask-animation.wipe-in-right {
animation: wipe-in-right 1s ease 0.25s forwards
}
@keyframes wipe-out-right {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
}
.mask-animation.wipe-out-right.active,
.active .mask-animation.wipe-out-right {
animation: wipe-out-right 1s ease 0.25s forwards
}
@keyframes wipe-in-down {
0% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-down.active,
.active .mask-animation.wipe-in-down {
animation: wipe-in-down 1s ease 0.25s forwards
}
@keyframes wipe-out-down {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
}
.mask-animation.wipe-out-down.active,
.active .mask-animation.wipe-out-down {
animation: wipe-out-down 1s ease 0.25s forwards
}
@keyframes wipe-in-left {
0% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-left.active,
.active .mask-animation.wipe-in-left {
animation: wipe-in-left 1s ease 0.25s forwards
}
@keyframes wipe-out-left {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
}
.mask-animation.wipe-out-left.active,
.active .mask-animation.wipe-out-left {
animation: wipe-out-left 1s ease 0.25s forwards
}
@keyframes ken {
0% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.active:not([data-tab-content]) .mask-animation.ken-burns img {
animation: ken 2s ease forwards
}
}


.grid .row.accordion-media {
margin-bottom: 3rem
}

.accordion-media {
display: flex;
justify-content: space-between;
align-items: center
}

@media only screen and (min-width: 768px) {
.accordion-media {
align-items: normal
}
}

.accordion-media [data-accordion-tab] {
position: relative;
cursor: pointer;
user-select: none;
margin: 0;
padding: 25px;
border-top-style: solid;
border-top-width: 1px;
border-color: #c2c8cc;
transition: background-color 1000ms, border-color 1000ms, box-shadow 1000ms, padding 500ms
}

.accordion-media [data-accordion-tab] .icon-chevron-down::before {
position: absolute;
top: 2rem;
right: 2rem;
transition: transform 1000ms linear
}

.accordion-media [data-accordion-tab] .tab-trigger {
margin: 0
}

.accordion-media [data-accordion-tab] .tab-trigger h5 {
margin-bottom: 0
}

.accordion-media [data-accordion-tab] .tab-details {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: opacity 500ms, max-height 500ms, padding-top 500ms
}

.accordion-media [data-accordion-tab] .tab-details p:last-child {
margin-bottom: 0
}

.accordion-media [data-accordion-tab]:hover,
.accordion-media [data-accordion-tab]:focus,
.accordion-media [data-accordion-tab].active {
border-color: #f29600;
background: #fff
}

.accordion-media [data-accordion-tab].active {
margin-bottom: -1px;
border-top-width: 2px;
z-index: 2;
box-shadow: 0 4px 12px 0 rgba(104, 115, 125, 0.15);
transition: background-color 1000ms 500ms, border-color 1000ms 500ms, box-shadow 1000ms 500ms, padding 500ms
}

.accordion-media [data-accordion-tab].active .tab-details {
max-height: 500px;
padding: 1em 0 0;
opacity: 1;
transition: opacity 1000ms 250ms, max-height 1000ms 250ms, padding-top 500ms
}

.accordion-media [data-accordion-tab].active .icon-chevron-down::before {
transform: rotate(180deg);
transition: transform 500ms linear
}

.accordion-media>.tabs-container {
display: none
}

@media only screen and (min-width: 768px) {
.accordion-media>.tabs-container {
display: flex
}
}

.accordion-media>.tabs-container.col-small-5 .tab-headline h5 {
padding-right: 5rem
}

.accordion-media>.tabs-container.col-small-4 [data-accordion-tab].active {
background: #f3f0ee
}

.accordion-media>.tabs-container.col-small-4 [data-accordion-tab].active h5 {
color: #03363d
}

@keyframes tab-content-out {
0% {
opacity: 1
}
100% {
opacity: 0
}
}

@keyframes tab-content-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}

.accordion-media>.content-container {
position: relative
}

@media only screen and (min-width: 768px) {
.accordion-media>.content-container {
justify-content: flex-start
}
}

.accordion-media>.content-container [data-accordion-tab-content] {
display: block;
position: relative;
width: 100%;
margin-bottom: 3.75rem
}

@media only screen and (min-width: 768px) {
.accordion-media>.content-container [data-accordion-tab-content] {
display: none;
margin-bottom: 0;
z-index: -1;
opacity: 0;
animation: tab-content-out 500ms ease forwards
}
.accordion-media>.content-container [data-accordion-tab-content].active {
display: flex;
z-index: 1;
animation: tab-content-in 500ms 500ms ease forwards
}
}
/*Stops-overflow ipad, android*/
@media only screen and (max-width: 1200px) {
[data-aos^=fade][data-aos^=fade] {
    display: none;
}
[data-aos^=fade][data-aos^=fade].aos-animate {

    display: block;
}
}
/*Stops-overflow ipad, android*/

.accordion-media>.content-container [data-accordion-tab-content] h5 {
margin-bottom: 0.5em
}

.accordion-media>.content-container [data-accordion-tab-content] img,
.accordion-media>.content-container [data-accordion-tab-content] video {
display: block;
margin: 0 auto 2rem
}

@media only screen and (min-width: 768px) {
.accordion-media>.content-container [data-accordion-tab-content] img,
.accordion-media>.content-container [data-accordion-tab-content] video {
margin-bottom: 0
}
}

.zection.dark-mode [class^="icon-"],
.zection.dark-mode [class*=" icon-"] {
color: #fff
}

article>section {
padding-top: 2rem;
padding-bottom: 2rem
}

@media only screen and (min-width: 768px) {
article>section {
padding-top: 4rem;
padding-bottom: 4rem
}
}

section.dark-mode [class^="icon-"],
section.dark-mode [class*=" icon-"] {
color: #fff
}

.active .anim-in {
opacity: 1
}

.active .anim-out {
opacity: 0
}

.active .anim-up {
transform: translateY(0)
}

.active .anim-right {
transform: translateY(0)
}

.active .anim-down {
transform: translateY(0)
}

.active .anim-left {
transform: translateY(0)
}

@media only screen and (min-width: 1120px) {
@keyframes wipe-in-up {
0% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-up.active,
.active .mask-animation.wipe-in-up {
animation: wipe-in-up 1s ease 0.25s forwards
}
@keyframes wipe-out-up {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
}
.mask-animation.wipe-out-up.active,
.active .mask-animation.wipe-out-up {
animation: wipe-out-up 1s ease 0.25s forwards
}
@keyframes wipe-in-right {
0% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-right.active,
.active .mask-animation.wipe-in-right {
animation: wipe-in-right 1s ease 0.25s forwards
}
@keyframes wipe-out-right {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
}
.mask-animation.wipe-out-right.active,
.active .mask-animation.wipe-out-right {
animation: wipe-out-right 1s ease 0.25s forwards
}
@keyframes wipe-in-down {
0% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-down.active,
.active .mask-animation.wipe-in-down {
animation: wipe-in-down 1s ease 0.25s forwards
}
@keyframes wipe-out-down {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
}
.mask-animation.wipe-out-down.active,
.active .mask-animation.wipe-out-down {
animation: wipe-out-down 1s ease 0.25s forwards
}
@keyframes wipe-in-left {
0% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-left.active,
.active .mask-animation.wipe-in-left {
animation: wipe-in-left 1s ease 0.25s forwards
}
@keyframes wipe-out-left {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
}
.mask-animation.wipe-out-left.active,
.active .mask-animation.wipe-out-left {
animation: wipe-out-left 1s ease 0.25s forwards
}
@keyframes ken {
0% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.active:not([data-tab-content]) .mask-animation.ken-burns img {
animation: ken 2s ease forwards
}
}
@media only screen and (min-width: 1120px) {
@keyframes wipe-in-up {
0% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-up.active,
.active .mask-animation.wipe-in-up {
animation: wipe-in-up 1s ease 0.25s forwards
}
@keyframes wipe-out-up {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0)
}
}
.mask-animation.wipe-out-up.active,
.active .mask-animation.wipe-out-up {
animation: wipe-out-up 1s ease 0.25s forwards
}
@keyframes wipe-in-right {
0% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-right.active,
.active .mask-animation.wipe-in-right {
animation: wipe-in-right 1s ease 0.25s forwards
}
@keyframes wipe-out-right {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0)
}
}
.mask-animation.wipe-out-right.active,
.active .mask-animation.wipe-out-right {
animation: wipe-out-right 1s ease 0.25s forwards
}
@keyframes wipe-in-down {
0% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-down.active,
.active .mask-animation.wipe-in-down {
animation: wipe-in-down 1s ease 0.25s forwards
}
@keyframes wipe-out-down {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0)
}
}
.mask-animation.wipe-out-down.active,
.active .mask-animation.wipe-out-down {
animation: wipe-out-down 1s ease 0.25s forwards
}
@keyframes wipe-in-left {
0% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
100% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
}
.mask-animation.wipe-in-left.active,
.active .mask-animation.wipe-in-left {
animation: wipe-in-left 1s ease 0.25s forwards
}
@keyframes wipe-out-left {
0% {
clip-path: inset(0);
-webkit-clip-path: inset(0)
}
100% {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%)
}
}
.mask-animation.wipe-out-left.active,
.active .mask-animation.wipe-out-left {
animation: wipe-out-left 1s ease 0.25s forwards
}
@keyframes ken {
0% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.active:not([data-tab-content]) .mask-animation.ken-burns img {
animation: ken 2s ease forwards
}
}

.tabs-module [data-tab].active {
color: #03363d
}

@keyframes tab-content-out {
0% {
opacity: 1
}
100% {
opacity: 0
}
}

.tabs-module [data-tab-content].active {
display: block;
animation: tab-content-in 400ms 400ms ease forwards
}

@keyframes tab-content-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}

.tabs-module.tabs-default [data-tab].active {
color: #03363d
}

.tabs-module.tabs-default [data-tab].active {
background: #f8f9f9;
border-color: #03363d #03363d transparent;
box-shadow: 0 4px 12px 0 rgba(104, 115, 125, 0.15);
position: relative;
z-index: 1
}

.tabs-module.tabs-default [data-tab].active::before {
width: 100%
}

.tabs-module.tabs-default .content-container .tab-body-content [data-tab-content].active {
flex-direction: column
}

.tabs-module.tabs-default [data-tab-content].active {
display: block;
animation: tab-content-in 400ms 400ms ease forwards
}

@keyframes tab-content-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}

.tabs-module.tabs-default-inverse [data-tab].active {
background: #fff
}

.tabs-module.tabs-minimal .tabs-container [data-tab].active h5 {
color: #03363d
}

.tabs-module.tabs-minimal .tabs-container [data-tab].active::after {
transform: scaleX(1)
}

.tabs-module.tabs-minimal [data-tab-content].active {
display: flex !important;
flex-direction: row;
animation: tab-content-in 400ms 400ms ease forwards
}

@keyframes tab-content-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}

.tabs-module.vertical>.tabs-container>[data-tab].active {
background: #fff;
box-shadow: 0 8px 24px 0 rgba(104, 115, 125, 0.15)
}

.tabs-module.vertical>.tabs-container>[data-tab].active {
box-shadow: 0 8px 24px 0 rgba(104, 115, 125, 0.15);
margin: 1.5rem 0;
transition: background-color 800ms 400ms, border-color 800ms 400ms, box-shadow 800ms 400ms, padding 400ms, margin 400ms
}

.tabs-module.vertical>.tabs-container>[data-tab].active .tab-details {
max-height: 500px;
padding: 1em 0 0
}

@media only screen and (min-width: 768px) {
.tabs-module.vertical>.tabs-container>[data-tab].active .tab-details {
padding: 1em 0 0
}
}

.tabs-module.vertical>.content-container [data-tab-content].active {
display: block;
z-index: 1;
position: static
}

.tabs-module.vertical [data-tab].active {
border-color: #03363d
}

.tabs-module.vertical [data-tab].active[data-tab="support"] {
border-color: #78a300
}

.tabs-module.vertical [data-tab].active[data-tab="guide"] {
border-color: #eb4962
}

.tabs-module.vertical [data-tab].active[data-tab="chat"] {
border-color: #f79a3e
}

.tabs-module.vertical [data-tab].active[data-tab="talk"] {
border-color: #efc93d
}

.tabs-module.vertical [data-tab].active[data-tab="sell"] {
border-color: #d4ae5e
}

.tabs-module.vertical [data-tab].active[data-tab="explore"] {
border-color: #30aabc
}

.tabs-module.vertical [data-tab].active[data-tab="message"] {
border-color: #37b8af
}

.tabs-module.vertical [data-tab].active[data-tab="sunshine"] {
border-color: #efc93d
}

.tabs-module.vertical [data-tab].active[data-tab="gather"] {
border-color: #e7afa2
}

.tabs-module.vertical [data-tab].active[data-tab="answerbot"] {
border-color: #caefec
}

@keyframes stepFadeOut {
0% {
display: block;
opacity: 1
}
100% {
display: none;
opacity: 0
}
}

@keyframes stepFadeIn {
0% {
display: none;
opacity: 0
}
100% {
display: block;
opacity: 1
}
}

@media only screen and (min-width: 768px) {
.hide-small-up {
display: none !important
}
}


.accordion-media [data-accordion-tab] .tab-trigger{ font-weight: 600;}





/*.mobile_liveWbinar #buy_popup_1{position:absolute; width:410px; right:0px; top:57px;}*/
.mobile_liveWbinar #buy_popup_1{position:fixed; width:350px; right:10px; top:57px;}

.mobile_liveWbinar .buy_form_content{ background:#fff;  border:0px solid #e59a11; border-top:0px solid #e59a11; border-radius:0px 0px 5px 5px; float:left; width:100%; }

.mobile_liveWbinar .buy_form_content .section_heading{padding:10px 10px 0px 10px;}
.mobile_liveWbinar #buy_popup_1 .buy_form_content .section_heading, .mobile_liveWbinar .slide_popup_1 .buy_form_content .section_heading{ color:#000;}
.mobile_liveWbinar .popup_form{padding:0px 10px;}
.mobile_liveWbinar .section_heading span{padding:0px;}
.mobile_liveWbinar .popup_form textarea, .popup_form input.input_fields{ padding:4px;}
.mobile_liveWbinar .popup_form textarea{height:50px;}
.mobile_liveWbinar #buy_popup .popup_form .banner-btn, .mobile_liveWbinar .submit_button .banner-btn {line-height:normal; margin-right:10px; border-bottom:0px !important; font-weight:normal !important; color:#fff; box-shadow: none !important; padding:6px 15px;    margin-top: 0;
    margin-bottom: 10px;}
.mobile_liveWbinar .close-popup{display:none;}
.opened_popup{position:absolute; top:0px; left:0px; opacity:0px; display:none;}
.popup_label{font-size:14px; color:#2f2f2f; float:left; width:100%; line-height:17px;}

.slide_popup_1 {
    overflow: hidden;
    transition: all .5s ease-in-out;
    width: 100%;
    height: 0px;
    transition: width 2s, height .5s;
    overflow: hidden;
    max-width: 1140px;
    margin: 0px auto;
}
.slide_popup_1open {
    height: 524px;
    width: 100%;
    max-width: 1140px;
    margin: 0px auto;
    transition: width 2s, height .5s;
    overflow: hidden;
}
#buy_popup_1 .form-group {
    padding-top: 5px;
}
#buy_popup_1 .form-group {
    float: left;
    padding: 2px 5px;
}
#buy_popup_1 .submit_button {
    padding-top: 0px;
}

#buy_popup_1 .submit_button {
    float: left;
    padding: 10px 5px;
}
#buy_popup_1 .contact_fields, .slide_popup_1 .contact_fields {
    float: left;
    width: 50%;
    padding: 5px 5px;
}

.contact_fields.livedemo_textarea {
    width: 100% !important;
}
.liveDemofull .contact_fields, .liveDemofull .liveDemofull .contact_fields {
    width: 100% !important;
}
.mobile_liveWbinar.liveDemofull #buy_popup_1 {
    width: 368px !important;
}

.buy_form_content .section_heading {
    padding: 22px 94px 10px;
    font-size: 32px;
    font-weight: 300;
}
.liveDemofull .slide_popup_1open {
    height: 677px !important;
}
.bg-dark-btn a.cancelpopupbtn {
    background: #f29600;
}
.bg-dark-btn a.cancelpopupbtn:hover{
	background: #fea81a;
}


.banner_ad{width: 325px; color: #fff; padding-top: 0px; font-weight: bold; float: left; margin-top: 25px;
    padding-left: 35px; font-size: 22px; animation: boxZoom 2s linear 1;}
	
@keyframes boxZoom {
	0% {
	transform: scale(1.0);
	}
	
	50% {
		transform: scale(1.2);
	}
	
 100% {
	transform: scale(1.0);
  }
}
.banner_ad span{ color:#f29600;}


@media (max-width:1440px){

.banner_left h1 {font-size: 40px;}
.banner_left h1 span {font-size: 48px;}
.banner_ad {padding-left: 0;}


}

@media (max-width:1366px){

.banner_left h1 {
    font-size: 39px;
}
.banner_left h1 span {
    display: block;
    width: 100%;
    font-size: 49px;
}
.banner_ad {
    padding-left: 0;
    font-size: 20px;
    animation: boxZoom 2s linear 1;
}


}


@media (min-width:991px) and (max-width:1199px){
	
.banner_left h1 {
    font-size: 34px;
}
.banner_left h1 span {
    font-size: 42px;
}
	
}

/*Css 05-05-2022*/
@media (min-width:768px) and (max-width:991px){
.mobile_liveWbinar.liveDemofull #buy_popup_1 {
  max-height: 350px;
  overflow-y: scroll;
}	
.grid .col.col-small-5 {
    flex: 0 0 auto;
    width: 100%;
}
#buy_popup_1 .submit_button .banner-btn {
  margin-right: 10px !important;
}
.banner_left h1 span {
    display: block;
    width: 100%;
    font-size: 46px;
}
.banner_ad {
    padding-left: 15px;
}
.banner_right {
    float: left;
    width: 70%;
    text-align: left;
}
#main_banner .inner_content {
    display: flex;
    flex-direction: column;
	    align-items: flex-start;
}

}
/*Css 05-05-2022*

/*Css 11-05-2022*/
@media(min-width: 480px) and (max-width: 800px){
ul.withcheck{padding-left: 25px;}	
}
@media(max-width: 767px){
#main_banner{ margin-top:66px;}
.accordion-media>.content-container [data-accordion-tab-content="4"] {padding-bottom: 0px;margin-bottom: 0px;}
#element-527 .contents p {padding: 40px 0 20px 0;}
#element-527 .contents p {
    line-height: 2.5rem !important;
    font-size: 1.81rem !important;
}
}
/*Css 11-05-2022*/




@media (max-width:767px){
	
.banner_ad {
   margin-top: 21px;
    padding-left: 5px;
    font-size: 20px;
}	
	
}



@media (max-width:480px){
	
.note {
    width: 100%;
    max-width: 100%;
}
.text-center.centerbtn {
    padding: 0px 0 0 0;
}/*	
.mobile_liveWbinar #buy_popup_1 {
    position: absolute;
    
    width: 362px;
    right: 0px;
    top: 57px;
}*/
	
.mobile_liveWbinar #buy_popup_1 {
    position: fixed;
    
    width: 362px;
    right: 10px;
    top: 57px;
}	
.banner_left h1 {
    font-size: 29px;
}
.banner_left h1 span {
    display: block;
    width: 100%;
    font-size: 35px;
}
	
}
.banner_left h1 .banner_sub_heading{float:left; width:100%; font-size:43px;}
 .banner_left h1 .banner_sub_heading a{background:none; font-size:43px !important; padding:0px; margin:0px; text-decoration:underline; float:none; }
 .banner_left h1 a{ color:#f29600 !important;}
 .banner_left h1 a:hover{color:#a897f3 !important; }
 
 
 @media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
	
.grid .col img {
    width: 100%;
    height: auto;
    max-height: none !important;
    max-width: 600px;
}
.top-head-title  h4.sub-head-main {
		white-space:normal
	}
	.top-head-title {
		max-width: 1420px;
	}
	
}

/*Footer Button */
.footer_request_demo_1, .footer_request_demo_2{font-size: 21px; padding: 10px; text-align: center; width: 100%; float: left; display: block; margin-bottom: 10px; font-weight: 400; color: #fff;} 
.footerblock .footer_request_demo_1:hover, .footerblock .footer_request_demo_2:hover{color:#fff !important; opacity:.9; background:#009dc3}
.footer_buynow, .footer_request_demo_1{background:#433f3f;}
.footer_request_demo_1, .footer_request_demo_2 {font-size: 21px;  padding: 10px; text-align: center;  width: 100%;  float: left; display: block; margin-bottom: 10px; font-weight: 400 !important; color: #fff !important;}
.footer_request_demo_1, .footer_request_demo_2{font-size: 21px; padding: 10px; text-align: center; width: 100%; float: left; display: block; margin-bottom: 10px; font-weight: 400; color: #fff;} 
.footerblock .footer_request_demo_1:hover, .footerblock .footer_request_demo_2:hover{color:#fff; opacity:.9; background:#009dc3 !important;}
.footer_buynow, .footer_request_demo_1, .footer_buynow, .footer_request_demo_2{background:#433f3f;}
.footer_request_demo_1, .footer_request_demo_2 {font-size: 21px;  padding: 10px; text-align: center;  width: 100%;  float: left; display: block; margin-bottom: 10px; font-weight: 400 !important; color: #fff !important;}

/*Footer Button */


/* 19-9-25 */
.top-head-title h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}
.pd-left {
    padding-right: 10%;
}


#clients_logo.owl-theme {
    clear: both;
    max-width: 1440px;
    overflow: hidden;
    margin: 0 auto;
}

#clients_logo.owl-theme .owl-item {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
}

#clients_logo.owl-theme .owl-item .inner_client_logo {
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
}
.indivual.comparison-table.comptab{margin-top:0px}
.indivual.comparison-table.comptab .container {
    height: 100%;
}