html,body {
width:100%;
height: auto;
margin:0;
padding:0;
}
body {
font-family: 'Comfortaa', cursive;
position: relative;
font-size:14px;
line-height:24px;
color:#000; overflow-x:hidden;
}
/*CSS*/
.preloader {
position: fixed;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 100%;
overflow: visible;
background: #f1f1f1 url(../images/preloader.gif) no-repeat center;
}
img {max-width:100%;}
p{ font-size:15px; color:#000000; margin:0 0 14px;}
.fixed-header {position: fixed; display:block; z-index:9999; left:0; right:0; transition:0.3s; top:0px;}
header.unfix { position: inherit;}
/*ul.nav.nav-tabs {
z-index: 99;
position: fixed;
top: 0;
background: #000;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}*/
header .container-fluid { padding-left:45px; padding-right:45px; }
.navbar-nav>li>a {transition:0.6s; font-weight:600; font-size:15px; color:#FFF; padding-top:30px; padding-bottom:23px;}
.navbar-default {background-color:#182043; border-radius:0; border-color: transparent;}
.navbar {min-height: auto; margin-bottom:0px; border:0; z-index: 1;}
.logo {padding:14px 0 14px;}
.navbar-default .navbar-nav>li>a {color: #FFF;}
.dropdown-menu {background-color:#182043; box-shadow: none; padding:0px 0; border:0px;}
.dropdown-menu>li>a {padding:8px 10px; color:#FFF; font-weight:500;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color:#ffffff; text-decoration:none; background-color:#45d5b0;}
.navbar-nav>li.con-head>a {background:#5164c4; padding:4px 17px; border-radius:5px; margin-top:26px;}
.navbar-nav>li.con-head>a:hover{ background:#48dfb6; color:#FFF !important; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #48dfb6;}
.close-btn { display:none; font-size:25px; font-weight:600; color:#FFF; position: absolute;
right: 0; top: 0; padding: 10px 15px; }
.close-btn .navbar-toggle {background-color: #182043 !important; padding:5px 12px; font-size:20px; border-color: #182043 !important; margin:0px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #48dfb6; background-color: transparent;}
/*Banner*/
.banner{ /* background-image:url(../images/ban-ring.jpg); */ background:#05358a; background-position: center; background-size:cover; background-repeat: no-repeat; position: relative; z-index: 0; text-align:center; overflow: hidden;}
.rotate {animation: rotation 200s infinite linear;}
.rotatedring { position:absolute;left:0; right:0; top:-40px;}
.navbar-right .dropdown-menu { right: auto;}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.banner .item {height:600px;}
.carousel-caption {bottom:34%; text-shadow:none;}
.carousel-caption h2{font-size:42px; line-height:1.4; }
.redmore{ padding:10px 35px; background:#5164c4; display:inline-block; margin-top:50px; color:#FFF; text-decoration:none; font-size:15px; text-shadow:none; border-radius:4px; font-weight:500; border-radius:8px; text-decoration:none; position:relative; transition:0.6s; z-index:0; font-weight:600; }
.redmore:before {transition: .9s ease; position:absolute; content:""; width:0px; height:100%;overflow: hidden; background:#182043; left:0px; top:0px; border-radius:8px; z-index:-1}
.redmore:hover{ color:#FFF; text-decoration:none;}
.redmore:hover:before{ width:100%;}
.ban-top-lft {position:absolute; left:-50px; top:-50px; z-index: -3;}
.ban-bottom-lft {position: absolute; left: -90px; bottom:-50px;}
.ban-bottom-rght { position: absolute; right: -170px; bottom: -50px; z-index: 0;}
.carousel-fade .carousel-inner .item { transition-property: opacity;}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0;}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.shekbg {
-webkit-animation: action 1s infinite alternate;
animation: action 1s infinite alternate;
}
@-webkit-keyframes action {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes action {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
/*Data Driven*/
section.data-driven {padding:10px 0 40px; position:relative;}
.data-driven-curve-bg {position:absolute; right:0px; z-index:-1; top:-20%}
.bold-para p{line-height:1.5; font-size: 18px;}
.hlt1{font-size:19px; color:#5367c0;line-height: 1.5; font-weight:700; }
.hlt2{ font-size:19px; color:#5367c0; line-height: 1.5; font-weight:700;}
.col-sm-12.text-center h4 {margin-bottom:30px;}
.clrhov {filter:grayscale(100%); transition: all 0.5s ease;}
.clrhov:hover {filter: grayscale(0);}
.fr {float:right;}
.fr-md {float:right;}
.mt50 {margin-top:50px;}
.data-driven h4{ font-size:30px; line-height:1.3;}
section.services {padding:70px 0; background:#f4f5fd; text-align:center; position:relative;}
.suceed-bg{ position:absolute; width:523px; height:586px; left:0px; top:10%; }
.title-head h3{ font-size:45px; color:#182043; font-weight:700;}
.ser-box {margin-top:40px; padding: 70px 0 40px; z-index: 3; position: relative;}
.ser-box:hover{ background:#FFF; transition:0.6s; box-shadow:0px 0px 16px #18204380; border-radius:8px;}
.thub-ser { position:relative; z-index:0; }
.thub-ser:before{position: absolute; content: ""; transform: rotate(45deg); background:#182043; display:inline-block; border-radius:30px; width:125px; height:125px; z-index:-1; left:0; right:0; margin:0 auto; top: -24px;}
.ser-content {width:70%; margin:60px auto 0;}
.ser-content h4{ font-size:25px; color:#182043; }
/*.ser-content a { background:#5164c4; padding:6px 30px; text-decoration:none; color:#FFF; border-radius:8px; display:inline-block; margin-top:20px; font-weight:500; }*/
.ser-box:hover .thub-ser:before{ background:#5164c4; transition:0.6s;}
.ser-box img { -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.ser-content p{ height: 110px;}
.ser-content .redmore {margin-top: 20px;}
/*Data Workflow*/
.data-workflow { text-align:center; padding:70px 0px; position:relative; z-index:1;}
.box-data-wf { padding: 25px 15px; box-shadow: 0px 0px 10px #e2e2e2; transform: translateY(0px); transition:0.6s; margin-top: 80px; height: 310px; z-index:1 ; background: #fff; position:relative;}
.box-data-wf:before{ position:absolute; content:"\f105"; font-family: FontAwesome; font-size:35px; right:-23px; top:25%; color:#CCC; background:#FFF;}
.dm-arrow:before { display:none;}
.arrow-way:before { content:"\f104";}
.box-data-wf h4{color:#354168; margin-top:32px; line-height:1.2; margin-bottom:0; font-size:20px; font-weight:400;}
.box-data-wf a:hover{ text-decoration:none;}
.box-data-wf:hover {transform:translateY(-12px); }
.box-data-wf:hover .clrhov{filter:grayscale(0);}
.box-data-wf:hover h4{color:#48dfb6; transition:0.6s;}
.data-workflow .col-sm-offset-1 { margin-left: 11.333333%;}
.data-workflow:before{/* background:url(../images/bg-flow.png) no-repeat;*/ position:absolute; content: ""; width:75%; height:39.2%; top:32%; left:0px;right:0px; margin:0 auto; z-index:-1; border: 2px dashed #CCC; border-radius:25px;}
.data-workflow .col-sm-3 {padding-right: 25px; padding-left: 25px;}
/*Blog*/
.owl-carousel .owl-item .lft-blg img {width: auto; display:inline-block;}
.lft-blg a{ display:block; color:#000; text-decoration:none; transition:0.5s;}
.lft-blg a img{transition:0.5s;}
.lft-blg a:hover img{ margin-left:10px; transition:0.5s;}
.lft-blg a.redmore{ display:inline-block; padding:6px 25px; margin-bottom:20px; color:#FFF;}
.lft-blg {background:#48dfb6; padding:48px 25px;}
.lft-blg .title-head h3 {font-size: 34px;}
.title-head h5{ font-size:25px; text-transform:uppercase; color:#182043;}
section.blog-sec {padding:30px 0;}
.pm { margin:0px; padding:0px;}
.rght-blg { height:502px; overflow: hidden; position:relative;}
section.blog-sec .owl-dots {display: none;}
section.blog-sec .owl-nav { position: absolute; right:0px; bottom:0px;}
section.blog-sec .owl-theme .owl-nav button{ outline:none; padding:14px 15px; background:#5164c4db; margin: 0; border-radius:0px;}
.prev-slide { background: url(../images/left-slide-arrow.png) no-repeat; width:30px; height:25px; }
.next-slide { background: url(../images/right-slide-arrow.png) no-repeat; width:30px; height:25px; }
section.blog-sec .owl-theme .owl-nav button.owl-prev { background:#FFF;}
/*Contact*/
section.home-contact { padding:100px 0; position:relative;}
/*section.home-contact:before{ position:absolute; content:""; width:825px; height:750px; left:0px; right:0px; top:-120px; background:url(../images/con-home-bg.jpg) no-repeat; margin: 0 auto; z-index:-1;}*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.lft-home-con .form-control { font-weight:600; font-size:17px; border:0px; border-bottom:1px solid #182043; box-shadow:none; border-radius:0px; padding:7px 2px; background:transparent;}
.lft-home-con .form-group{ margin-bottom:35px;}
button.redmore {border:0; margin-top: 0px; padding:7px 40px;}
.rght-home-con .title-head h3 { font-size:50px; margin-top: 0;}
.home-contact-bg {position:absolute; left:0px; right:0px; top:-120px; z-index:-1; text-align:center; }
/*input style*/
.input-effect { position:relative;}
.input-effect label{ color: #182043;}
.input-effect input {color:#182043; width: 100%; box-sizing: border-box; outline:0px; letter-spacing: 1px;box-shadow: none;}
.effect-17 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color:#48dfb6; transition: 0.4s;}
.effect-17:focus ~ .focus-border,
.has-content.effect-17 ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}
.effect-17 ~ label{position: absolute; left: 0; width: 100%; top: 9px; color:#182043; transition: 0.3s; z-index: -1; letter-spacing: 0.5px; font-size:16px;}
.effect-17:focus ~ label, .has-content.effect-17 ~ label{top: -16px; font-size: 12px; color:#48dfb6; transition: 0.3s;}
.effect-17 {border: 0; padding:5px 8px; border-bottom: 1px solid #182043; background-color: transparent;}
input#agreebtn { width: auto;}
input:-internal-autofill-selected { background:#FFF !important; }
.chkbox input {display:none; cursor:pointer;}
.chkbox label {position:relative; cursor:pointer; font-weight:500; font-size:15px;}
.chkbox label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border:2px solid #5164c4;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 6px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px; border-radius: 3px; top:-1px;
}
.chkbox input:checked + label:after {content: '';display: block; position: absolute; top:5px; left:5px; width:6px; height:9px;
border: solid #5164c4; border-width: 0 2px 2px 0; transform: rotate(45deg);}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;}
/*Footer*/
footer{ background:#182043; padding:100px 0px 80px; position:relative; z-index:1; }
footer:before{ position:absolute; content:""; width:100%; height:170px; top:-50px; background:#182043; transform: skewY(-4deg);
border-radius: 0px 80px 0px 0px; z-index: -1;}
.foot-quick-links ul li { display:block; margin-bottom:4px; }
.foot-quick-links ul { margin:0px; padding:0px; margin-top:12px; margin-bottom:25px;}
.foot-quick-links ul li a{ color:#FFF; text-decoration:none; transition:0.6s;}
.foot-quick-links h4{ color:#48dfb6; font-size:18px;}
.foot-quick-links {margin-bottom:30px; position:relative;}
.foot-quick-links:before{ position:absolute; content:""; width:1px ; height:235px; background:#48dfb6; right:0px; }
.foot-quick-links.nobor:before { display:none;}
.foot-quick-links ul li a:hover{color:#48dfb6; margin-left:10px;}
.foot-bg {position: absolute; right:30px; top:0; z-index: -1;}
.foot-quick-links h4 a{color: #48dfb6; text-decoration:none;}
.foot-quick-links h4 a:hover{ color:#FFF; transition:0.6s;}
.copy-right { margin-top:30px;}
.copy-right p{ color:#FFF;}
.copy-right a{ color:#48dfb6; font-size:17px; font-weight:600; text-decoration:none; transition:0.6s;}
.social-foot ul { margin:0px; padding:0px;}
.social-foot ul li{ display:inline-block; margin-right:10px;}
.social-foot ul li a { font-size:20px; position:relative; color:#182043; z-index:1; padding:4px 7px;transition:0.6s; display:inline-block;}
.social-foot ul li a:before{position:absolute; content:""; transform:rotate(45deg); background:#48dfb6; display: inline-block; border-radius:6px; width:30px; height:30px; left:0; right:0; margin:0 auto; top:0px; z-index:-1;}
.social-foot ul li a:hover:before{ background:#FFF; transition:0.6s;}
.copy-right a:hover { margin-left:10px; }
.social-foot ul li a:hover {margin-left:0px; }
.btm-ind-dom {margin-top:20px;}
.btm-ind-dom a{ text-decoration:none; color:#48dfb6;}
.btm-ind-dom h4 a:hover { color: #FFF; transition:0.6s;}
/*Services page Data enabled*/
section.data-enabled-services { padding:40px 0;}
section.data-enabled-services .nav-tabs {border-bottom:0;}
section.data-enabled-services .nav-tabs>li>a {margin-right:32px; border-bottom: 2px solid #999999; color:#999999; font-size:20px; font-weight:700;}
section.data-enabled-services .nav-tabs>li.active>a, section.data-enabled-services .nav-tabs>li.active>a:focus, section.data-enabled-services .nav-tabs>li.active>a:hover {border: 1px solid transparent; border-bottom: 2px solid #48dfb6; border-bottom-color:#48dfb6; color:#48dfb6; }
section.data-enabled-services .nav>li>a:focus, section.data-enabled-services .nav>li>a:hover {background-color: transparent; color:#48dfb6 !important; transition:0.6s; }
section.data-enabled-services .nav>li>a {padding:6px 15px;}
.data-ene-pre-list {position:relative; margin-bottom:60px; }
div#model-training { margin-top: -80px; padding-top:80px; }
div#model-validation{ margin-top: -80px; padding-top:80px;}
.data-ene-pre {padding:40px 0 20px;}
.data-ene-pre-list h3{ font-size:45px; color:#000; }
.data-ene-pre-list ul li { margin-bottom:15px; display:block; font-size:17px;}
.data-ene-pre-list ul { margin-top:50px; padding:0px;}
.data-ene-pre-list ul li img{ margin-right:10px;}
.data-ene-pre-list h4 { color:#5164c4; font-size:28px;}
.intr-para-ser p {font-size:19px; line-height:1.4; font-weight:600; color:#182043;}
.data-ene-pre .intr-para-ser p{font-size:17px;}
section.data-enabled-services .tab-content>.active { display: block; margin-top: -140px; padding-top: 140px;}
section.data-enabled-services.techn-ser .tab-content>.active { display: block; margin-top: -55px; padding-top: 55px;}
/*Techniques*/
section.annotation-sec {padding:10px 0 40px;}
.lft-tech {text-align:right;}
.rght-tech { padding: 20px 25px;}
.rght-tech .title-head {margin-bottom:25px;}
section.annotation-sec .container-fluid {padding-right:35px; padding-left:35px;}
.annotation-text span {background:#48dfb6; border-radius:50px; width:70px; height:70px; display:inline-block; text-align:center; padding-top:11px; transition:0.5s;}
.annotation-text:hover span{ background:#5164c4;}
.annotation-text h4 {font-size:20px; vertical-align:middle; color:#5164c4; }
.annotation-nlp-box {margin-top:30px; text-align:center;}
.annotation-nlp-box p{ margin-top:10px; font-size:18px; color:#000;}
.annotation-list {margin-bottom:50px;}
.annotation-text {display:inline-block; width: 23%; text-align:center;}
.annotation-text a{ text-decoration:none;}
.annotation-text img{vertical-align: text-top;}
.annotion-home { margin-top:30px; }
.annotation-text h4:hover { color: #48dfb6;}
.lidar-sec .annotation-nlp-box { text-align:left;}
.lidar-sec .annotation-nlp-box p { font-size:15px;}
.ann-comp .annotation-text{width:49%; vertical-align: text-top;}
/*Industries*/
section.ecom-retail { padding: 70px 0;}
.ecom-retail-list h4 {color: #5164c4; font-size:30px;}
.ecom-retail-list ul li{ margin-bottom:15px; font-size:15px; position:relative; display:block;}
.ecom-retail-list ul li:before {/*content: "\f105"; font-family: FontAwesome; color:#5164c4; font-size:20px; position:absolute; top: 0px; left:-20px; font-weight:500;*/position: absolute; content: "\f054 "; font-family:FontAwesome; color:#5164c4; display:inline-block; left:0px; border-radius:2px; font-size:16px; z-index: -1; left:-20px; top:0px;}
.ecom-retail-list ul { padding-left:30px;}
.ecom-retail-list {margin-bottom: 45px;}
/*Processing*/
.processing-sec { padding:40px 0px;}
.processing-head { text-align:center; margin-bottom:70px;}
.processing-head h3{ font-size:30px; color:#5164c4; margin-bottom:20px;}
.processing-analysis p { margin-bottom:5px;}
.processing-list {margin-bottom: 45px; position: relative; margin-top: -60px; padding-top: 60px;}
.processing-list:before{ position:absolute; content:""; width:1400px; height:1400px; background:url(../images/nl-processing.png) no-repeat; background-size:cover; right:-110px; top:0px; z-index: -1; animation: action 1s infinite alternate;}
.processing-list-pro:before{ background:url(../images/nl-processing-pro.png) no-repeat; right: inherit; left:-120px;}
.intro-analysis {margin-bottom: 35px; border-bottom: 1px solid #182043; padding-bottom:20px; height:140px; }
.intro-analysis b{text-transform: capitalize;}
.nobor-btm { border-bottom:0px; }
/*Machine Learning Services */
section.machine-ler-services .rght-tech ul {margin-top:50px; padding:0px;}
section.machine-ler-services .rght-tech li {margin-bottom:15px; display:block; font-size:17px;}
section.machine-ler-services .rght-tech ul li img { margin-right: 10px;}
section.machine-modal-training {padding: 70px 0;}
/*Contact */
.contact-inner { padding:70px 0px;}
.con-inn-rght { margin-left: 30px;}
.con-inn-rght .title-head{ margin-bottom:35px;}
.lft-thub-ser { position:relative; text-align:center;}
.lft-thub-ser:before{position:absolute; content: ""; transform: rotate(45deg); background: #182043; display: inline-block; border-radius:5px; width:40px; height:40px; z-index:-1; left:0; right:0; margin:0 auto; top:0px; transition:0.6s;}
.mtmb { margin-top:38px; margin-bottom:38px; }
.lft-thub-ser .fa{ font-size:20px; color:#FFF; padding-top:10px; }
.rght-thub-ser a{font-size:17px; color:#000; text-decoration:none; font-weight:600;}
.rght-thub-ser p{font-size:17px; font-weight:600; color:#000; }
.lft-thub-ser:hover:before { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.rght-thub-ser a:hover{ color: #48dfb6; transition:0.6s;}
/*Comming soon*/
.comsoon { padding:170px 0px; text-align:center; background:f1f1f1;}
.comsoon h3{font-size:65px; color:#182043; font-weight: 700;}
.comsoon p{ font-size:30px; margin-top:30px; color:#182043;}
/*call action*/
section.call-action { padding:70px 0px; background:url(../images/call-action.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed;}
section.call-action p{ font-size:35px; line-height:1.3; color:#182043 ;margin-bottom: 36px; font-weight:500;}
section.call-action .redmore {margin-top:0px; font-size:25px; padding: 14px 35px; text-decoration:none;}
/* #back2Top {text-decoration:none; position:fixed; bottom:130px; font-size:12px; line-height:22px; right:-20px; width: 106px; background-color: transparent; color:#000; text-align:center; height:20px; -webkit-transition-duration: 500ms; transition-duration: 500ms; text-transform: uppercase; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); z-index:99; display:none; font-weight: 600;}
#back2Top:before{ position:absolute; width:34%; height:2px; background-color:#000; content:""; top:10px; right:110px;} */
/* Banner homepage lines-css new*/
.lines, .lines .line { position:absolute; top:0; height:100%;}
.lines {left: 0; right: 0; margin: auto; width: 90vw; z-index: 99;}
.lines .line:first-child {
margin-left: -25%;
}
.lines .line {
width: 1px;
left: 50%;
background: hsla(0,0%,100%,.1);
overflow: hidden;
}
.lines .line:first-child:after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.lines .line:after {
content: "";
display: block;
position: absolute;
height: 15vh;
width: 100%;
top: -50%;
left: 0;
background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(75%,#fff),to(#fff));
background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff);
-webkit-animation: run 7s 0s infinite;
animation: run 7s 0s infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(.4,.26,0,.97);
animation-timing-function: cubic-bezier(.4,.26,0,.97);
}
.lines .line:nth-child(3) {
margin-left: 25%;
}
.lines .line:nth-child(3):after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
@-webkit-keyframes run {
0% {
top: -50%
}
to {
top: 110%
}
}
@keyframes run {
0% {
top: -50%
}
to {
top: 110%
}
}
/*Blog Css*/
.blog-list-page { padding:70px 0; }
.blg-content{ background: #fff; padding: 18px 18px; box-shadow: 0px 0px 6px #CCC; border-radius:0px 0px 8px 8px;}
.blog-intro{ transition: 0.6s; transform: translateY(0px);}
.blog-intro:hover{ transform: translateY(-12px);}
.blg-content h4 {font-size: 22px; font-weight:700; text-transform:capitalize; margin-top:15px; margin-bottom:15px;
position: relative; line-height:1.5; color: #182043; height:140px;}
.blg-content h4 a{color: #182043; text-decoration:none; }
.blg-content:hover h4 a{color:#48dfb6;}
.blog-list-page .container-fluid { padding-right: 38px; padding-left: 38px;}
.blog-intro img{ border-radius:8px 8px 0px 0px; width:100%;}
section.blog-details-page {padding: 70px 0;}
.blog-details-page .blog-intro:hover{transform: translateY(0px);}
.blog-intro h5{ margin-top:25px; font-size:17px; font-weight:700; margin-bottom:8px; }
.blog-details-page .blg-content h4 { height: auto;}
/*Resonsive Code here*/
@media only screen and (min-width: 1500px) {
.container-fluid.pm { padding: 0px 14px; width: 1170px; margin: 0 auto;}
}
@media only screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu { display: block; transition:0.6s; }
}
@media only screen and (max-width:1024px) {
.lft-blg a.redmore {margin-top:26px;}
.lft-blg .title-head h3 {font-size:35px;}
section.blog-sec .owl-nav { bottom: 32px;}
.processing-list:before { display:none;}
.processing-list-pro:before { display:none; }
.intro-analysis { height: auto;}
}
@media only screen and (max-width:980px) {
section.blog-sec .owl-nav {bottom: 22px;}
.rght-blg { height: 382px;}
.lft-blg a.redmore { margin-top:8px;}
.lft-blg p{ font-size:14px;}
.lft-blg .title-head h3 { font-size: 28px;}
.lft-blg { padding: 25px 20px;}
.box-data-wf h4 { font-size: 18px;}
.title-head h3 { font-size: 40px;}
.fr-md{ float:none}
.home-contact-bg {z-index:-4; top:-42px;}
.rght-home-con { margin-bottom: 30px;}
.rght-data{ text-align: center; margin-bottom:15px;}
section.call-action br{ display:none;}
section.call-action p {font-size: 28px;}
section.call-action {padding:40px 0px;}
section.call-action .redmore { font-size: 20px; padding: 8px 30px;}
section.call-action p{ margin-bottom: 25px;}
.ser-content p { height: auto;}
.box-data-wf:before { display:none;}
.data-workflow:before { display:none;}
html, body { overflow: auto;}
.foot-logo { margin-bottom: 20px;}
footer { padding: 60px 0px 90px;}
.navbar-toggle { margin-top: 18px; margin-right: 0;}
section.data-enabled-services .nav-tabs>li>a { margin-right: 24px; font-size: 16px}
.lft-data-ene-pre.intr-para-ser { margin-top: 20px;}
.lft-thub-ser .fa { padding-left:12px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #48dfb6;}
.navbar-default .navbar-toggle {border-color: #48dfb6;}
}
@media only screen and (max-width: 767px) {
.fr { float:none;}
#slide-navbar-collapse {
position: fixed;
top: 0;
left: 15px;
z-index: 99;
width:100%;
height:700px;
background-color: #5164c4;
overflow: auto;
transition: .8s;
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
}
.menu-overlay {
display: none;
background-color: #000;
bottom: 0;
left: 0;
opacity: 0.5;
filter: alpha(opacity=50);
position: fixed;
right: 0;
top: 0;
z-index: 49;
transition: .8s;
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
}
.close-btn { display:block; }
.ban-bottom-lft {left:-140px; bottom:-140px;}
.ban-bottom-rght { right: -300px; bottom: -120px;}
.lft-thub-ser .fa { padding-left:0px;}
.nobor-btm {border-bottom: 1px solid #182043;}
.intro-analysis img{ margin-bottom:15px;}
section.blog-sec .owl-nav { bottom: 0;}
.rght-tech {padding: 20px 0;}
.processing-head {margin-bottom: 30px;}
.navbar-nav>li.con-head>a {margin-top:10px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{ color:#FFF;}
.navbar-nav>li>a {padding-top: 12px; padding-bottom: 12px; font-size: 18px;}
.navbar-nav { margin-top:50px}
#back2Top { display:none !important;}
.suceed-bg { top: 30%;}
.blg-content h4 { height: auto; font-size:20px; line-height:1.2;}
.blg-content { margin-bottom:25px;}
.blg-content .redmore { margin-top: 30px;}
.blog-list-page .container-fluid { padding-right: 18px; padding-left: 18px;}
}
@media only screen and (max-width: 600px) {
section.data-workflow .col-xs-4 {width: 50%;}
.annotation-text{ text-align: center;}
.annotation-text h4 { font-size: 20px;}
.title-head h3 { font-size: 35px;}
.data-workflow {padding: 40px 0px;}
.box-data-wf {height:300px;}
.rght-blg {height:auto;}
section.blog-sec .owl-nav {bottom: 0;}
.home-contact-bg{top: 0;}
section.home-contact {padding:40px 0;}
.social-foot ul li a {padding:2px 8px; font-size: 16px;}
.copy-right a {font-size: 15px;}
.social-foot ul li a:before{width: 26px; height:26px;}
.btm-ind-dom { margin-top: 30px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 10px 15px 8px 25px;}
}
@media only screen and (max-width:414px) {
.ban-bottom-rght{display: none;}
.ban-bottom-lft {display: none;}
.banner .item {height: 450px;}
.carousel-caption {bottom: 12%;}
.carousel-caption h2 { font-weight:500; font-size: 34px; }
.redmore { padding: 7px 20px; }
.ban-top-lft { display:none;}
.rotatedring { top: 0px;}
.data-driven h4 { font-size: 22px;}
section.call-action p { font-size: 22px;}
section.call-action .redmore { font-size: 16px; padding: 7px 26px;}
section.services { padding: 40px 0;}
.ser-box { margin-top: 0; }
.ser-content { width: 100%; padding: 0px 16px; }
.rght-home-con .title-head h3 { font-size:30px;}
footer .col-xs-4 { width: 50%;}
.foot-quick-links:before { display:none;}
.foot-quick-links{border-right:0px }
.copy-right {margin-top:0px; text-align:center;}
.copy-right .col-xs-3, .copy-right .col-xs-4, .copy-right .col-xs-5 { width: 100%;}
.social-foot {margin-top: 20px;}
.foot-quick-links.nobor { height: auto;}
footer {padding:10px 0px 80px;}
.foot-bg {top: 24%;}
footer:before {top:-64px;}
section.home-contact {padding: 40px 0 80px;}
.box-data-wf {margin-top: 30px;}
section.data-enabled-services .nav-tabs { text-align:center;}
section.data-enabled-services .nav-tabs>li {float: none;}
section.data-enabled-services .nav-tabs>li>a { margin-right: 0;}
.data-ene-pre-list h3 { font-size:35px; }
.data-ene-pre-list ul { margin-top:20px; }
.data-ene-pre-list h4 {font-size: 25px; margin-top: 25px;}
section.data-enabled-services {padding: 40px 0 0;}
.data-ene-pre-list {margin-bottom: 40px;}
.lft-thub-ser .fa {padding-left:5px;}
.contact-inner {padding: 70px 0px 110px;}
.processing-list {margin-bottom: 0;}
.ecom-retail-list h4 { font-size: 22px;}
section.data-workflow .col-xs-4 {width:100%;}
.box-data-wf {height: auto;}
.foot-logo{display: none;}
header .container-fluid {padding-left:35px; padding-right: 35px;}
.navbar-nav{ font-size:16px; line-height:1.4;}
.chkbox input:checked + label:after {top:5px; left:5px; width: 5px;}
.data-driven-curve-bg { top:0;}
.intr-para-ser p {font-size:16px; }
.title-head h3 {margin-top:0}
.rght-tech .title-head { margin-bottom: 15px;}
}
@media only screen and (max-width:360px) {
.banner .item {height: 400px;}
.carousel-caption br { display:none;}
.carousel-caption h2 { font-size: 30px;}
footer { padding:10px 0px 130px;}
.lft-thub-ser .fa { padding-left:6px; font-size:18px; padding-top: 7px;}
.lft-thub-ser:before{width: 30px; height: 30px;}
.chkbox input:checked + label:after { top: 6px; width: 6px;}
}
@media only screen and (max-width:320px) {
.foot-quick-links ul li a{font-size: 13px;}
.carousel-caption h2 { font-size: 26px;}
.banner .item {height: 380px;}
.annotation-text { width: 40%; text-align:center; margin: 0 auto;}
.annotion-home { text-align: center;}
}