.h1,.h2,.h3,.user-dashboard-locked-section .locked-message,h1,h2,h3{margin-top:20px;margin-bottom:10px}
.h3,.user-dashboard-locked-section .locked-message,h3{font-size:24px}
.input-group{position:relative;display:table;border-collapse:separate}
.allow-scrolling{pointer-events:none}
.application-body,html{height:100%}
.flex-container,.grid-container,.new-container,.user-dashboard-main-content{margin:0 auto;padding:0 15px;max-width:1400px}
.grid,.grid-container,.grid-container-lg,.grid-container-sm{display:grid}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.link-with-icon .link-with-icon-text{text-decoration:underline}
.link-with-icon .link-with-icon-left,.link-with-icon .link-with-icon-right{display:flex;align-items:center;justify-content:center;font-size:1.3rem;text-decoration:none}
.link-with-icon .link-with-icon-left{margin-right:8px}
.link-with-icon .link-with-icon-right{margin-left:8px}
.activity-feed-mobile .activity-feed-mobile-footer-button,.button,.button-no-padding,.collaborate-form .add-team-wrapper,.collaborate-form .delete-icon,.currency-selection .click-dropdown-toggle,.currency-selection .currency-selection-link,.design-browser .design-browser-filter .design-browser-filter-header,.design-browser .design-browser-filter .tag-filter-header,.design-browser .tag-filter-nav .design-browser-filter-header,.design-browser .tag-filter-nav .tag-filter-header,.design-request-form .design-requests-form-add-button,.design-request-form .design-requests-form-delete-button,.design-requests-add-collaborators .design-requests-add-collaborators-add-user,.design-requests-button-delete,.design-requests-form-specs .spec-button,.design-requests-form-tech-specs .tech-spec-button,.design-requests-top-links .design-requests-top-links-print,.dropdown-label,.integrators-list-view .become-integrator-button,.list-page-side-nav-top-tab .list-page-side-nav-top-tab-link,.mobile-nav-currency .mobile-currency-link,.notification-invite .notification-invite-remove,.side-nav .side-nav-tab-button,.team-members .team-member-delete,.team-members .team-member-edit,.team-members .team-member-leave-team,.tech-doc-part-documents-section .part-documents-section-download-link,.tech-doc-part-documents-section .part-documents-section-download-type,.user-dashboard-home-team-setup .user-dashboard-team-add-email-button,.user-dashboard-home-team-setup .user-dashboard-team-invite-back-btn,.user-dashboard-home-team-setup .user-dashboard-team-setup-delete-icon,.vention-navigation .vention-navigation-section .title{display:inline-block;text-align:center;text-decoration:none;padding:.35rem 1rem;font-size:1rem;border-radius:.25rem;border:1px solid transparent;white-space:nowrap;line-height:1.42857;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.marketing-scroll{margin:0 auto;padding:0 15px;max-width:1400px;color:#1c344f}
.marketing-scroll .marketing-scroll-heading{text-align:center;max-width:500px;margin:100px auto 0}
.marketing-scroll .dynamic-scroll-mobile{display:none}
.marketing-scroll .dynamic-scroll-section{display:grid;grid-template-columns:1fr 2fr;justify-content:center;align-items:flex-start;padding:100px 40px}
@media (min-width: 1550px) {
.marketing-scroll .dynamic-scroll-section{margin-right:-100px}
}
.marketing-scroll .dynamic-scroll-section .scroll-categories{position:-webkit-sticky;position:sticky;display:flex;top:0;left:0}
.marketing-scroll .dynamic-scroll-section .scroll-categories .scroll-category-bar{position:absolute;top:0;left:-20px;width:4px;background-color:#1c344f;height:110px;margin-right:20px}
@media (max-width: 1300px) {
.marketing-scroll .dynamic-scroll-section .scroll-categories .scroll-category-bar{height:150px}
}
.marketing-scroll .dynamic-scroll-section .scroll-categories .category{max-width:550px;margin-bottom:50px;margin-right:20px;color:#b6b4b4;transition:color .3s ease}
.marketing-scroll .dynamic-scroll-section .scroll-categories .active{color:#1c344f}
.marketing-scroll .dynamic-scroll-section .scroll-categories .active .scroll-category-heading{font-weight:700;color:#1c344f}
.marketing-scroll .dynamic-scroll-section .scroll-categories .scroll-category-heading{font-size:29px;margin:0 0 10px;color:#1c344f}
.marketing-scroll .dynamic-scroll-section .scroll-categories .scroll-category-description{font-size:15px;margin-bottom:15px}
.marketing-scroll .dynamic-scroll-section .moving-scroll-images{text-align:center;padding-left:30px}
.marketing-scroll .dynamic-scroll-section img{padding:10px;margin-bottom:550px}
@media screen and (min-height: 582px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:11vh}
}
@media screen and (min-height: 604px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:12vh}
}
@media screen and (min-height: 626px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:13vh}
}
@media screen and (min-height: 648px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:14vh}
}
@media screen and (min-height: 670px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:15vh}
}
@media screen and (min-height: 692px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:16vh}
}
@media screen and (min-height: 714px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:17vh}
}
@media screen and (min-height: 736px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:18vh}
}
@media screen and (min-height: 758px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:19vh}
}
@media screen and (min-height: 780px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:20vh}
}
@media screen and (min-height: 802px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:21vh}
}
@media screen and (min-height: 824px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:22vh}
}
@media screen and (min-height: 846px) {
.marketing-scroll .dynamic-scroll-section img{margin-bottom:23vh}
}
.marketing-scroll .marketing-scroll-button{display:inline-block;text-align:center;text-decoration:none;padding:10px 40px;font-size:14px;border-radius:.25rem;border:1px solid transparent;white-space:nowrap;line-height:1.42857;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;cursor:pointer;color:#fff;background-color:#1c344f}
.marketing-scroll .marketing-scroll-buttons{display:inline-grid;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-column-gap:40px;justify-content:center}
.part-gallery-item{padding:10px 10px 60px;font-weight:700;text-align:center}
.part-gallery-item .part-gallery-item-img{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px;background-color:#f1f4f8;border-radius:5px;margin-bottom:15px;transition:all .2s ease-in-out;width:150px}
a.part-gallery-item{text-decoration:none;color:#1c344f}
a.part-gallery-item:hover{text-decoration:underline;color:#1c344f}
.part-gallery-item:hover .part-gallery-item-img{box-shadow:0 3px 10px 3px #000;transform:translateY(-3px)}
/* .homepage h1,.homepage h2,.homepage h3,.homepage h4,.homepage h5,.homepage h6,.homepage li,.homepage p,.homepage ul{margin:0;padding:0} */
.homepage .max-widescreen-page-width{max-width:2000px;margin:0 auto}
.homepage .wrapper{margin:0 auto;padding:0 15px;max-width:1400px}
.homepage .button-blue{padding:12px 40px;background-color:#1c344f;color:#fff;border-radius:3px;font-size:1.14rem;font-weight:700;text-decoration:none;border:1px solid transparent;outline:none}
.homepage .button-blue:hover{background-color:#3f526d}
.homepage .button-blue:active{background-color:#1e2631}
.homepage .button-white{padding:15px 40px;background-color:#fff;color:#1c344f;border-radius:3px;font-size:1.14rem;font-weight:700;text-decoration:none;border:1px solid transparent;outline:none}
.homepage .button-white:hover{background-color:transparent;border:1px solid #fff;color:#fff}
.homepage .book-meeting-button{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-gap:7px;white-space:nowrap}
.homepage .book-meeting-button .link-with-icon{text-decoration:none;cursor:pointer;text-underline-position:under;font-size:1.2rem;color:#fff}
.homepage .book-meeting-button .link-with-icon:focus,.homepage .book-meeting-button .link-with-icon:hover{color:hsla(0,0%,100%,.5);text-decoration:none}
@media (max-width: 1070px) {
.homepage .book-meeting-button .link-with-icon:hover{color:#fff}
.marketing-scroll .dynamic-scroll-section{display:none}
.marketing-scroll .dynamic-scroll-mobile{display:block;padding:50px 20px;text-align:center}
.marketing-scroll .dynamic-scroll-mobile .category-wrapper .category-heading{max-width:500px;display:inline-block}
.marketing-scroll .dynamic-scroll-mobile .category-wrapper .scroll-category-heading{margin-bottom:30px;font-weight:900}
.marketing-scroll .dynamic-scroll-mobile .category-wrapper .scroll-category-description{font-size:1.71rem;margin-bottom:40px}
.marketing-scroll .dynamic-scroll-mobile .category-wrapper a{padding-top:12px;padding-bottom:12px}
.marketing-scroll .dynamic-scroll-mobile .category-wrapper .overlap-container{position:relative;margin-bottom:30px}
.marketing-scroll .dynamic-scroll-mobile .category-wrapper .overlap-container .overlap-image{position:absolute;bottom:20px;width:250px}
.marketing-scroll .dynamic-scroll-mobile .category-heading h2{font-size:29px;margin:0 0 10px;color:#1c344f}
.marketing-scroll .dynamic-scroll-mobile p{font-size:14px;margin:0 0 10px;color:#1c344f}
}
.homepage .book-meeting-button svg{width:2.2rem}
.homepage .book-meeting-button #Contact-Us{fill:#fff}
@media screen and (max-width: 767px) {
.homepage .book-meeting-button.home-talk-to-expert-button{grid-template-columns:auto auto;justify-content:center}
}
.homepage .book-meeting-button-stepper .link-with-icon{color:#1c344f}
.homepage .book-meeting-button-stepper .link-with-icon:hover{color:#3f526d}
.homepage .book-meeting-button-stepper #Contact-Us{fill:#1c344f}
.homepage .applications-section{background-color:#f1f4f8;text-align:center;padding:80px 0;background-image:url(https://ventionblobs.s3.amazonaws.com/page-assets/main-landing-page/application-accent.svg);background-position:0 100%;background-repeat:no-repeat}
@media (max-width: 1400px) {
.homepage .applications-section{background-image:unset}
}
.homepage .applications-section .applications-section-heading{max-width:500px;font-size:3rem;margin:0 auto}
.homepage .applications-section .applications-section-card-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:25px;-moz-column-gap:25px;column-gap:25px;margin:50px auto}
@media (max-width: 1070px) {
.homepage .applications-section .applications-section-card-wrapper{grid-template-columns:1fr;grid-column-gap:0;-moz-column-gap:0;column-gap:0;grid-row-gap:15px;row-gap:15px}
}
.homepage .applications-section .applications-section-card-wrapper-left{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:25px;gap:25px}
@media (max-width: 479px) {
.homepage .applications-section .applications-section-card-wrapper-left{grid-template-columns:1fr}
}
@media (max-width: 1070px) {
.homepage .applications-section .applications-section-card-wrapper-right{grid-row:1}
}
.homepage .applications-section .applications-section-card{color:#1c344f;text-decoration:none;background-color:#fff;padding:1.1rem;display:flex;height:220px;border-radius:3px;flex-direction:column;transition:all .25s ease;border:1px solid #dbdbdb;margin:10px}
.homepage .applications-section .right.applications-section-card{height:100%}
.homepage .applications-section .applications-section-card:hover{color:#1c344f;text-decoration:none}
.homepage .applications-section .applications-section-card:focus{color:#1c344f}
.homepage .applications-section .applications-section-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.175)}
.homepage .applications-section .applications-section-card-label{font-size:1rem;margin-top:.5rem;font-weight:700}
.homepage .applications-section .applications-section-card-thumbnail{flex:1 1;height:160px;background-size:contain;background-position:50%;background-repeat:no-repeat}
.homepage .applications-section .applications-section-new-card{position:relative;height:100%}
@media (max-width: 1070px) {
.homepage .applications-section .applications-section-new-card{height:430px}
}
@media (max-width: 767px) {
.homepage .applications-section .applications-section-new-card{height:330px}
}
.homepage .applications-section .applications-section-new-card-badge{position:absolute;top:15px;right:15px;background-color:#197ce0;padding:5px 10px;border-radius:3px;font-size:1.3rem;font-weight:700;color:#fff}
@media (max-width: 767px) {
.homepage .applications-section .applications-section-new-card-badge{font-size:1.1rem}
}
.homepage .applications-section .applications-section-new-card-label{font-size:1.3rem}
.homepage .applications-section .button-blue{display:inline-block}
.homepage .slideshow-section .fluid-container-xl{margin:0 auto}
.homepage .parts-section{position:relative;display:flex;align-items:center;width:100%;height:inherit;background-color:#f1f4f8}
.homepage .parts-section-background{position:absolute;content:"";width:50%;height:100%;background:no-repeat 50%/cover #1c344f;background-image:url(../img/uv-c-sterilizasyon/uvc-sterilizasyon-robotu-bg.webp)}
.homepage .parts-section>.parts-section-background:after{content:"";background:#1c344fa6;position:absolute;height:100%;width:100%}
@media screen and (max-width: 992px) {
.homepage .parts-section>.parts-section-background{width:100%;height:50%}
}
.homepage .parts-section .grid-container{width:100%;grid-template-columns:1fr 1fr}
@media screen and (max-width: 992px) {
.homepage .parts-section .grid-container{grid-template-rows:1fr 1fr;grid-template-columns:1fr}
}
.homepage .parts-section .parts-left{z-index:1;flex-direction:column;display:flex;align-items:flex-start;justify-content:center;color:#fff;position:relative}
.homepage .parts-section .parts-left .parts-heading,.homepage .parts-section .parts-left p{max-width:500px;margin-bottom:30px}
@media screen and (max-width: 1070px) {
.homepage .parts-section .parts-left .parts-heading{margin-bottom:0}
}
@media screen and (max-width: 992px) {
.homepage .parts-section .parts-left .parts-heading{text-align:center}
}
.homepage .parts-section .parts-left h2{color:#fff}
.homepage .parts-section .parts-left p{font-size:19px;margin-bottom:50px;line-height:30px}
@media screen and (max-width: 992px) {
.homepage .parts-section .parts-left{align-items:center}
}
.homepage .parts-section .parts-heading-span-new-line{display:block;margin-top:5px}
.homepage .parts-section .parts-description-mobile{display:none}
.homepage .parts-section .part-container{padding:80px 0 80px 80px}
.homepage .parts-section .part-container .part-gallery-item{width:100%;display:flex;flex-direction:column;align-items:center}
.homepage .parts-section .part-gallery-item .part-gallery-item-img{background-color:#fff;border:1px solid transparent;transition:all .3s ease}
.b6-xjList li:nth-child(1) .xiangao{width:140px}
.b6-xjList li:nth-child(2) .xiangao{width:280px}
.b6-xjList li:nth-child(3) .xiangao{width:228px}
.b6-xjList li:nth-child(4) .xiangao{width:246px}
.b6-xjList li:nth-child(5) .xiangao{width:246px}
.imgDiv img{width:100%;display:block}
.hdContainer{width:91.667%;margin:auto}
.pc,.idxCut-ulpc{display:block}
.mbl,.idxCut-ulmbl{display:none}
/* .logo,.hdRight{position:absolute;top:0;height:100%;display:flex;align-items:center}
.logo{left:0} */
.npgTitle{text-align:center}
.npgTitle .title,.npgTitle .tit{line-height:70px}
.npgTitle .title{font-size:64px;color:#000}
.npgTitle .tit{font-size:56px;color:#000}
.npgTitle .text{font-size:18px;line-height:32px;color:#000;margin-top:30px}
.npgTitle.w .title,.npgTitle.w .tit,.npgTitle.w .text{color:#fff}
.npgVh{position:relative;z-index:1;width:100%;min-height:100vh;padding-top:80px}
.npgVh-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.npgVh-smlOne,.npgVh-smlTwo{min-height:unset!important}
.yanyana-blok{display:flex;align-items:center;justify-content:center;margin-top:65px}
.yanyana-blok .tit{font-size:46px;color:#fff;margin-bottom:20px}
.yanyana-blok .txt{font-size:18px;color:#fff}
.npgVh-smlTwo{padding-top:95px}
.npgVh-smlTwo .yanyana-blok{margin-top:0;text-align:right}
.b6-xjBox{width:283px;margin:115px auto 0;position:relative}
.b6-xjList li{position:absolute}
.b6-xjList li svg{width:30px;height:30px;border-radius:100%;display:block;position:relative;z-index:2}
/* .b6-xjList li i:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image: url("data:image/svg+xml,%3Csvg class='' viewBox='' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='automate-dots' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(40.000000, 40.000000)' fill='%2300355A' fill-rule='nonzero'%3E%3Ccircle class='dot' cx='11.5' cy='10.5' r='17.5'%3E%3C/circle%3E%3Ccircle class='innerCircle' cx='11.5' cy='10.5' r='20.5' fill='%2301355a' stroke='%2301355a' stroke-width='5%25'%3E%3Canimate attributeType='CSS' attributeName='stroke-width' begin='0s' dur='2s' repeatCount='indefinite' from='2%25' to='0%25'%3E%3C/animate%3E%3Canimate attributeType='CSS' attributeName='stroke-width' begin='0s' dur='2s' repeatCount='indefinite' from='0%25' to='2%25'%3E%3C/animate%3E%3Canimate attributeType='CSS' attributeName='opacity' begin='0s' dur='2s' repeatCount='indefinite' from='1' to='0'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} */
.b6-xjList li:nth-child(1){top:1.5%;left:40%}
.b6-xjList li:nth-child(2){top:32%;left:58%}
.b6-xjList li:nth-child(3){top:62%;left:21%}
.b6-xjList li:nth-child(4){top:67%;left:78%}
.b6-xjList li:nth-child(5){top:73%;left:26%}
.b6-xjList li .div{position:absolute;width:300px}
.b6-xjList li:nth-child(1) .div{right:160px;top:-80px;text-align:right}
.b6-xjList li:nth-child(2) .div{top:-130px;left:195px}
.b6-xjList li:nth-child(3) .div{top:-110px;right:125px;text-align:right}
.b6-xjList li:nth-child(4) .div{top:-125px;left:132px}
.b6-xjList li:nth-child(5) .div{top:49px;right:125px;text-align:right}
.b6-xjList li .xiangao{position:absolute}
.b6-xjList li:nth-child(1) .xiangao{right:4px;bottom:4px}
.b6-xjList li:nth-child(2) .xiangao,.b6-xjList li:nth-child(4) .xiangao{left:4px;bottom:4px}
.b6-xjList li:nth-child(3) .xiangao{right:4px;top:4px}
.b6-xjList li:nth-child(5) .xiangao{right:4px;top:4px}
.b6-xjList li .tit{font-size:20px;color:#01355a;margin-bottom:10px;-webkit-transition:all .5s ease 0;transition:all .5s ease 0;margin: 0 0 10px 0;padding: 0;}
.b6-xjList li .txt{color:#666;line-height:24px}
/* @media screen and (min-width: 1200px) {
.fanye a:hover{color:#188cfb;border-color:#188cfb}
.b6-xjList li:hover .tit{color:#3ca5fe}
} */
@media screen and (max-width: 1200px) {
.npgTitle .title{font-size:42px}
.npgTitle .tit{font-size:36px}
.npgTitle .title,.npgTitle .tit{line-height:50px}
.b6-xjList li:nth-child(1) .xiangao img{width:102px}
.b6-xjList li:nth-child(2) .xiangao img{width:129px}
.b6-xjList li:nth-child(3) .xiangao img{width:168px}
.b6-xjList li:nth-child(4) .xiangao img{width:170px}
.b6-xjList li:nth-child(1) .div{top:-48px;right:125px}
.b6-xjList li:nth-child(2) .div{top:-37px;left:150px}
.b6-xjList li:nth-child(3) .div{top:47px;right:190px;text-align:right}
.b6-xjList li:nth-child(4) .div{top:-55px;left:190px}
.b6-xjList li .div{width:220px}
.b6-xjBox{margin-top:70px}
.b6-bg1{min-height:unset!important;padding-bottom:60px}
}
@media screen and (max-width: 992px) {
.hdRight{position:relative}
.npgVh{min-height:55vh}
.npgTitle .title{font-size:36px}
.npgTitle .tit{font-size:32px}
.npgTitle .text{font-size:13px;line-height:20px}
.npgTitle .title,.npgTitle .tit{line-height:42px}
.b6-xjBox{width:160px}
.b6-xjList li:nth-child(1) .xiangao img{width:80px}
.b6-xjList li:nth-child(2) .xiangao img{width:100px}
.b6-xjList li:nth-child(3) .xiangao img{width:100px}
.b6-xjList li:nth-child(4) .xiangao img{width:100px}
.b6-xjList li:nth-child(1) .div{top:-38px;right:95px}
.b6-xjList li:nth-child(2) .div{top:-30px;left:120px}
.b6-xjList li:nth-child(3) .div{top:25px;right:120px;text-align:right}
.b6-xjList li:nth-child(4) .div{top:-35px;left:118px}
}
@media screen and (max-width: 1200px) {
.pc{display:none}
.mbl{display:block}
.vhDiv,.npgVh{min-height:unset}
.npgTitle .title{font-size:28px}
.vdoBut .icon{width:40px;height:40px;line-height:38px;margin-bottom:5px}
.vdoBut .icon img{width:8px}
.vdoBut .txt{font-size:13px}
.npgVh{padding-top:0}
.npgVh .mblPost{position:absolute;top:35px;left:0;width:100%;padding:0 15px}
.npgVh .mblVh-img{position:relative}
.npgTitle .tit{font-size:26px}
.npgTitle .title,.npgTitle .tit{line-height:34px}
.npgVh-t3one{padding-bottom:0}
.npgTitle .text{font-size:12px}
.npgVh-smlOne{padding-top:45px}
.b6-bg1{padding-top:45px;padding-bottom:45px}
.b6-xjList{margin:35px -15px 0}
.b6-xjList li{position:relative;width:50%;left:0!important;top:0!important;right:0!important;bottom:0!important;text-align:left!important;display:inline-block;vertical-align:top;margin-left:-3px;padding:15px}
.b6-xjList li .xiangao{display:none}
.b6-xjList li .div{position:relative;left:0!important;top:0!important;right:0!important;bottom:0!important;text-align:left!important;width:100%}
.b6-xjList li i{display:none}
.b6-xjBox{width:100%;margin-top:35px}
.b6-xjBox .imgDiv{width:260px;margin:auto}
}
@media screen and (min-height: 846px) {
.marketing-scroll .dynamic-scroll-section img{height:50%;width:50%}
}
.search-xbut{position:absolute;width:20px;top:0;left:100%;cursor:pointer}
.vdoBut{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;cursor:pointer;z-index: 5;}
.vdoBut .icon{width:95px;height:95px;border:solid 1px #fff;border-radius:100%;display:block;text-align:center;line-height:93px;margin-bottom:25px}
.support_home_area{background:#fafafe}
.support_home_area .banner_top .subcribes .form-control{border-radius:45px;-webkit-box-shadow:none;box-shadow:none;border-color:#e1e1e1}
.support_home_area .banner_top .subcribes .form-control.placeholder{color:#999}
.support_home_area .banner_top .subcribes .form-control:-moz-placeholder{color:#999}
.support_home_area .banner_top .subcribes .form-control::-moz-placeholder{color:#999}
.support_home_area .banner_top .subcribes .form-control::-webkit-input-placeholder{color:#999}
.support_home_area .banner_top .subcribes .btn_submit{border-radius:45px}
.support_home_img{margin-left:-70px}
.border_bottom{width:100%;height:1px;background:#e1e5e8}
.support_partner_logo_area{padding-top:50px}
.support_partner_logo_area .logo_item{margin-bottom:30px}
.support_help_area .support_item{text-align:center;width:50%}
.support_help_area .support_item h4{font-size:24px;font-weight:500;color:#051441;margin:36px 0 25px}
.support_help_area .support_item .software_banner_btn{background-color:#6754e2;-webkit-box-shadow:0 20px 30px 0 rgba(12,0,46,0.1);box-shadow:0 20px 30px 0 rgba(12,0,46,0.1)}
.support_help_area .support_item .software_banner_btn:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}
.support_help_area .support_item+.support_item{border-left:1px solid #e1e1e1}
.support_tab .nav-item .nav-link{border-radius:10px}
.support_tab_content .tab-pane .tab_img{margin-right:-176px;max-width:inherit}
.support_tab_content .tab-pane .tab_img img{max-width:inherit}
.support_integration_area{background:#eaeeff;padding-top:120px}
.integration_img{margin-left:-175px}
.s_integration_item{background:#fff;-webkit-box-shadow:0 2px 7px 0 rgba(12,0,46,0.1);box-shadow:0 2px 7px 0 rgba(12,0,46,0.1);border-radius:10px;text-align:center;display:block;padding:20px;margin-bottom:30px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;z-index:1;position:relative}
.s_integration_item h5{font-size:18px;color:#051441;margin-top:15px;text-shadow:2px 2px 2px #000}
.s_integration_item p{font-size: 13px;line-height: 19px;}
.s_integration_item:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
.bg-video-wrap{position:relative;overflow:hidden;width:100%;height:100vh;}
.bg-video-wrap a svg{width:70px;height:70px;fill:#dcdcdc}
.bg-video-wrap video{min-width:100%;min-height:100vh;z-index:1}
.bg-video-wrap .overlay{width:100%;height:100vh;position:absolute;left:0;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 50%,rgba(0,0,0,.2) 50%);background-size:3px 3px;z-index:2;overflow: hidden;}
.bg-video-wrap h1{text-align:center;color:#fff;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:3;max-width:400px;width:100%;height:50px}
.overlay.kullanim-alanlari{background: #055fb58c;z-index: -1;border-radius:10px}
.hexagon-blok{
    /* height: 90vh;
    width: 100%; */
    position: relative;
}
.hexagon-blok .row{
    /* justify-content: space-between; */
}
.hexagon-relative{
    position: relative;
}
.hexagon-container{
    -webkit-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.75));
    -moz-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.75));
    -ms-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.75));
    -o-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.75));
    width: 180px;
    height: 180px;
}
.hexagon-container  {
    /* position: absolute; */
}

.hexagon-item:nth-of-type(even) {
    /* margin-top: 60px; */
}

.hexagon-item {
    text-align: center;
}

.hexagon-item  img{height: 70px;}
.hexagon-item  span{display: block;font-size: 12px;font-weight: 600;line-height: 17px;}

.circle-title {
    /* position: absolute;
    left: calc( 50% - 220px );
    top: 177px; */
    border: 12px solid #006076;
    border-radius: 50%;
    width: 420px;
    height: 420px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -24px auto 0 auto;
}

.circle-title h2{
    font-size: 41px;
    font-weight: 700;
}

.hexagon-item{
    /* top: 500px;
    left: 500px; */
}
.item-0,.item-2,.item-4,.item-6,.item-8{
    float: right;
    margin: -12px 0;
}
.item-1,.item-3,.item-5,.item-7,.item-9{
    float: left;
    margin: -12px 0;
}

/* .hexagon-container.item-0{top: 0;left: 75px;}
.hexagon-container.item-1{top: calc( 143.3px * 1 + 10px );left: 0;}
.hexagon-container.item-2{top: calc( 143.3px * 2 + 20px );left: 75px;}
.hexagon-container.item-3{top: calc( 143.3px * 3 + 30px );left: 0;}
.hexagon-container.item-4{top: calc( 143.3px * 4 + 40px );left: 75px;}
.hexagon-container.item-5{top: 0;right: 75px;}
.hexagon-container.item-6{top: calc( 143.3px * 1 + 10px );right: 0;}
.hexagon-container.item-7{top: calc( 143.3px * 2 + 20px );right: 75px;}
.hexagon-container.item-8{top: calc( 143.3px * 3 + 30px );right: 0;}
.hexagon-container.item-9{top: calc( 143.3px * 4 + 40px );right: 75px;} */

.hexagon-line{
    position: absolute;top: 42%;
    /* border: 1px solid #333; */
    border-top: 2px solid #333;
}

.innerline{
    position: absolute;
    /* border: 1px solid #333; */
    border-top: 2px solid #333;
}

.line-0{width: 170px;left: 160px;}
.innerline-0{top: calc(42% + 43px );right: -224px;width: 100px;transform: rotate(60deg);}

.line-1{width: 170px;left: 160px;}
.innerline-1{top: calc(42% + 17px );right: -192px;width: 50px;transform: rotate(45deg);}

.line-2{width: 100px;left: 160px;}

.line-3{width: 170px;left: 160px;}
.innerline-3{top: calc(42% - 17px );right: -192px;width: 50px;transform: rotate(135deg);}

.line-4{width: 170px;left: 160px;}
.innerline-4{top: calc(42% - 43px);right: -224px;width: 100px;transform: rotate(120deg);}

.line-5{width: 170px;right: 160px;}
.innerline-5{top: calc(42% + 43px);left: -224px;width: 100px;transform: rotate(120deg);}

.line-6{width: 170px;right: 160px;}
.innerline-6{top: calc(42% + 17px);left: -192px;;width: 50px;transform: rotate(135deg);}

.line-7{width: 100px;right: 160px;}

.line-8{width: 170px;right: 160px;}
.innerline-8{top: calc(42% - 17px);left: -192px;;width: 50px;transform: rotate(45deg);}

.line-9{width: 170px;right: 160px;}
.innerline-9{top: calc(42% - 43px);left: -224px;width: 100px;transform: rotate(60deg);}

.line-10{
    width: 56px;
    left: 62px;
    transform: rotate(90deg);
    top: 190px;
}

.line-0:before,.line-1:before,.line-2:before,.line-3:before,.line-4:before,.line-5:before,.line-6:before, .line-7:before,.line-8:before,.line-9:before,
.innerline-0:before,.innerline-1:before,.innerline-3:before,.innerline-4:before,.innerline-5:before,.innerline-6:before,.innerline-8:before,.innerline-9:before,.line-10::before  {
    position: absolute;
    top: -5px;
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #333;
}

.line-0:before,.line-1:before, .line-2:before,.line-3:before,.line-4:before,
.innerline-3:before,.innerline-4:before {
    left: -5px;
}

.line-5:before,.line-6:before, .line-7:before,.line-8:before,.line-9:before,
.innerline-0:before,.innerline-1:before, .innerline-2:before,.innerline-5:before,.innerline-6:before {
    right: -5px;
}

.line-2:after,.line-7:after,.line-10::after{
    position: absolute;
    top: -5px;
    right: 0;
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #333;
}
.line-7:after{
    left: 0;
}

.hexagon-item-10 {
    position: absolute;
    top: -265px;
    left: 0;
}


@media (max-width: 1200px) {
    .innerline, .hexagon-line{display: none;}
    .item-0,.item-2,.item-4,.item-6,.item-8,.item-1,.item-3,.item-5,.item-7,.item-9,.item-10{
        float: none;
        margin: 15px auto;
    }
    .item-0{
        /* margin: -10px auto -30px auto; */
    }
    .item-9{
        margin: -30px auto -10px auto;
    }
    .circle-title {
        /* position: absolute;
        left: calc( 50% - 220px );
        top: 177px; */
        border: 12px solid #006076;
        border-radius: 50%;
        width: 300px;
        height: 300px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .circle-title h2 {
        font-size: 33px;
    }
    .hexagon-container{
        /* width: 160px;
        height: 160px; */
    }
    
}
@media(min-width:769px){
    .hexa-center{
        margin: auto;
    }
}
@media (max-width: 768px) {
    .bg-video-wrap{
        max-width: 100%;
        height: 250px;
    }
    .bg-video-wrap video{
        max-width: 100%;
        /* min-height: 100%; */
    }
    .bg-video-wrap .overlay {
        display: none;
    }
    .right-last-col{
        margin-top: 53px;
    }
    .hexa-center{
        margin-left: auto;
        margin-top: 32px;
        margin-right: 29px;
    }
    .w-md-100 {
       width:100% !important;
    }
    .hexagon-item span {
        font-size: 11px;
    }
    .hexagon-item-10{
        margin-top: 40px;
    }
}
@media (max-width:558px){
    .hexa-center{
        margin-right: 10px;
    }
}

@media (max-width: 400px) {
    .hexagon-container {
        width: 150px;
        height: 150px;
    }
    .hexagon-item {
        width: 150px;
        height: 150px;
    }
    .hexa-center {
        /*margin-right: 0px !important;*/
        margin-top: 61px !important;
    }
}

@media (max-width:320px){
    .hexa-center {
        margin-right: -19px !important;
        margin-top: 61px !important;
    }
    .hexagon-container {
        width: 130px;
        height: 130px;
    }
    .hexagon-item {
        width: 130px;
        height: 130px;
    }
    .item-9 {
        margin: -10px auto -10px auto;
    }
    .hexagon-item img {
        height: 35px;
    }

}

.uvc-line, .uvc-innerline {
    position: absolute;
    border-bottom: 2px solid #01355a;
}

.uvc-line-1 {
    width: 170px;
    left: -188px;
    top: -77px;
}
.uvc-innerline-1 {
    top: -45px;
    left: -25px;
    width: 165px;
    transform: rotate(23deg);
}
.uvc-line-2 {
    width: 170px;
    left: 190px;
    top: -128px;
}
.uvc-innerline-2 {
    top: -70px;
    left: -5px;
    width: 212px;
    transform: rotate(-33deg);
}
.uvc-line-3 {
    width: 170px;
    left: -63px;
    top: -85px;
}
.uvc-innerline-3 {
    top: -41px;
    left: 89px;
    width: 140px;
    transform: rotate(40deg);
}
.uvc-line-4 {
    width: 170px;
    left: 129px;
    top: -122px;
}
.uvc-innerline-4 {
    top: -70px;
    left: -1px;
    width: 152px;
    transform: rotate(-44deg);
}
.uvc-line-5 {
    width: 170px;
    left: -43px;
    top: 69px;
}
.uvc-innerline-5 {
    top: 35px;
    left: 117px;
    width: 138px;
    transform: rotate(150deg);
}