/*Stable Zone*/
body{font-family:'Montserrat',sans-serif;font-weight:normal;font-style:normal;color:#333;overflow-x:hidden;font-size:1.1rem;-webkit-font-smoothing:antialiased;}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{max-width:100%;}
a:focus,input:focus,textarea:focus,button:focus{text-decoration:none;outline:none;}
a:focus,a:hover{text-decoration:none;}
a,button{transition:.3s;}
h1,h2,h3,h4,h5,h6{margin:0px;text-transform:uppercase;position:relative;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
p{font-weight:400;line-height:26px;color:#676e7c;margin:0px;}
textarea,select,input,button{outline:none;}
iframe{width:100%}
/*Framer*/
.contain-box{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){.contain-box{max-width:100%;}
}
@media (min-width:768px){.contain-box{max-width:100%;}
}
@media (min-width:992px){.contain-box{max-width:100%;}
}
@media (min-width:1200px){.contain-box{max-width:1440px;}
}
.contain-box-fluid,.contain-box-sm,.contain-box-md,.contain-box-lg,.contain-box-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){.contain-box,.contain-box-sm{max-width:100%;}
}
@media (min-width:768px){.contain-box,.contain-box-sm,.contain-box-md{max-width:100%;}
}
@media (min-width:992px){.contain-box,.contain-box-sm,.contain-box-md,.contain-box-lg{max-width:100%;}
}
@media (min-width:1200px){.contain-box,.contain-box-sm,.contain-box-md,.contain-box-lg,.contain-box-xl{max-width:1440px;}
}
.seperator{margin:35px 0 35px;color:#fff;letter-spacing:5px;font-weight:500;position:relative;}
.seperator:before{content:"";width:80px;height:2px;background:#fff;position:absolute;left:calc(-100% - 70px);top:10px;}
.seperator:after{content:"";width:80px;height:2px;background:#fff;position:absolute;right:calc(-100% - 70px);top:10px;}
.seperator.black:before{background:#222;}
.seperator.black:after{background:#222;}
section{padding:90px 0;}
/* Language Zone*/
.lang-box{overflow:hidden;background-color:#efefef;max-height:0;transition:.3s all;text-align:right;}
.lang-box.active{padding:12px 0;max-height:unset}
.lang-box li{display:inline-block;margin:0 10px 0 0;}
.lang-box a{color:#333;font-size:14px;}
.lang-box a:hover{text-decoration:underline;}
.lang-box .current{font-weight:700;}
.lang-box img,.lang-activator img{max-width:25px;margin-right:5px;}
.lang-activator{font-size:14px;color:#000;}
/* header */
header{box-shadow:0 3px 12px #00000025;}
.fixed{position:fixed;z-index:999;background:#fff;width:100%;transition:.3s;top:0;}
/*Top Header*/
/* Bottom Header */
.logo{padding:8px;display:block;}
.logo img{max-width:300px;}
.main-menu ul{display:inline-block;padding-right:35px;}
.main-menu ul li{display:inline-block;padding:0;position:relative;}
.main-menu ul li.active{position:relative}
.main-menu >ul>li>a{display:block;font-size:16px;padding:22px 8px;text-decoration:none;transition:all 0.3s ease 0s;color:#222;font-weight:500;position:relative}
.main-menu >ul>li>a:after{content:"";width:0;height:4px;background:#009acc;position:absolute;bottom:0;left:0;right:0;transition:.3s;}
.main-menu >ul>li>a:hover:after{width:100%;}
.main-menu >ul>li>a.current:after{width:100%;}
.main-menu ul li ul:hover .main-menu ul li > a{background:#ddd;}
.main-menu ul li a:hover{transition:all 0.3s 0s ease;color:#009acc;}
.main-menu ul li a.current{color:#009acc;}
.main-menu ul ul{background:#fff none repeat scroll 0 0;opacity:0;position:absolute;text-align:left;transform-origin:0 0 0;transition:all 0.3s ease 0s;visibility:hidden;z-index:99999;top:100%;padding:0;left:0;overflow:hidden;}
.main-menu ul ul li{float:none;min-width:200px;display:block;}
.main-menu ul ul li a{padding:8px 16px;color:#414141;display:block;font-weight:400;font-size:14px;}
.main-menu ul ul li a:hover{background:#009acc;color:#fff;}
.main-menu ul ul ul{top:0!important;left:100%;}
.main-menu ul li:hover > ul{visibility:visible;transition:all 0.3s ease 0s;opacity:1;top:100%;box-shadow:0px 5px 12px #00000028;border-radius:0 0 4px 4px;}
.log-btn{border:2px solid #099dcd;border-radius:4px;padding:6px 8px;color:#fff;background:#099dcd;}
.log-btn:hover{color:#fff;box-shadow:0px 6px 13px #0000004a;}
/*Slider*/
.main-slider .captions{position:absolute;top:50%;transform:translateY(-50%);left:10%;max-width:650px;}
.main-slider .captions h1{color:#fff;font-size:36px;font-weight:500;margin-bottom:20px;}
.main-slider .captions h2{color:#fff;font-size:22px;text-transform:capitalize;font-weight:300;}
.main-slider .captions p{color:#fff;font-size:16px;font-weight:400;}
/* Spec Section */
.spec-section .spec-content{height:100%;padding:13px;vertical-align:top;border-radius:18px;text-align:center;box-shadow:15px 0px 18px -10px rgba(0,0,0,0.11);border:1px solid #efefef;transition:.3s;}
.spec-section .spec-content.sarrow:after{right:-17px;filter:invert(72%) sepia(57%) saturate(4959%) hue-rotate(177deg) brightness(105%) contrast(95%);}
.spec-section .spec-content img{filter:invert(48%) sepia(60%) saturate(4816%) hue-rotate(167deg) brightness(96%) contrast(102%);}
.spec-section .spec-content:hover{box-shadow:0 21px 22px -10px #00000040;}
.spec-section .spec-content img{max-width:100px;margin-bottom:10px;}
.spec-section .spec-content h2{font-size:1.2rem;font-weight:700;letter-spacing:-.3px;-webkit-font-smoothing:antialiased;margin-bottom:15px;color:#009acc;}
.spec-section .spec-content p{font-size:14px;padding:15px;font-weight:500;line-height:22px;color:#333;}
/* Parallax Zone */
.parallaxbg-1{background:url(../images/parallax.jpg) no-repeat fixed center center;padding:90px 0;}
.content-title h2{color:#fff;letter-spacing:1px;font-weight:300;font-size:2em;padding:90px 0;}
/* Echo System */
.echosystem{background:url(../images/bga.jpg) no-repeat top center;background-size:cover;}
.echosystem [class*="col-"]{margin-bottom:30px;}
.head-title h3{font-size:28px;font-weight:400;}
.head-title h3,.head-title p{margin-bottom:30px;}
.cluster{position:relative;padding:2px;height:100%;transition:.3s;border-radius:14px;cursor:pointer;box-shadow:0 0 0 -0 #00000057}
.cluster:hover{box-shadow:0 32px 20px -15px #00000087}
.cluster:before{position:absolute;top:0;left:0%;width:100%;height:100%;background:linear-gradient(to top,#1691b9 0%,#a4d5dd 72%);content:'';border-radius:16px;}
.cluster.radius100:before{position:absolute;top:0;left:0%;width:100%;height:100%;background:linear-gradient(to top,#1691b9 0%,#a4d5dd 72%);content:'';border-radius:100%;}
.cluster-content{position:relative;z-index:2;background:#00183e;text-align:center;padding:35px;border-radius:14px;height:100%;display:flex;justify-content:center;align-items:center;font-weight:500;font-size:16px;color:#fff;}
.sarrow:after{content:"";background:url(../images/sangle.png) no-repeat;width:30px;height:50px;position:absolute;top:55%;background-size:contain;right:-30px;transform:translateY(-50%);z-index:10;}
.dangle:after{content:"";background:url(../images/right-arrow.png) no-repeat;width:90px;height:90px;position:absolute;top:50%;background-size:contain;right:-110px;transform:translateY(-50%);z-index:10;}
.smrotate1{max-width:35px;transform:rotate(-240deg);}
.smrotate2{max-width:35px;transform:rotate(45deg);}
.mbmr{margin-bottom:0!important;}
/* Product & Solutions */
/* .product-solutions .title h4{}
*/
.product-solutions .title h3,.product-solutions .title p{margin-bottom:35px;}
.protion{margin:30px 0}
.protion:nth-child(odd){background:#f7f7f7;}
.protion h4{margin-bottom:15px;text-transform:capitalize;}
.viewbtn{position:relative;font-size:15px;color:#009acc!important;font-weight:500;padding:8px 26px;top:15px;}
.protion .content{padding:15px;}
.viewbtn i{font-size:25px;position:relative;top:5px}
.viewbtn:after{content:"";border:solid #009acc;position:absolute;height:100%;top:0;width:30%;right:0;border-width:1px 1px 1px 0;transition:.3s;}
.viewbtn:before{content:"";border:solid #009acc;position:absolute;height:100%;top:0;width:30%;left:0;border-width:1px 0 1px 1px;transition:.3s;}
.viewbtn:hover:after,.viewbtn:hover:before{width:50%;box-shadow:0px 3px 0px #007196c9;}
/* Options */
.options [class*="col-"]{margin:0 0 30px}
.options .option-content{text-align:center;background:#fff;border-radius:8px;height:100%;padding:15px;border:0 dashed #cacaca;min-height:295px;transition:.3s;}
.options .option-content:hover{border-color:#009acc;box-shadow:0 30px 50px -10px #0000001a}
.options .option-content h4{margin-bottom:15px;}
.options .option-content img{max-width:100px;margin-bottom:15px;transition:.3s;}
.options .option-content:hover img{filter:grayscale(0%);}
.options .option-content p{font-size:.9rem;font-weight:500;}
/* Footer & Form */
footer{position:relative;}
footer:before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;transform:scaleY(-1);background:url(../images/bga.jpg) no-repeat bottom center;background-size:cover;}
.formzone{background:#fff;padding:60px 30px;border-radius:24px;box-shadow:0 30px 47px #00000059;margin:-60px 0 0;}
.formzone h5{margin-bottom:15px;text-align:center;display:block;font-weight:700;font-size:32px;color:#009acc;}
.formzone p{margin-bottom:15px;text-align:center;display:block;font-size:15px;font-weight:500;}
.formzone .form-control{margin-bottom:15px;box-shadow:none;}
.formzone .phone{display:block;}
.formzone .phone select{max-width:20%;float:left;margin:0 5px 0 0;}
.formzone .phone input[type=number]{max-width:calc(80% - 5px);display:inline-block;-webkit-appearance:none;}
.formzone .phone input[type=number]::-webkit-outer-spin-button,.formzone .phone input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.formzone .kvkk{width:15px;height:15px;margin-right:5px;}
.formzone .viewbtn{background:transparent;border:0;}
.footerbottom{padding:60px 0 45px;}
.bottom-menu li{display:inline-block;}
.bottom-menu li:not(:last-child){border-right:1px solid #ffffff67;}
.bottom-menu li a{color:#ffffff8f;font-size:14px;padding:6px 8px;transition:.3s;}
.bottom-menu li a:hover{text-shadow:0 0px 8px #00e7ff;color:#fff;}
.copyright{color:#ffffff8f;font-size:11px;}
/* modal */
.forgotpass{font-size:15px;}
.form-check .form-check-label{font-size:14px;}
button{background:transparent;border:0;}
.modal form a,.modal a.backtor{color:#000;}
/*Inner Pages*/
.innerslide{padding:0}
.innerspec-section .spec-content{height:100%;padding:15px;vertical-align:top;border-radius:18px;text-align:center;border:1px solid #009acc4f;transition:.3s;overflow:hidden;position:relative;cursor:pointer;}
/* .innerspec-section .spec-content:after{content:"";background:url(../images/bluefiller.svg) no-repeat bottom right;position:absolute;width:100%;height:100%;top:-2px;right:0;z-index:-1;background-size:50%;transform:rotate(180deg);}
*/
.innerspec-section .spec-content:after{content:"";background:#009acc;position:absolute;width:100%;height:100%;top:100%;right:0;z-index:-1;transition:.3s;}
.innerspec-section .spec-content:hover{box-shadow:0 21px 22px -10px #00000040;}
.innerspec-section .spec-content img{max-width:80px;margin-bottom:10px;}
.innerspec-section .spec-content h2{font-size:1.2rem;font-weight:700;letter-spacing:-.3px;-webkit-font-smoothing:antialiased;margin-bottom:5px;color:#009acc;}
.innerspec-section.dynamic-vid .spec-content h2{height:46px;}
.innerspec-section .spec-content p{font-size:12px;padding:8px;font-weight:500;line-height:22px;color:#333;text-align:center;}
.innerspec-section .spec-content:hover:after{top:0%;}
.innerspec-section .spec-content:hover p,.innerspec-section .spec-content:hover h2{color:#fff;}
.innerspec-section .spec-content figure,.innerspec-section .spec-content figure img{position:relative;z-index:1;}
.innerspec-section .spec-content figure:after{content:"";position:absolute;width:100px;height:100px;border:7px solid #fff;left:0;right:0;top:-8px;margin:0 auto;border-radius:200px;z-index:0;transform-origin:center;transition:.5s;transform:scale(0,0);}
.innerspec-section .spec-content:hover figure:after{transform:scale(1,1);}
/*Inner Pages Second Content*/
.data-solutions h4{font-size:1.2rem;}
.data-solutions p{font-size:.85rem;}
.data-solutions .tables [class*="col-"]{padding:0;}
.data-solutions .tables span{font-size:13px;background:#009acc;color:#fff;padding:20px;margin:5px 15px 5px 0;border-radius:8px;position:relative;background:linear-gradient( 45deg,#19b1e2,#0081ab);font-weight:500;height:100%;display:flex;align-items:center;}
.data-solutions .tables [class*="col-"]:not(:last-child):after{content:"";background:url(../images/bluearrow.svg) no-repeat;background-size:contain;position:absolute;width:45px;height:45px;top:50%;right:0;transform:translate(30%,-35%);z-index:10;border:4px solid #fff;border-radius:55px;}
.data-solutions img{max-height:230px;}
.grd{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;}
.grd::before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;background:linear-gradient(90deg,#0000008a 0%,transparent 70%);}
/* .mobor ul > li{display:block;}
.mobor ul > li > ul{transform:scale(0,0);position:absolute;transition:.3s;}
.mobor ul > li:hover > ul{transform:scale(1,1);position:relative;}
*/
/*Dynamic Video */
.dynamic-vidsol .protion{margin:0;padding:30px 0}
.dynamic-vidsol .protion:nth-child(even){background:#f7f7f7;}
.dynamic-vidsol .protion:nth-child(odd){background:#fff}
/* Push Notification */
.pushy .spec-content img{max-width:100px;}
.pushy .protion{margin:0;padding:30px 0;}
.pushy .protion img{max-height:230px;}
.pushy .protion:nth-child(even){background:#f7f7f7;}
.pushy .protion:nth-child(odd){background:#fff}
/* Dynamic Remarketing */
.remarketing .spec-content img{max-width:100px;}
.remarketing .protion{margin:0;padding:30px 0;}
.remarketing .protion img{max-height:230px;}
.remarketing .protion:nth-child(odd){background:#f7f7f7;}
.remarketing .protion:nth-child(even){background:#fff}
/* Analytics */
.analytics .spec-content img{max-width:100px;}
.analytics .protion{margin:0;padding:30px 0;}
.analytics .protion img{max-height:230px;}
.analytics .protion:nth-child(odd){background:#f7f7f7;}
.analytics .protion:nth-child(even){background:#fff}
.analytics .captions{max-width:850px;}
.analytics .grd::before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;background:linear-gradient(90deg,#000000a4 0%,transparent 90%);}
/* Contact */
.contact-section{padding:90px 0 30px;}
.contact-section .office p,.contact-section .office strong{font-size:.875rem;}
.contact-section .office a{color:#333;font-size:.9rem;font-weight:500;}
.formzonecont.contact textarea{height:calc(100% - 15px);}
.formzonecont{background:#fff;padding:60px 30px;border-radius:24px;}
.formzonecont h5{margin-bottom:15px;text-align:center;display:block;font-weight:700;font-size:32px;color:#009acc;}
.formzonecont p{margin-bottom:15px;text-align:center;display:block;font-size:15px;font-weight:500;}
.formzonecont .form-control{margin-bottom:15px;box-shadow:none;}
.formzonecont .phone{display:block;}
.formzonecont .phone select{max-width:20%;float:left;margin:0 5px 0 0;}
.formzonecont .phone input[type=number]{max-width:calc(80% - 5px);display:inline-block;-webkit-appearance:none;}
.formzonecont .phone input[type=number]::-webkit-outer-spin-button,.formzonecont .phone input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.formzonecont .kvkk{width:15px;height:15px;margin-right:5px;}
.formzonecont .viewbtn{background:transparent;border:0;}
/* Login */
.login-section{padding:120px 0 160px;}
.login{max-width:450px;width:100%;display:inline-block;border:1px solid #f8f8f8;padding:35px;border-radius:28px;transition:.3s;margin:0 auto;box-shadow:0 40px 35px #0000001f;}
.login input{padding-left:45px;}
.login input:focus{box-shadow:none!important;border:1px solid #ddd}
.login .form-group{position:relative;}
.login .form-group i{position:absolute;left:0;bottom:0;width:38px;height:38px;line-height:38px;background:#ddd;color:#999;border-radius:4px 0 0 4px;}
.login label{font-size:.825rem;color:#333;}
.login a{font-size:.785rem;color:#333;font-weight:600;}
.login a:hover{color:#009acc}
.login a i{font-size:1rem;}
.login .rememberme input{position:relative;top:2px}
.dikon-flashlight{background:transparent!important;right:0;left:unset!important;transform:rotate(270deg);cursor:pointer;}
.dikon-flashlight:after{transition:.3s;background:#33333300;}
.lighter:after{content:"";position:fixed;right:0;z-index:-16;height:296px;width:28px;left:0;margin:0 auto;border-top:305px solid transparent;border-left:8px solid #fff;border-right:8px solid #fff;bottom:32px;background:#009acc2e}
.lost{max-width:450px;width:100%;display:inline-block;border:1px solid #f8f8f8;padding:35px;border-radius:28px;transition:.3s;margin:0 auto;box-shadow:0 40px 35px #0000001f;display:none;}
.lost input{padding-left:45px;}
.lost input:focus{box-shadow:none!important;border:1px solid #ddd}
.lost .form-group{position:relative;}
.lost .form-group i{position:absolute;left:0;bottom:0;width:38px;height:38px;line-height:38px;background:#ddd;color:#999;border-radius:4px 0 0 4px;}
.lost label{font-size:.825rem;color:#333;}
.lost a{font-size:.825rem;color:#333;font-weight:600;}
.lost a:hover{color:#009acc}
