/*
Typography
=========================== */
html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    
}

body {
	font-family: 'Nunito', sans-serif;
	position: relative;
	/* [disabled]font-size:14px; */
	line-height: 22px;
	color: #000;
	font-weight: 400;
}

a{
    color: #6f6f6f;
}

a,
a:active,
a:focus,
a:hover{
    outline:none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover{
    text-decoration:underline;
}

h1, h2, h3, h4, h5, h6{
    color:#000;
    margin:0 0 15px 0;
    letter-spacing: 1px;
    font-weight: 500;
}

h1{
    font-size:48px;
    line-height:52px;
}

h2{
    font-size:36px;
    line-height:48px;
}

h3{
    font-size:30px;
    line-height:36px;
}

h4{
    font-size:24px;
    line-height:30px;
}

h5{
    font-size:18px;
    line-height:24px;
}

h6{
    font-size:14px;
    line-height:18px;
}

p{
    margin-bottom:10px; color:#000;    line-height: 1.5; font-weight:500; font-size:16px;
}

.section{
    padding: 70px 0;
    position: relative;
}

/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px;
}

ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}

@media (min-width: 1024px) {
    /* Navbar General ------*/
    nav.navbar ul.nav > li > a{
        padding: 28px 15px 30px; 
        font-weight: 500;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }

    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }
    
    nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}

@media (max-width: 992px) {
    /* Navbar General ------*/
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 30px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    color: #1d79c2;
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #1d79c2 !important;
}

@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #f43438 !important;
    }
}

/*
Border
=========================== */
ul.cart-list > li.total > .btn{
    border-color: #f43438;
}

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #1d79c2 !important;
}

/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #f43438;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #dc3236 !important;
}

/*New Css*/
/*Header css*/
.logo { padding-top: 8px;}
.top-head { text-align:right; background:#f7f7f7; padding-top:8px;    display: none; padding-bottom: 8px;}
ul { padding:0px; margin:0px;}
.top-head ul li{ display:inline-block; margin-left:20px;}
.top-head ul li a{ padding-left:8px; color:#000; text-decoration:none;}
.top-head ul li a:hover{ color:#1d79c2;}
.attr-nav a{ background:#1d79c2; padding:5px 18px; text-decoration:none; color:#FFF; border-radius:4px;}
.attr-nav a:hover{ background:#333333;}
.fixed-header {position: fixed; display: block; z-index: 9999; left: 0; right: 0; transition: 0.3s; top: 0px;     box-shadow: 0px 0px 14px #c7c7c7;}
.dropdown-menu>li>a { font-size:15px; font-weight:500;}

/*Banner css*/
section.banner { background: #e8eced;  padding:100px 0; position:relative;}
 section.banner:before{ position:absolute; content:""; width:680px; height:438px; background:url(../images/hand-ai.jpg) no-repeat; right:0px; bottom:0px;} 
.lft-ban h1 { font-size:36px; margin-bottom: 5px;font-weight:700;  line-height: 1.2;}
.lft-ban p { font-size:20px;  line-height: 1.4;}
.l-more a {text-decoration: none; margin-top:25px; display:inline-block; border-bottom:2px solid #000;font-size:15px; color:#000; font-weight:600; position:relative;}
/*.l-more a:before{ position:absolute; content:""; width:11px; height:12px; right: -20px;   background:url(../images/arrow-more1.png) no-repeat; background-position:0px 0px; transition:0.6s; top:10px;} */
.l-more a:hover{ color:#1d79c2;border-bottom-color:#e89367;}
.l-more a:hover { margin-left:5px; transition:0.6s;}
/*.l-more a:hover::before{background-position:0px -10px; }*/
 

/*Solution service section*/
section.solution-ser { padding: 70px 0;}
@-webkit-keyframes line {
from {height:0;}
to {height:auto;}
}
@keyframes line {
from {height:0px;}
to {height:100%;}
}
.line { animation: line 1s; display: block; width:3px; height:100%; position:absolute; top:0px; left: -20px; background: #1d79c2;  border-radius: 5px;}

 

 .title-head h2{ font-size:35px; line-height:1.1;    font-weight: 600;}
.title-head p{ font-size:16px; font-weight:500;}
.title-head {  position: relative;}
/*.title-head:before{ position:absolute; content:""; width:3px ; height:100%; top:-10px; left:-20px; background:#1d79c2; border-radius:5px;}*/
.box-ss { text-align: center; background: #fefefe; border-radius: 15px; box-shadow: 0px 0px 4px #ccc; padding: 40px 20px;    transition:0.6s;     height: 490px;}
.box-ss:hover{ margin-top:-10px; transition:0.6s;}
.box-ss h3 {     font-size: 22px; font-weight:700; line-height: 1.2;    margin-top: 25px;}
.sub-ss { margin-top:50px;}
.bg1 { background:#333333;}
.bg2 { background:#023b60;}
.bg3 { background:#1d79c2;}
.clr1 h3 { color:#FFF;}
.clr1 p { color:#FFF;}
.clr1 a { color:#FFF;}
.clr1 .l-more a {border-bottom-color:#FFF;}
.clr1 .l-more a:hover {border-bottom-color:#000;}
.clr1 a:hover {  color: #000;}
.bg1.clr1 .l-more a:hover {border-bottom-color:#e89367;}
.bg1.clr1 a:hover {  color:#e89367;}
.box-ss p { height: 80px;   line-height: 1.3;}
section.case-studies .box-ss p {  height: 140px;}

/*technologies css*/
section.technologies { background: #1d79c2;  padding:40px 0;}
.sld-tech .owl-nav { display: none;}
section.technologies .l-more {  text-align: right;    margin-top: 50px;}
section.technologies .l-more a {  color: #FFF; border-bottom-color:#FFF;}
section.technologies .title-head h2{ color:#FFF; font-weight:400;}
section.technologies .title-head p{ color:#FFF; font-weight:300;}
.sld-tech .item{ margin-top:30px;}
.sld-tech p{ color:#FFF;  }
.sld-tech .owl-dots { margin-top:35px;    margin-left: -85px;}
.sld-tech .owl-theme .owl-dots .owl-dot span { margin: 5px 1px;   background: #1d79c2;}
.sld-tech .owl-theme .owl-dots .owl-dot.active span, .sld-tech .owl-theme .owl-dots .owl-dot:hover span { background: #FFF;}

/*Forword css*/
section.forword { padding: 70px 0;}
.box-lf { margin-top: 25px;}
.box-lf h3{ font-size:20px; margin-top:0px; margin-bottom:0px;     font-weight: 700;}


/*unstoppable css*/
section.unstoppable { padding: 70px 0;  background: #1d79c2;}
section.unstoppable .title-head { text-align:center;}
section.unstoppable .title-head h2 {color:#FFF;}
section.unstoppable .title-head p {color:#FFF; font-weight:400;}
.sub-unstop { width: 70%;  margin: 40px auto 0;}
.lft-unstop img{ border-radius:20px;}
.rght-unstop { background: #fff; padding:40px 40px 40px 80px;  border-radius: 15px;}
.lft-unstop{position: absolute;  right: -50px; width: 310px;  top:18px;  z-index: 1;}
.rght-unstop h4{ font-size:20px; font-weight:500;}
.rght-unstop a{ background: #1d79c2; font-size: 15px; color: #FFF; padding: 4px 16px; text-decoration: none;    border-radius: 5px; font-weight:300;}
.sub-unstop .owl-dots { display:none}
.sub-unstop .owl-nav button{ position:absolute; top:50%;}
.sub-unstop .owl-nav button.owl-prev{     left: -15%; transition:0.6s;} 
.sub-unstop .owl-nav button.owl-next{ right:-15%; transition:0.6s;} 
.sub-unstop .owl-theme .owl-nav [class*=owl-]:hover { background: transparent;}
.unstoppable .l-more{text-align: center;  margin-top: 30px;}
.unstoppable .l-more a{ color:#FFF; border-bottom-color:#FFF;}
.unstoppable .l-more a:hover { color: #000;   border-bottom-color: #000;}
.sub-unstop .owl-nav button.owl-next:hover{    right: -16%; transition:0.6s;}
.sub-unstop .owl-nav button.owl-prev:hover { left: -16%; transition:0.6s;}

/*technical-partner*/
section.technical-partner { padding: 70px 0; display:none;}
section.technical-partner .title-head p{ color:#999999}
section.technical-partner .owl-nav{display:none}
section.technical-partner .owl-dots{ display:none}
#technical_partner_slider{ margin-top:25px;}
.box-tp img{ transition:0.6s;}
.box-tp:hover img{ transform:scale(1.1)}
.box-tp { overflow:hidden; padding:10px;}


/*Footer*/
footer{ background:#333333; padding:70px 0;}
.foot-logo { margin-bottom:25px;}
footer p, footer a{ color:#FFF; font-size:14px; }
footer a:hover { color:#1d79c2; text-decoration:none;}
.foot-con{ margin-top:15px;}
.foot-con ul li { margin-bottom:10px; display:block; position:relative;    margin-left:30px;}
.foot-con ul li:before{ position:absolute; content:""; width:25px; height:25px; left:-30px; top:5px; }
.foot-con ul li.add:before{background:url(../images/location-ic.png) no-repeat;}
.foot-con ul li.eml:before{background:url(../images/mail-ic-foot.png) no-repeat;}
.foot-con ul li.phn:before{background:url(../images/call-ic-foot.png) no-repeat;}
.foot-nav ul li{ margin-bottom:0px; display:block;}
.foot-nav ul li a{ color:#FFF; font-size:13px; text-decoration:none;}
.foot-nav ul li a:hover{ color:#1d79c2; margin-left:5px; transition:0.6s;}
.foot-nav2 ul li a:hover{ color:#1d79c2; margin-left:5px; transition:0.6s;}
.foot-nav h4 { color:#FFF; font-size:20px; margin-bottom:2px;}
.foot-nav2 { margin-top:25px;}
.foot-nav2 ul li a{color:#FFF; font-size:20px; }
.foot-nav2 ul li { display:block; margin-bottom:10px;}
.stay-box {background: #FFF; padding:20px; border-radius: 5px;}
.stay-box p{ color:#666666;}
.stay-box a{    background: #1d79c2; font-size: 15px; color: #FFF; padding: 4px 16px;  text-decoration: none;
    border-radius: 5px;   font-weight: 300; margin-top:15px; display:inline-block;}
.stay-box a:hover {  background: #000; color:#FFF;}	
footer .car-a, footer .l-more { display:inline-block; }
footer .car-a  a{background: transparent; font-size: 15px; color: #FFF; padding:3px 16px; text-decoration: none;
    border-radius: 5px; font-weight: 300;   margin-top: 15px; border:1px solid #FFF; margin-right:25px;    }	
footer .l-more a { color:#FFF; border-bottom-color:#FFF;}
footer .l-more a:hover {  border-bottom-color:#1d79c2;}
footer .car-a a:hover{    color: #FFF; background:#1d79c2;}

section.copy-right {  padding:10px 0px;background: #333; border-top: 1px solid #484848;}
.lft-cr p{ margin-bottom:0px; font-size:14px;}
.rght-cr { text-align:right;}
.rght-cr ul li{ display:inline-block; margin-left:15px; margin-top:8px;}
.rght-cr ul li a{ color:#FFF; font-size:20px;}	
.rght-cr ul li a:hover{ color:#1d79c2;}
section.copy-right p{ color:#FFF;}

/*About Inner*/
section.inner-banner { background-color: #ebebeb;  padding:30px 0; height:320px; position:relative;    z-index: 2;}
.banner-bg{ position:absolute; right:0px; top:0px; z-index:-1;}
.inner-caption { text-align:center; padding-top:90px;}
.inner-caption h1{font-size: 40px; margin-bottom: 5px;}
.inner-caption p{font-size: 20px;  line-height: 1.4;}
.fr-sm{ float:right;}
.abt-inner3 p{ font-size:17px;}
section.abt-inner1 { padding: 70px 0;}
section.abt-inner1 h2 { font-size:25px; line-height:1.3;}
section.abt-inner2 { padding:70px 0; background:#1d79c2;}
section.abt-inner2 h2 { color:#FFF;}
section.abt-inner2 p { color:#FFF; border-bottom:1px solid #FFF; padding-bottom:8px; margin-bottom:15px;}
section.abt-inner2 p:last-child{ border-bottom:0px;}
section.abt-inner3{ background:url(../images/dot-bg.png) center no-repeat; padding:120px 0; text-align:center; }
section.abt-inner3 h2 { font-size:25px; line-height:1.3; margin-top:25px;}




/*why it alliamces*/
section.why-inner1{   padding:100px 0; text-align:center; }
section.why-inner1 p{ font-size:17px;}
section.why-inner1 h2 { font-size:25px; line-height:1.3; margin-top:25px; color:#1d79c2;}
section.why-inner2 {background:url(../images/why-innopointe-bg.jpg) no-repeat; background-size:cover;    background-position: 90%; padding: 70px 0;}
.why-box { padding:30px 50px; background: #FFF; border-radius: 8px; text-align:center; height:350px;margin-bottom: 60px; transition:0.6s;}
.why-box h4{ color:#1d79c2; font-size:20px; }
section.why-inner3{ padding:70px 0; text-align:center;}
section.why-inner3 p{ font-size:17px;}
.why-box:hover{    box-shadow: 0px 0px 40px #6c6b6a;  }


/*case-studies css*/
section.case-studies{ padding:70px 0px 100px;}
section.case-studies h2{ text-align:center; margin-bottom:80px;  }
section.case-studies span{ color:#1d79c2;   }
section.case-studies .box-ss { height:540px;} 

/*case studies details*/
section.case-studies-detail {padding: 70px 0;}
.sub-csd { margin-top: 80px;}
.lft-csd h3 { font-size:25px; font-weight:600;}
.lft-csd p{ margin-left:30px; margin-bottom:40px;}
.arrow-para { position: absolute;  left: 15px;}
.rght-csd h3 { font-size:25px; font-weight:600;}
.rght-csd p{ margin-left:30px; margin-bottom:40px;}
.lft-np{width: 70%; text-align: center;}
.rght-np {width: 70%; text-align: center;  float: right;}
section.nxt-prvs h3{ font-size:16px; border-bottom:1px solid #FFF; color:#FFF;}
section.nxt-prvs h3 a{ color:#FFF; text-decoration:none;}
section.nxt-prvs h3 img{ margin-left:10px; margin-right:10px;}
section.nxt-prvs p{ color:#FFF;}
section.nxt-prvs { padding:50px 0px; background:#1d79c2;}

/*Application development css*/
section.app-devlmnt{ padding:70px 0px;}
.top-ad {width: 80%; margin: 0 auto; text-align: center;}
.top-ad p{ font-size:17px;}
section.app-devlmnt .fr-sm { text-align:right;}
.box-ad { margin-top: 80px;}
.sub-ad img{    border-radius: 0 70px 0 0;}
.content-ad ul li {line-height: 1.5;  font-weight: 500;    font-size: 17px;}
.content-ad ul{    margin-left: 20px;}

/*Cloud Service*/
section.cloud-ser1 { padding:40px 0;}
section.cloud-ser1 p{ font-size:17px; text-align:center;}
section.cloud-ser2 { background:url(../images/cloud-mentor-bg.jpg) no-repeat; background-size: cover;padding:70px 0;}
section.cloud-ser2 h3{ color:#FFF; font-size:30px; font-weight:400;}
.cs1{ margin-top:40px;}
section.cloud-ser2 p{ color:#FFF;}
section.cloud-ser2 ul{ display:inline-block; margin-right:70px;    vertical-align: text-top;}
section.cloud-ser2 ul li{ color:#FFF; margin-bottom:10px; vertical-align:text-top; font-size:16px;}
section.cloud-ser3 { padding:70px 0px;}

/*Permanent placement*/
section.pp1 { padding: 70px 0; }
section.pp1 p { font-size:17px; text-align:center; width: 82%;    margin: 0 auto;}
section.pp2 { padding: 70px 0; background:#1d79c2;}
section.pp2 h2{ color:#FFF;}
section.pp2 p{ color:#FFF;}

section.pp3 { padding: 70px 0; }
.top-pp h2{ color:#030303; text-align:center;}
.pp-box {padding:50px;  text-align: center; box-shadow: 0px 0px 4px #ccc; margin-top: 50px; height:200px;    border-radius: 8px;}
.btm-pp { margin-top:80px;}
.btm-pp { text-align:center; font-size:17px;}
.pp-box:hover{    box-shadow: 0px 0px 14px #ccc; transition:0.6s;}
.btm-pp p{ font-size:17px;}
.pp-box p{ font-size:17px;     color: #1d79c2;}

/*Cyber Security*/
.cyber-security1{ padding:70px 0px; }
.cyber-security1 p { text-align:center; font-size:17px; margin:0 auto; width:80%;}
.pm0{ padding:0px; margin:0px;}
.lft-cs { padding:120px 100px 0; background:#1d79c2;height:450px;}
.lft-cs p { color:#FFF;}
.rght-cs { text-align:right; height:450px;  overflow: hidden;}
.rght-cs img{ width:100%; }
section.cyber-security3 {    padding: 70px 0;}
.contact-inner { padding:70px 0;    }
	
.con-para p{font-size: 17px;  text-align: center;  width: 82%;   margin: 0 auto;}
.con-lft{    position: absolute; right: -50px; width: 310px;  top: 18px;  z-index: 1;}
.con-lft img{ border-radius:20px;}
.con-mdl {  margin-top: 100px;}
.con-rght { background: #1d79c2; padding:50px 10px 40px 80px; border-radius:15px}
.con-rght h3{ font-size:20px; color:#FFF; font-weight:500;}
.con-rght p{ font-size:14px; color:#FFF; font-weight:400;    margin-bottom: 0;}
.con-rght a{ font-size:14px; color:#FFF; font-weight:400; text-decoration:none;}
.con-rght .col-sm-12 { margin-top:30px;}
.con-rght .ml-btn { display:inline-block; background:#f1f1f1; padding:4px 18px; color:#1d79c2; border-radius:5px;}
.con-rght h4{ display:inline-block; margin-right:15px; font-size:20px; color:#FFF;font-weight:500;}
.comm-sec h2{ font-size:50px; text-align:center;    color: #1d79c2;}
.comm-sec { padding:100px 0px;}
.fr-xs{ float:right;}
a.fx-con { background: #1d79c2; width: 100%; position: fixed; bottom: 0; padding: 9px 0;  text-align: center;    color: #FFF;
    text-decoration: none;  font-size: 16px;  font-weight: 500;   z-index: 666; display:none;}
.lft-cr { padding-top: 6px;}
section.ww-ia {  padding: 70px 0;}
section.ww-ia h2{ font-size: 25px;  line-height: 1.3; margin-top:25px;}
section.ww-ia img    {border-radius: 0 60px 0px 0px;}
.career-cul { padding:100px 0px; background:url(../images/career-cul-bg.jpg) no-repeat;}
.career-cul p{ font-size:22px; color:#fff; text-align:center; width:60%; margin:0 auto;}
.foot-con { display: none;}
.pop-frm .form-control {    height: 42px;border-radius:0;}
.pop-frm textarea.form-control {  height: 120px}
.pop-frm  button{background: #1d79c2; font-size: 15px; color: #FFF; padding: 4px 16px; text-decoration: none; border-radius: 5px;  font-weight: 300;  margin-top: 15px;    display: inline-block;    border: 0;opacity: 1;}


/*Responsive css code */

@media screen and (min-width: 992px){
	
.modal-lg {   width: 750px;}

}


@media screen and (max-width:1024px) {
nav.navbar.bootsnav ul.nav > li > a{ font-size:14px;     padding: 30px 10px;}
img{ max-width:100%;}
.sub-unstop {  width: 90%;    margin: 40px auto 0;}
.sub-unstop .owl-nav button.owl-next {   right: -7%;}
.sub-unstop .owl-nav button.owl-prev {    left: -5%;}
footer .car-a a {    font-size: 14px;     padding: 3px 10px;     margin-right: 4px;}
section.banner:before{    z-index: -1;}
section.banner {    z-index: 1;}

}


@media screen and (max-width:992px) {
 
.navbar {    min-height:60px;}
nav.navbar.bootsnav .navbar-toggle{background-color: #1d79c2;margin-right: 0; font-size:14px;  padding:4px 8px;  color: #FFF;}
nav.navbar.bootsnav ul.nav > li > a {     color: #fff;   padding: 10px 10px;}
.navbar-collapse { position:absolute; width:97%; background:#1d79c2;}
.fixed-header .logo {margin-top: 0;  padding: 4px 0 6px;}
section.why-inner1 p br{ display:none}
.why-box{ padding: 20px 20px;     height: 350px;     margin-bottom:40px;}
header {padding: 8px 0;}
.logo { padding-top: 0;}

}


@media screen and (max-width:991px) {
.box-ss p { height:auto;}
.box-ss {margin-bottom: 40px;  height: 440px;}
	
}

@media screen and (max-width:800px) {
.car-a {  margin-top: 16px;}
.sub-unstop { width: 100%;}
.lft-unstop {width: 100%;  top: 58px;}
.sub-unstop .owl-nav button {  position: inherit;}
.unstoppable .l-more{    margin-top: 0;}
section.banner:before{width: 530px;   height: 420px;}
.title-head h2 br{ display:none}
.title-head h2 {  font-size: 32px;}
section.abt-inner2 h2 br{ display:none;}
.abt-inner3 br{ display:none;}
section.abt-inner3{    padding: 80px 0;}
.inner-caption{    padding-top: 60px;}


}

@media screen and (max-width:767px) {

section.technologies .l-more {text-align: center; margin-top: 10px;}
.sld-tech .owl-dots{    margin-left: 0;}
.title-head { text-align:center;}
.lft-frwd {    text-align: center;}
.box-lf {box-shadow: 0px 0px 4px #89868578; padding: 40px 20px; border-radius: 6px;}
.fr-sm {  float: none;}
section.forword {    text-align: center;}
.lft-unstop {width: 60%;  top: 20px;   margin: 0 auto; position: inherit;  right: inherit;}
.rght-unstop{    padding: 40px 40px 40px 40px;     text-align: center;}
footer {    padding: 50px 0;}
.foot-con {    margin-bottom: 30px;}
section.abt-inner1 .col-sm-6.fr-sm { text-align:center; margin-bottom:25px; }
section.abt-inner2 h2 { font-size:30px; line-height:1.3;}
.why-box {    height: 300px;}
section.why-inner3 p br{ display:none;}
section.why-inner1 h2  br{ display:none;}
.content-ad {   margin-top:20px;}
.thumb-ad { text-align: center;}
.career-cul p {    width:100%;}

}


@media screen and (max-width:600px) {
.lft-ban {    text-align: center;width: 80%;  margin: 0 auto;}
section.banner:before { display:none;}
section.banner {    padding: 50px 0;}
.lft-ban br { display:none}
.box-ss {height: 470px;}
.title-head p br { display:none}
.banner-bg { display:none}
.inner-caption h1 {    font-size: 30px;}
section.inner-banner { height:auto; padding:60px 0;}
.inner-caption {  padding-top: 0;}
.inner-caption p {    font-size: 17px;}
.inner-caption p br{ display:none}
.why-box {  height: 330px;}

}


@media screen and (max-width:480px) {
.attr-nav { display:none}
.lft-cr br{ display:none}
.top-head { padding-bottom:15px; text-align:center;     padding-top: 5px;}
.top-head ul li:first-child{margin-left:0px; }
nav.navbar.bootsnav .navbar-toggle {top:0;}
nav.navbar.bootsnav.fixed-header .navbar-toggle {    margin-top: 15px;   top:5px;}
a.fx-con{display:block;}
section.copy-right{    padding-bottom: 60px;}
section.why-inner2 .col-xs-6 {  width: 100%;}
.why-box { height: auto;}
.pp-box {    height: auto;    margin-top: 30px;    padding: 30px;}
section.case-studies .col-xs-6 { width:100%;}
section.case-studies .box-ss { height: auto;}
.lft-np { width:100%;}
.rght-np {width:100%;float:none; }
section.nxt-prvs p { display:none;}
section.nxt-prvs h3 {    line-height: 1.1;    font-size: 15px;}
.content-ad p{ text-align:center}
.content-ad .title-head h2 {  font-size: 25px;}
.con-lft { display:none;}
.con-rght{ padding:20px;}
.con-para p{width:100%;}
.con-mdl { margin-top:50px;}

}

@media screen and (max-width:414px) {
.lft-ban {    width: 90%;}
.lft-ban h1 { font-size: 32px;  margin-bottom: 10px;}
.title-head h2 {  font-size: 30px;}
.sub-ss .col-xs-6 { width: 100%;}
.box-ss {  height: auto;}
.rght-unstop { padding:70px 20px;}
.rght-unstop h4 {    line-height: 26px;    font-size: 18px;}
.lft-unstop {width: 100%;    top: 50px;}
footer .col-xs-6 {width:100%}
.stay-box {    margin-top: 15px;}
nav.navbar.bootsnav ul.nav > li > a {    font-weight: 600;    font-size: 15px;}

}


@media screen and (max-width:380px) {
.lft-ban {  width: 100%;}
section.copy-right .col-xs-8, section.copy-right .col-xs-4 { width: 100%; text-align:center;}
.rght-cr {  text-align: center;} 
.fr-xs{ float:none;}
p {    line-height: 1.3;}
.foot-nav ul li a {    font-size: 14px;}
.top-head {    padding-bottom: 30px;}

}

@media screen and (max-width:340px) {
.logo img{    width: 200px;}
.top-head ul li a {    padding-left: 4px;     font-size: 13px;}
.top-head ul li {    margin-left: 6px;}
ul.nav li.dropdown.on > a{ color:#FFF !important}
}