@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto:300,400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
body {font-family:'Open Sans', sans-serif; color:#333333; font-size:0.875rem;   }
.roboto {font-family:'Roboto', sans-serif; }
.wapper{ overflow: hidden; }
.f12 {font-size:0.75rem; }
.f14 {font-size:0.875rem; }
.f16 {font-size:1rem; }
.f18 {font-size:1.125rem; }
.f22 {font-size:1.375rem; }
.m-t-60{margin-top:58px}
.text-red{ color: #00b0a8;}
.font-weight-600{ font-weight: 600;}
.bg-xsblue{ background-color: #f2fbfb;}
.bg-xsred{ background-color: #fefbfb;}
.bg-xsgray{ background-color: #fafdfe;}
.banner-bold{font-weight: 700; font-size: 27px; color: #15467c;}
.banner-light{ font-weight: 100; font-size: 28px}
.banner-small{ font-weight: 300; font-size: 18px}
.btn-danger {background-color:#00b0a8 !important; border-color:#00b0a8 !important; }
.fixed-top { border-bottom:1px solid #b3b4b6}
.navbar-light .navbar-toggler {border:none; padding:0 !important; }
.navbar-light .navbar-nav .active>.nav-link{ color: #231f20 !important; font-weight: 700;}
.intro-bg{ background-color: #e6f8f7;}
.intro-text {font-size:1.2rem; line-height: normal;}
.typed-cursor{font-size:1.8rem !important; line-height: normal; animation: blink 1s step-end infinite;}
.intro-text .type-wrap {color:#15467c; }
.intro-text .type-wrap .subtext{ font-size: 1rem; }
.intor-img-block{ height: 270px;}
.intor-img-block img{ position: absolute;}
.intor-img-block img-girl{ position: absolute; left: 0; bottom: 0;}
.intro-img, .qualified-img{ animation-name: animateUpDown; animation-duration: 2s; animation-iteration-count: infinite; }
.intro-img.mobile{ animation-delay: 0.5s; animation-duration: 3s;}
.section-title {font-size:1.72rem; padding-bottom:1rem; font-weight:300; position: relative;}
.section-title strong {font-weight:700;  }
.border-green .section-title, .border-red .section-title, .border-blue .section-title{ display: inline-block; padding-right: 20px;}
.section-title:after {content:''; position:absolute; bottom:0; width:200px; height:2px; margin:auto; left:0; right:0;  }
.section-title.weserv-title {background:url("../images/we-serv-border.png") center bottom no-repeat; }
.section-title.weserv-title:after {display:none; }
.count-on-wapper .section-title:after, .border-green .section-title:after, .testimonials-wapper .section-title:after{background-color:#00b0a8 !important; }
.technologies-wapper .section-title:after, .border-blue .section-title:after {background-color:#15467c !important; }
.data-security-wapper .section-title:after, .border-red .section-title:after, .proven-wraper .section-title:after{ background-color: #00b0a8 ;}
.border-green .section-title:after, .border-red .section-title:after, .border-blue .section-title:after{ margin: inherit; width: 100%;}
.border-red .section-title.no-width:after{ width: 200px;}
.color-dot.red:after {background-color:#00b0a8; }
.color-dot.green:after {background-color:#00b0a8; }
.color-dot.lblue:after {background-color:#a2ddf4; }
.color-dot.blue:after {background-color:#15467c; }
.color-dot.black:after {background-color:#1f1d20; }
.weserv-img {width:85px; height:85px; }
.count-on-wapper .color-dot {width:25px; height:25px; border-radius:50%; display:block; }
.count-on-wapper .color-dot:after {display:none; }
.count-on-wapper .color-dot.green {background-color:#00b0a8; }
.count-on-wapper .color-dot.black {background-color:#6c757d; }
.media:hover > .color-dot.black {background-color:#00b0a8;  cursor: pointer;}
.technologies-wapper .carousel-indicators {left:0; top:auto; bottom:-60px; }
.technologies-wapper .carousel-indicators li {background:#a3a3a3; height:12px; width:12px; border-radius:50%; border:none;  }
.technologies-wapper .carousel-indicators .active {background:#707070; }
.data-security-wapper , .bg-lblue {background-color:#f5fcfc; }
.portfolio_slider {max-width:100%; }
.portfolio_slider {flex:1 1 0; }
.conts-border {width:80px; height:10px; background:url("../images/counts-brder.svg") no-repeat; display:inline-block;  }
.counts .number {font-weight:700; font-size:2.5rem; color:#15467C; }
.owl-carousel .owl-item img {margin-top:-55px !important; }
.owl-nav {display:none;  }
.specialist-team {background-color:#a2ddf4; }
.shadow-effect {background:#fff; padding:20px; border-radius:8px; text-align:center; box-shadow:0 1px 18px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.02); font-family:'Roboto', sans-serif;  }
#customers-testimonials .shadow-effect .title {font-size:.85rem; }
#customers-testimonials .shadow-effect .name strong {color:#00b0a8; font-weight:700;  }
#customers-testimonials .item {text-align:center; padding:40px 10px; opacity:.2; transform:scale3d(0.8, 0.8, 1); transition:all 0.3s ease-in-out;  }
#customers-testimonials .owl-item.active.center .item {opacity:1; transform:scale3d(1.0, 1.0, 1);  }
.owl-carousel .owl-item img {transform-style:preserve-3d; max-width:90px; margin:0 auto 17px;  }
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {background:#3190E7; transform:translate3d(0px, -50%, 0px) scale(0.7);  }
#customers-testimonials.owl-carousel .owl-dots {display:inline-block; width:100%; text-align:center;  }
#customers-testimonials.owl-carousel .owl-dots .owl-dot {display:inline-block;  }
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {background:#3190E7; display:inline-block; height:20px; margin:0 2px 5px; transform:translate3d(0px, -50%, 0px) scale(0.3); transform-origin:50% 50% 0; transition:all 250ms ease-out 0s; width:20px;  }
.owl-carousel .nav-btn {height:20px; position:absolute; width:26px; cursor:pointer; top:30% !important;  }
.owl-carousel .owl-prev.disabled,.owl-carousel .owl-next.disabled {pointer-events:none; opacity:0.2;  }
.owl-carousel .prev-slide {background:url(../images/left-arrow.png) no-repeat; left:-33px;  }
.owl-carousel .prev-slide:hover{ background-position:0 -20px; transition: .3s;}
.owl-carousel .next-slide {background:url(../images/right-arrow.png) no-repeat; right:-33px;  }
.owl-carousel .next-slide:hover{ background-position:0 -20px; transition: .3s;}
.slick-slider {position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus {outline:none; }
.slick-list.dragging {cursor:pointer; cursor:hand; }
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.slick-track {position:relative; top:0; left:0; display:block; }
.slick-track:before, .slick-track:after {display:table; content:''; }
.slick-track:after {clear:both; }
.slick-loading .slick-track {visibility:hidden; }
.slick-slide {display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide {float:right; }
.slick-slide img {display:inline-block; }
.slick-slide.slick-loading img {display:none; }
.slick-slide.dragging img {pointer-events:none; }
.slick-initialized .slick-slide {display:block; }
.slick-loading .slick-slide {visibility:hidden; }
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent; }
.inner.slick-slide {width:200px !important; text-align:center !important; }
.slick-arrow {display:none !important; }
.inner-tophd{ font-size: 2rem; color: #333333; font-weight: 100}
.inner-topsubhd{ font-size: 1.5rem; color: #333333; font-weight: 100}
.content-wapper{ position: relative; z-index: 0;}
.list-style-dasshed li{ position: relative; padding-left: 15px; font-size: .85rem; font-weight: 400; margin-bottom: 8px;}
.list-style-dasshed li:before{ content: ''; position: absolute; left: 0; top: 7px; background-color: #00b0a8; width: 8px; height: 8px; border-radius: 50%;}
.blockquote{ border: 1px solid rgba(0,0,0,0.1); position: relative;}
.blockquote .quotes{ background: url("../images/quotes-top-icon.svg") no-repeat top left, url("../images/quotes-bottom-icon.svg") no-repeat bottom right; background-size: 23px 18px; padding:0 30px;}
.blockquote.bg-lgreen{ background-color: #f2fbfb; }
.blockquote.bg-lgreen:after{ border-bottom-color: #f2fbfb; }
.blockquote.bg-lred{ background-color: #fdf4f3; }
.blockquote.bg-lred:after{ border-bottom-color: #fdf4f3; }
.blockquote.bg-lblue{ background-color: #fafdfe; }
.blockquote.bg-lblue:after{ border-bottom-color: #fafdfe; }
.blockquote:before, .blockquote:after{  z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; box-shadow: 0 15px 10px #777;   transform: rotate(-3deg);}
.blockquote:after{ transform: rotate(3deg); right: 10px; left: auto;}
.footer {background-color:#383838; font-size:.85rem; font-weight:400; color: #ffffff;  }
.logo, .logo-white {width:180px;  }
.how-icons {width: 150px; height: 150px;}
.founder-img{ width: 125px; height: 125px;  position: relative; display: inline-block;}
.founder-img img{ width: 100%; border: 1px solid #cccccc;}
.founder-name{ font-size: 1.8rem}
.founder-name:after{ background:url("../images/founder-border.svg") no-repeat bottom center; width: 300px; height: 10px;}
.contant-block img{ width: 50px;}
.how-block{box-shadow: 0 1px 18px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.02);  padding: 20px; border-radius: 8px; min-height: 450px; margin-top: 70px;}
.how-block .how-block-img{ margin-top:-30%; }
.footer h2{ color: #df5d5b;}
.footer .nav .nav-link {position:relative; padding:0 1rem;  }
.footer .nav .nav-link:not(:last-child):after {content:''; position:absolute; top:5px; right:0; width:1px; height:1em; background-color:#333333 ;  }
.footer .nav .nav-link:first-child {padding-left:0;  }
.footer .nav .nav-link:last-child {padding-right:0;  }
.footer .footer-nav li{ margin-bottom: 5px;}
.footer a{ color: #ffffff;}
.footer .footer-nav li a:hover, .footer .footer-nav li a:focus{ text-decoration: none; color: #ffffff; font-weight: bold; }
.footer .border-bottom{ border-bottom-color: #00b0a8 !important; font-size: 20px;}
.back-to-top{position:fixed;display:none;background:#00b0a8;color:#fff;width:44px;height:44px;text-align:center;line-height:1;font-size:16px;border-radius:50%;right:40px;bottom:15px;transition:background .5s;z-index:11}
.connect-btn{ animation-delay: 12s;}
.serv-block-grid{ cursor: pointer;}
.count-on-wapper .serv-block-grid:hover .color-dot.green{background-color: #00b0a8}
.carousel-indicators{ margin-bottom: 0;}
.carousel-indicators li{background-color: #DF5D5D; width: 8px; height: 8px; border-radius: 50%;}
.navbar{ background-color: #ffffff;}
/*new css*/
.fixed-top   { box-shadow: 0px 1px 5px #CCC; background-color: #ffffff; z-index: 9999;} 

.banner-1{ background-color: #EBEFE3;}
.banner-2{ background-color: #D2E9E2;}
.banner-3{ background-color: #FEFAEF;}
.banner-4{ background-color: #eeeeee;}
.banner-5{ background-color: #faf0e6;}
.banner-text{  font-weight: 700; font-size: 24px; color: #15467c;}
.banner-subtext{ font-size: 1.3rem;}
.bg-light-blue{ background-color: #edf8fe;}
.section-title.m-inherit::after, .m-inherit{ margin: inherit}
.data-security-textblock .data-security-inside{ background-color: #efefef; border: 1px solid #dadcdb; padding: 15px;}
.data-security-img{ max-width: 100%;}
.owl-item.active.center .shadow-effect{ background-color: #f9f7fa;}
.navbar-static-top { position: fixed;  top: 0; right: 0;  left: 0;  z-index: 1030;}
.navbar.fixed-top .logo-white, .navbar.navbar-static-top .logo{ display: none;}
.navbar.navbar-static-top .logo-white{ display: block;}
.carousel-item{ padding-top: 80px; color: #333333;}
.banner-bg{ animation-name: animateUpDown; animation-duration: 2s; animation-iteration-count: infinite;  }
.wobble{animation-duration: 2s;}
.proven-wraper{ background: url("../images/proven-bg.jpg") top center; background-size: contain; }
.bg-what{ background-color: #D2E9E2;}
.bg-how{ background-color: #eeeeee;}
.bg-who{background-color: #faf0e6;}
.bg-startup{background-color: #f9f4f4;}
.bg-contact{background-color: #cbdadb;}
.bg-process{background-color: #B3B3B3;}
.bg-tax-specil{background-color: #B3B3B3;}
.bg-partners{background-color: #EDF8FD;}
.bg-careers{background-color: #f9f9f9;}
.bannerinner-bg{bottom: 0;}
.new-blcok-img{max-width: 100%;  margin: 30px 0;}
.inner-banner{ padding-top: 80px !important;}
.position-absolute{bottom:0 ;}
.navbar-collapse{border-top: 1px solid #ccc; margin-top: 10px;}

@media (min-width:768px) {	
	.inner-banner{ height:320px;}
	.header-bg {width:2116px; height:13230px;  position:absolute; left: 34%; top: -136%; background:url("../images/header-bg.svg") no-repeat; }
	.inner-header-bg {width:1100px; height:1100px;  position:absolute; left: 44%; top: -50%; background:url("../images/inner-header-bg.svg") no-repeat;}
    header .navbar-static-top {background-color:transparent !important;  }
    header .navbar.fixed-top + .banner {padding-top:60px;  }
	.intro-bg{ background-color: transparent;}
	.intor-img-block{ height: 310px;}
    .navbar-nav .nav-item .nav-link {position:relative; padding:0 .75rem }
    .navbar-nav .nav-item:not(:last-child) .nav-link:after {content:''; position:absolute; top:5px; right:0; width:1px; height:1em; background-color:#333333;  }
    .border-md-left {border-left:1px solid #15467c;  }
    .owl-nav {display:block;  }
    .slick-arrow {border:none; text-indent:-9999px; background-color:transparent; position:absolute; top:18%; outline:none !important; display:block !important; }
    .slick-prev.slick-arrow {background:url("../images/left-arrow.png") no-repeat; left:-30px; }
    .slick-next.slick-arrow {background:url("../images/right-arrow.png") no-repeat; right:-30px; }
    .qualified-img {width:500px;  }     
	.inner-header-bg{left: 42%; top: -110%; background-size: 600px; }
	.w-md-75{ width: 75%;}
    .footer h2 {
    display: inline-block;
    padding-left: 25px;
    font-size: 1.25rem;
    color: #00b0a8;
}
	.data-security-img{ max-width: 320px; margin: 30px 0; position: relative; z-index: 9; box-shadow: 2px 5px 7px #b7b7b7;}
	.data-security-textblock{background-color: #FAFAFA; border: 1px solid #dadcdb;  padding: 26px 30px 16px 40px;}
	.data-security-textblock.two{padding: 28px 30px 8px 40px;}
	.data-security-textblock .data-security-inside{ border:none; background-color: transparent;}	
	.new-blcok{ position: relative;}	
	.new-blcok-img{ box-shadow: 2px 5px 7px #b7b7b7;}
    .navbar.fixed-top .logo-white, .navbar.navbar-static-top .logo{ display: none;}
    .navbar.navbar-static-top .logo-white{ display: block;}
	.inner-banner{ padding-top: 0 !important}
	.navbar-collapse{ margin-top: 0; border-top: none;}
 }
@media (min-width:992px) {
	.banner, .inner-banner{ height:400px;}
	.intro-text {font-size:2rem;  }
	.header-bg {eft: 67%; top: -113%; border-radius: 95px; }
	.intro-text .type-wrap .subtext{ font-size: 1.4rem;}
	.intor-img-block{ height: 347px;}
    .banner-bold{ font-size: 29px}
    .banner-light{ font-size: 22px}
    .banner-small{ font-size: 22px} 
	.inner-header-bg{left: 54%; top: -79%; background-size: 645px; }
	.how-block{ margin-top: 0;}
	.data-security-img{ max-width: 420px;}
	.data-security-textblock{padding: 65px 60px;}
	.data-security-textblock.two{padding: 70px 40px;}
	.banner-bg{bottom: 50px;}
	.new-blcok-img{max-width: 440px; margin: 30px 0; position: relative; z-index: 9; }
	.new-blcokright-img .new-blcok-img{ margin-left: -80px;}
	.new-block{border: 1px solid #dadcdb; padding: 78px 60px;}
	.new-block.two{ padding: 60px;}
	.new-block.three{ padding: 70px 60px;}
	.new-block:after{ content: ''; position: absolute; width: 15px; height: 20px; background-color: #7A7A7A; left: 15px; top: 10px;	}
	.m-t-60{margin-top:5px}
 }
@media (min-width:1200px) {
	.banner, .inner-banner{ height:500px;}
	.intro-text {font-size:2rem;  }
	.header-bg {left:42%; top:-115%; }
	.intro-text .type-wrap .subtext{ font-size: 1.8rem;}
	.inner-header-bg{left: 54%; top: -78%; background-size: 750px;}
	.banner .carousel-caption{ max-width: 1140px;}
	.data-security-img{ max-width: 500px; }
	.data-security-textblock{padding: 120px 50px;}
	.data-security-textblock.two{padding: 109px 50px;}
	.new-blcok-img{max-width: 520px;}
	.new-block{padding: 120px 60px;}
	.new-block.two{ padding: 100px 60px;}
	.new-block.three{ padding: 110px 60px;}
 }
@media (min-width:1370px) {
	.header-bg {left:45%;  }
	.inner-header-bg{left: 46%; top: -170%; background-size: auto;}
 }

@keyframes animateUpDown {
    0%{
        transform:translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}
@keyframes blink 
{  67% 
	{ opacity: 0 }
}

.whodo-anim.two{ animation-delay: 0.5s; }
.whodo-anim.three{ animation-delay: 0.8s; }
.whodo-anim.four{ animation-delay: 1.1s; }
.whodo-anim.five{ animation-delay: 1.4s; }
.fade-content{animation-delay: 0.5s;}

/*scroll top css*/
.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0;
	right:0;	
}
.scroll {
	position:absolute;
	right:40px;
	bottom:15px;
	background:#00b0a8;
	text-align: center;
    width: 42px;
    height: 42px;
	cursor:pointer;
	transition: 0.5s;
    border-radius: 50%;
}
.scroll:hover {
	background:#00b0a8;
	transition: 0.5s;		
}
.scroll .arrow{ background: url(../images/left-arrow.png) no-repeat; width: 15px; height: 20px; display: inline-block; transform: rotate(90deg); margin-top: 11px;}

/*scroll top css end*/

.popup-aleart {  position: fixed; display: none; z-index: 999; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0,0,0,0.1)}
.popup-aleart .popup-block{ width: 400px; height: 400px; padding: 100px; border-radius: 50%; margin: 0 auto;  top: 50%; transform: translateY(-50%); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background-color: #DF5D5D; position: relative; z-index: 9999; color: #FFF; text-align: center;}
.popup-aleart .btn {  display: inline-block;  position: absolute;  width: 36px; height: 36px; text-align: center; border-radius: 100%; color: #000000; top: 8px;right: 35px;
 cursor: pointer; background: #A3DDF3; padding: 0;}
.popup-aleart .btn i{ font-style: normal; font-weight: 600; font-size:25px; line-height:20px}