@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');

body { font-family: 'Montserrat', sans-serif; color: #1b1b1b; background-color: #fff; 
line-height: 25px; overflow-x: hidden; font-weight: normal; font-size: 14px; }
p{font-style:normal; }

.welcome-top{ display:none; }
.top-bar{ background:#009bdc; padding:6px 0; color:#fff; }
.top-bar p{ margin: 0; font-size: 13.5px; font-weight: 500; }
.top-bar p i{ margin: 0 5px 0 0; position: relative; top: 1px; }
.header, .middle, .footer, .inner {width:100%; float:left; position: relative !important; clear:both; }
.topCon { width:100%; float:left; position:relative; clear:both; padding:0px; margin:0; 
   z-index:100; background:rgba(255, 255, 255, 0.9); border-bottom: solid 2px #009bdc; }
.callInfo {width: 100%; float: left; padding: 25px 0; background-color: #fff;}
.navbar-wrapper { width: 100%; float: left; background-color: #272727; padding:3px 0; position: relative !important; background-image:url(../images/green-border.jpg); background-repeat:repeat-y !important; background-position:right; }
.navbar-brand { position: absolute; top:-38px; padding: 0; }
.navbar-brand img{  }
.navbar { margin-bottom:0; } 
.navbar-nav { float:right; margin:0; }
.navbar-nav > li{ text-transform:uppercase; font-size:14px; }
.navbar-nav > li > a{ color:#000; font-weight:600; 
        padding:18px 7px;
    font-size: 13px; }
.navbar-nav>li>a:focus, .navbar-nav>li>a:hover, .navbar-nav>li.active-item a{ color:#ef0615; }


.border-bx{border-top:dashed 2px rgba(202, 221, 255, 0.2); padding:9px 0 5px; /*border-bottom:dashed 2px #545454 ;*/ border-bottom:dashed 2px rgba(202, 221, 255, 0.2); }
.navbar-inverse { background-color: transparent; border-color: transparent;}
.navbar-collapse{ float:right !important; }

/*-----------------------------------*/
/* Contact Styles
/*-----------------------------------*/
.tWidth{width:100%; float:left; font-size: 15px; font-weight:500; }
.enquiryBtn {margin: 10px 0 0 0 !important;}
.textBox{width:100% !important; height:45px !important; margin: 0 0 15px 0; padding: 0 15px; 
    background:#f5f5f5; border:solid 1px #f5f5f5; 
    color:#939393; font-size:15px; box-shadow:none !important; border-radius:4px; }
.textBoxMulti {width:100% !important; height:125px; 
background:#f5f5f5; border:solid 1px #f5f5f5; padding:0 15px; color:#939393; font-size:15px;
 border-radius:4px; }
.tred{color:#C00;}
.subbtn {background:#cd0000 !important; margin: 20px 10px 0 0; font-size:15px; font-weight:600;  
    border: 0; display:inline-block; padding:6px 15px 7px;  
    color:#fff; text-transform:uppercase; text-decoration:none; border-radius: 5px !important;}
.subbtn:hover {background:#fff !important; border: 1px dashed #cd0000; color:#cd0000; }
.submit-button{ padding:12px 25px 12px !important; background-color:#d49509; color:#fff;
    font-size:15px; font-weight:600; font-family:'Muli', sans-serif; text-transform:uppercase; 
    border-radius:4px; border:0; transition:all 0.3s ease-in; margin:15px 0 0; float: left;  }
.submit-button:hover{ background-color:#333; text-decoration: none; }
.textBox1{width:30% !important; margin: 0 2px; height:40px !important; background:#fff; border:solid 1px #d5d5d5; font-family: 'Open Sans', sans-serif; color:#000; font-size:15px;}


.contactWrp{ position:relative; float:left; width:100%; background:#fff;
    border-radius:7px; padding:0px; overflow: hidden; }
.contactWrp h2{ font-size: 15px; font-weight:600; margin: 10px 0; }
.contactWrp h1{ font-size: 19px; color: #009bdc;}
.contactWrp img{ width: 100%; }
.contactWrp .iconrow{ padding:0 15px; padding: 7px 20px;
    border-bottom: dashed 1.0px #bdbbbb;}
.contactWrp .iconrow:last-child{ border-bottom: 0; }
.sm-list{ margin-top: 10px; }
.sm-list a i{ font-size: 25px; padding: 0 5px; }
.sm-list a i:hover{ text-decoration: none; }


/*-----------------------------------*/
/* Footer Styles
/*-----------------------------------*/
.footer {width: 100%;  font-family: 'Open Sans'; font-weight: normal; line-height: 30px; font-size: 14px; color: #fff; background: #6891d2; padding: 0 0 20px 0; float: left;  }
.footer h4 { font-family: 'Open Sans'; font-weight: normal; font-size: 16px; color: #fff; margin: 0 0 15px 0;}
.footer p {border-bottom: 1px solid #9ab4df; line-height: 70px; margin: 0;}
.footer a {color: #fff; padding: 0; text-decoration: none !important; }
.footer a:hover {text-decoration: none !important; color: #c6d9f8;}

.footer-section{ 
    background: #1a1a1a;
    padding: 35px 0 30px;
    position: relative;
    float: left;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
 }
.footer-section p,a{color:#808080;}
.footer-section a{color:#808080;}
.footer-section a:hover{color:#6bb008; text-decoration:none;}
.navbar-nav > li > .dropdown-menu{ margin-top:4px; border-bottom:solid 3px #6bb008; border-radius:0 0 3px 3px;}
.navbar-nav > li > .dropdown-menu li a{ padding:10px 40px; color:#272727 !important; border-bottom:solid 1px #e7e7e7; text-transform:none; }
.navbar-nav > li > .dropdown-menu li a:hover{ background-color:#81bc2d; color:#fff !important; }
.footer-section p{ color:#b5b3b3; margin-top: 0; font-size:14px; }
.footer-section .footer-bx{ 
    position:relative;
    float:left;
    width:100%; }
.footer-section .footer-bx ul{ 
    position:relative;
    float:left;
    width:100%; margin: 0; padding: 0;  }
.footer-section .footer-bx ul li{ display: inline; width:100%; font-size:14px; float: left; 
  color:#b5b3b3; }
.footer-section .footer-bx ul li a{ color:#b5b3b3; position:relative; font-size: 14px;
 padding-left:14px; margin:3px 0; float: left; width: 100%; }
.footer-section .footer-bx ul li a::before{ position:absolute; content:"\e258"; 
font-size:8px; width:15px; height:15px; left:-3px; top:0px; color:#b7b7b7;
  font-family:'Glyphicons Halflings'; }
.footer-section .footer-bx h4{ color:#fff; margin:0 0 10px; 
    font-size:16px; font-weight:500; font-size:16px; padding: 0 0 17px; 
text-transform: uppercase; position: relative;}
.footer-section .footer-bx h4:after {
    position: absolute;
    content: "";
    background: #0999d6;
    left: 0%;
    height: 2px;
    width:30px;
    bottom: 0;
}

.footer-bx-con li{ margin:7px 0; }
.footer-bx-con li span{ margin: 0 5px 0 0; }
.disc-para{ float: left; font-size: 16px; width: 100%; text-align: center; padding:0px 0 24px; margin: 24px 0 0 !important; clear: both; position:relative;  }
.copyright-section{ 
    background: #005ea6;
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding: 13px 0 6px;
 }


/*
Inner head
=========================== */
.headline{ text-align:center; float:left; width:100%; position:relative; letter-spacing:-3px;
  font-family:'Quicksand Bold'; font-size:38px; background:url(../images/red_border.png) no-repeat bottom center;
  padding-bottom: 30px; margin-bottom: 30px;
 }


/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #5e5751; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }


.header .carousel-caption h1{ font-size: 40px; }
.cont_top{ float: right; }
.cont_top a{ color:#fff; margin:0 20px 0 0;   }
.normal-section{ padding:50px 0 50px; float:left; width:100%; position:relative; }

.slider_bx{ text-transform: initial;
    max-width: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom: 0; text-shadow: none;
    padding: 28px 27px; }
.slider_bx h2{ font-size: 26px;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 0;
    background: #0098da;
    padding: 10px 17px; }
.slider_bx p{ font-size: 20px; text-transform: uppercase; font-weight:300; 
    margin:10px 0 0; color:#b7e1f3; }
.slider_bx a{ background: #ef0615; color: #fff; padding: 10px 24px; border-radius: 23px;
    text-transform: uppercase;  font-size: 15px; color: #fff; }


.head{ 
    text-align: center;
    font-weight:600;
    margin: 0 0 20px;
    
    font-size: 30px;
    text-transform: uppercase;
    position: relative;
 }
.exp-head {padding: 0 0 30px;}
.head span{ color:#0999d6; }
.exp-head:after{ position: absolute; content:""; background:#0999d6; left:46%; 
height: 3px; width: 70px; bottom: 0;  }
.pro-head{ color:#fff;  }
.abt-head{ text-align: left; }
.abt-head:after{ left: 0 !important; }
.why-choose-section p{ color:#fff;  }
.pro-head:after{ position: absolute; content:""; background:#fff; left:47%; 
height: 3px; width: 70px; bottom: 0;  }
.pro-head{ padding: 0 0 30px; }

.brouser-section h3{ position:relative; padding-bottom:0px; padding-top:0; 
margin:0; border-right:solid 1px #d3d3d3; font-size:17px;}
/*.brouser-section h3:after{ position: absolute; content:""; background:#0999d6; left:0%; 
height: 3px; width: 70px; bottom: 0; }*/
.brouser-section h3 span{ font-size:32px; }
.sub-head{ text-align: center; font-weight: 500; margin-bottom: 20px; }
.ser-type-bx{ position: relative; float: left; width: 100%; border-radius:6px; 
    background:#fff; margin:15px 0;
    box-shadow: 0px 12px 25px -14px rgb(0 0 0 / 30%);  }
.ser-type-bx img{ width: 100%; border-bottom: solid 1px #f1f1f1; }
.ser-type-bx div{ padding: 0px 15px 10px; }
.ser-type-bx h3{ font-size:14px; color:#333;  }
.ser-type-bx h3 a{ color: #fff; }
.ser-type-bx h3 a:hover{ color: #fff; text-decoration: none; }
.ser-type-bx span{ float: right; font-size: 15px; margin: 1px 0 0; }

.project-section{ background:#f9f9f9; float: left; width: 100%; position: relative; }
.project-bx{ position:relative; float:left; width:100%; border-radius:6px; background:#fff;
 border:solid 1px #d4d4d4; margin: 15px 0; }
.project-bx img{ width:100%; }
.project-bx div{ padding:0px 15px 10px; }
.project-bx h3{ font-size:18px; font-weight:700; }
.project-bx h4{ font-size:14px; font-weight:500; color:#c72339; }
.project-bx span{ float: right; font-size: 15px; margin: 1px 0 0; }
.project-bx a{ color:#333; }
.project-bx a:hover{ text-decoration: none; }
.project-bx .loc-icon{ float: left; font-size: 18px; margin: 0 6px 0 0; }

.project-loc{ background: url(../images/why.jpg) no-repeat left top;
    background-size: 100% auto; }
.project-loc .head{ color:#fff; margin: 0 0 40px;  }
.project-loc ul{ position: relative; float: left; width: 100%; }
.project-loc ul li{ list-style: none; width: 30%; float: left; line-height:35px;
position: relative; padding-left: 15px; }
.project-loc ul a{ color: #fff; }
.project-loc li:before{ position: absolute;
    width: 7px;
    height: 2px;
    background: #fff;
    content: "";
    left: 0;
    top: 16px; }
.snapshot-bx{ text-align: center; position: relative; float: left; width: 100%;
background: #fff; padding: 15px; margin: 0 0 25px; }
.snapshot-bx h3{ font-weight:700; font-size: 36px; color:#0999d6;
 margin-top: 15px; float: left; width:100%;  }
.snapshot-bx span{    
 color: #0999d6;
    font-weight: 500;
    font-size: 44px; }
.snapshot-bx p{ font-weight:500; font-size: 15px; margin-top: 15px; 
margin-bottom: 0}

.pre-head{ margin-bottom:40px; }
.preff-bx{ text-align: center; position: relative; float: left; width: 100%; }
.preff-bx h3{ font-weight:600; font-size:18px; color:#000; }
.preff-bx span{ color:#333; font-weight:500; font-size:36px; }
.preff-bx p{ font-weight:500; font-size:14px; }

.inner-section{ position: relative; float: left; width: 100%;
 background:url(../images/inner-header.jpg) center no-repeat; background-size:100%; 
    color: #fff; padding:60px 0;  }
.inner-section::before{ position: absolute; content: ""; width: 100%;
 background:rgba(21, 21, 21, 0.5); left: 0; right: 0; top: 0; bottom: 0; height: 100%;  }
.inner-section h1{ font-size: 24px; margin: 0 0 0px; text-align: center; z-index: 100;
    position: relative; font-weight:600; }
.inner-layout-section{ background:#f7f7f7; padding: 0 0 30px; }

.pro-list-bx{ background:#fff; position: relative; float: left; width: 100%; padding:0;
border-bottom: solid 3px #d4d4d4; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);  }
.pro-list-bx h3{ font-size: 17px; font-weight: 700; padding:0 12px 8px;
margin-bottom: 0;  color: #ba372d;}
.pro-list-bx ul{ position: relative; float: left; width: 100%; margin: 0; padding: 0; }
.pro-list-bx ul li{ list-style: none; }
.pro-list-bx ul li a{ float: left; border-bottom: dashed 1px #d4d4d4; width: 100%;
    font-size: 13.5px; padding:8px 12px; transition: all 0.3s ease-in;
    font-weight: 500; color:#333;  }
.pro-list-bx ul li a:hover{ text-decoration:none; color:#ba372d; }

.pro-detail-bx{ background:#fff; position: relative; float: left; width: 100%; padding:0;
border-bottom: solid 3px #d4d4d4; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
padding: 20px;   }
.pro-detail-bx h3{ font-size:20px; font-weight: 700; padding:10px 12px 8px;
margin-bottom: 0; color: #ba372d; }
.pro-detail-bx img{ width: 100%; }
.pro-detail-bx .detail-bx{ 
 position: relative; float: left; width: 100%; padding:22px 14px;
 }
.pro-detail-bx .detail-bx ul{ 
 position: relative; float: left; width: 100%; margin: 0; padding: 6px 0;
 border-bottom: dashed 1px #d4d4d4;
 }
.pro-detail-bx .detail-bx ul li{ list-style: none; float: left; width: 50%; }
.pro-detail-bx .detail-bx ul li h4{ font-size:15px; font-weight: 700; }
.pro-detail-bx .detail-bx ul li p{ font-size: 13.5px; }

.feature-bx{ position: relative; float: left; width: 100%; }
.feature-bx ul{ position: relative; float: left; width: 100%; margin: 0; padding: 0 10px 0; }
.feature-bx ul li{ position: relative; float: left; width: 100%; list-style: none;
 padding:5px 0; }
.feature-bx ul li span{ float:left; margin:3px 9px 0 0; }
.feature-bx h4{ font-size:15px; font-weight:700; padding:10px 12px 8px; margin-bottom:0; }

.gallery-bx{ position:relative; float:left; width:100%; border:solid 2px #d4d4d4;
             margin:15px 0;  }
.client-list a {
    margin: 0 10px;
}
.gallery-bx img{ width: 100%; }

.brouser-section {
    position: relative;
    float: left;
    padding:14px 0 7px;
    width: 100%;
    background: #fdfdfd;
    -webkit-box-shadow: -1px 6px 5px -3px rgb(0 0 0 / 15%);
    -moz-box-shadow: -1px 6px 5px -3px rgba(0,0,0,0.15);
    border-top: solid 1px #f4f4f4;
    box-shadow: -1px 6px 5px -3px rgb(0 0 0 / 15%);
    border-bottom: solid 1px #f1f1f1;
}
.client-list a img {
    width:130px; filter: grayscale(100%);
    transition: all 0.3s ease-in;
}

.client-list a img:hover {
    filter: grayscale(0%);
}
.about-list{ margin: 20px 0 30px; padding: 0; }
.about-list li{ float: left; width: 20%; list-style: none; margin: 8px; }

.project-list{ background: #fff; padding:60px; border-radius: 20px; 
 box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%); }
.product img{ width: 100%; }
.product h3{ font-size: 36px; font-weight:700; }
.product .content-bx{ padding-top:35px; }


.what-left {
    
    width: 100%;
    vertical-align: middle;
    color: #ffffff;
    height: auto;
    text-align: left;
}

.what-left .we-do {
    padding: 2rem 2rem 2rem;
    position: relative;
    background: #2d2d2d;
    height:auto;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.what-left h3 {
    text-align: left;
    color: #ffffff;
    position: relative;
    margin-bottom: 1.5rem;
    display: inline-block;
    float: left;
    font-weight: 400; width: 100%;
}

.what-left h3:after {
    content: "";
    width: 30%;
    height: 2px;
    background:#0091d0;
    display: block;
    margin-top: 0.5rem;
}
.what-left h5 {
    position: relative;
    text-align: left;
    margin-bottom: 1rem;
    clear: both;
        text-transform: uppercase;
            font-size: 17px;
    line-height: 24px;
}


.what-left p {
    text-align: left;
    opacity: 0.5;
    font-size: 12px;
    line-height: 22px;
}
.what-left .digi-info {
    border-bottom: solid 5px #0191d1;
    background:#0191d1;
}
.what-left .digi-info p{ color: #fff; opacity: 0.9; }

.thumb {
  width:100%;
  background: #fff;
  overflow: hidden;
  padding: 20px;
  margin-bottom:15px;
  animation: all 0.3s ease-in; 
  border-bottom: solid 2px #fff; height:86px; 
}
.thumb:hover.thumb a{ text-decoration: none; color:rgb(0, 152, 218, 0.95); font-weight: 500; }

.anim {
  transition: 0.5s;
  transform: translateY(100%);
}

.title {
  color:#000;
  font-size: 16px;
  transition: 0.5s;
  transform: translateY(-100%);
  margin: 0 0 0px;
}
.thumb:hover{ border-bottom: solid 2px rgb(0, 152, 218, 0.95); }

.title img{ float: left; width:46px; margin: 0 15px 0px 0; opacity: 0.5; }
.why-choose-section{ background:#333 url(../images/service_tbg.jpg);
 background-repeat: no-repeat; background-size: 100% 100%; }
.why-us{ color:#fff; padding:50px 0; }
.why-us h5{ opacity:0.4; }
.why-us h3{ font-size:20px; margin-bottom: 20px; }
.why-us img{ width: 100%; }
.why-us span{ border: solid 2px #03a0e3;
    padding: 16px;
    border-radius: 47px;
    height: 75px;
    width: 75px;
    float: left; }
.why-us .disc{ width: 100%; float: left; margin: 20px 0 20px; }
.btn-bx{ float: left; width: 100%; }
.why-us .btn-bx a { 
    border: solid 1.7px #0597d5;
    padding:8px 14px;
    border-radius: 30px;
    color: #0597d5; text-decoration: none; }

.why-us .btn-bx a:hover{ background:#0597d5; color:#fff; }

.right-who {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background: url(https://images.neosofttech.com/sites/all/themes/neosoft2017/images/world-map.png) #2d2d2d top 36% center no-repeat;
    color: #ffffff;
    float: right;
    height: 100%;
    padding:1.5rem 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.right-who .content {
    height: 100%;
    display: inline-block;
}
.content:before {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}
.right-who ul {
    height:100%;
    margin: 0; padding: 0;
}
.right-who ul li {
    padding: 1rem 0;
    position: relative;
    width: 100%;
    margin: auto;
    height: 30%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    border-bottom: solid 1px #5c5b5b;
    margin: 0 0 7px;
    padding:13px 53px; 
}

.right-who ul li:last-child{ border-bottom: none;
    margin: 0 0 0px; }

.right-who ul li .row {
    height: auto;
}
 .right-who ul li .number {
        font-size: 5rem;
    color: #0999d6;
    line-height: 3rem;
    display: inline-block;
    opacity: 1;
    font-weight: 700;
}

.right-who ul li .heading {
    font-size: 2rem;
    opacity: 1; text-transform: uppercase;
    font-weight: 700;
}
.right-who ul li span {
    display: block;
    opacity: 0.5;
}
 .right-who ul li:after {
    border-color: #e5e5e5;
    position: absolute;
    bottom: -1%;
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    left: 0;
    opacity: 0.2;
}
.vision{ background: #0999d6;
    padding:10px; }

.news-main{ color:#fff;  }
.news-main:hover{ text-decoration: none; color:#fff;  }
.news-bx1{ float: left; width: 100%; background: #2d2d2d; color: #fff; }
.news-bx1 img{ width: 100%; }
.news-bx1 .con{ padding: 15px 30px 50px; }
.news-bx1 .con h3{ font-size:19px; font-weight: 500; line-height: 25px; 
    margin-bottom: 23px; }
.news-bx1 .con .date{ font-size: 13px; opacity:100; margin-top: 10px; margin-bottom: 15px; }
.news-bx1 .con a{ color: #fff; opacity: 0.99; }
.news-bx1 .con p{ opacity: 0.7; font-size: 14px; }

.news-list .news-bx1{ background: none; }
.news-list a.news-main{ color: #000 !important; margin-bottom: 20px; padding-bottom: 20px;
 border-bottom: solid 1px #dfdfdf; width: 100%; float: left; }
 .news-list a.news-main:last-child{ border-bottom: none; margin-bottom: 0; }
.news-list .news-bx1 .con{ color: #333 !important; padding: 15px 15px; }
.news-list .news-bx1 .con .date{ opacity: 0.9; color: #333; 
margin-bottom: 0px; }
.news-list .news-bx1 img{ float: left; width: 22%; margin: 0 30px 0 0 }
.news-list .news-bx1 .con h3{ margin-bottom: 0; margin-top: 0; }


#why{ width:100%; float:left; position:relative; background:url(../images/why.jpg) no-repeat left top; background-size:100% auto; padding: 40px 0 60px 0; text-align:center; background-attachment:fixed;} 
#why h2{ color:#fff; text-transform:uppercase; }
#why p{ color:#fff; padding: 10px 10% 20px 10%;}
#why .btn, button{ background:#002948; color:#fff;margin: 12px 0 30px 0;}
#why a{ color:#fff;}
#why .btn:hover, #why button:hover {background: #89be07;color: #fff;}
.blue_blk{ width:100%; float:left; position:relative; padding: 40px 65px 40px 0; 
    background:#0191d1; border:2px solid #75c0fb; text-align:center;}
.blue_blk h3{ color:#fff; text-align:center; font-weight:bold; font-size:29px;line-height: 30px;}
.blue_blk h3 span{ font-weight: 300;font-size: 16px; text-transform: uppercase;}
.blue_blk img{ text-align:center; margin:0 auto;}
.member{ width: 100%;float: left;border: 1px solid rgba(255,255,255,0.4);padding: 0 20px 20px 0;border-top: none;}
.member h3{ text-align:left;}
.member1 {border-bottom: none;padding-top: 25px;}
.member2 {border-left: none;border-right: none;}
.blue_blk .col-sm-4{ padding-left:0; padding-right:0;}

.platform{ width:100%; float:left; background:#f2f2f2; padding: 40px 0 50px 0;}
.platform h2{ font-size: 25px; */
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px; }
.platform h2 span{ color: #0191d1; }
#logo{ width:100%; float:left; position:relative; padding:80px 0;}
#logo a{ color:#1e77bb; font-size:14px; font-weight:400;}
.box{
  background: #fff;display: block;
  text-align: center;
  margin:0 4px;
  padding: 18px 30px;
  border-radius:3px;
  transition:.2s all; 
}
.box-wrap:hover .box{
  filter:blur(3px);
  opacity:.5;
  transform: scale(.98);
  box-shadow:none;
}
.box-wrap:hover .box:hover{
  transform:scale(1);
  filter:blur(0px);
  opacity:1;
  
}

.box img{ margin:0 auto;}
.box h4{ text-transform:lowercase;font-size: 16px;}

/* About us page css start*/
.about-page-sec{ width:100%; position: relative; float:left;  text-align:center; color:#fff; }
.about-page-sec img{ width: 100%; }
.about-page-sec .container{ position: absolute; z-index: 10; width: 100%;
top: 40%;  }
.about-page-sec .container h1{ font-weight: 300; }

#core_value{ width:100%; float:left; position:relative; padding:50px 0 50px 0;}
.company_name{ width:100%; position: relative; float:left;padding:45px 45px;background-color: #fff;box-shadow: 0 10px 30px 0 rgba(17,12,79,.05); margin-top: 10px;}
#core_value span{color: rgba(0,0,0,.102);border-color: rgba(0,0,0,.102);    position: absolute;font-size: 50px;left: 17%;bottom: 63px;z-index: 9;}
#core_value h3{font-size: 22px;font-weight: 600;text-transform: capitalize;text-align: center;line-height: 28px;margin: 0;}
#core_value h4, .hportfolio h4{font-size: 25px;font-weight: 500;text-transform: uppercase; margin: 0 0 20px 0;
line-height: 19px; color:#006ec2;}
#core_value h5{font-size: 20px;font-weight: 500;text-transform: uppercase;
line-height: 19px; color: #009bdc; margin: 0 0 10px 0; padding: 0;}
#core_value .panel-group .panel{ float:left; width: 100%;margin: 0;padding: 0;}
.core_img{ margin-bottom: 110px;position: relative;float: left;}
#core_value .panel-default > .panel-heading{background-color:transparent;}
#core_value ul{ padding:0; margin:0;}
#core_value ul li{float:left; list-style:none;display: inline-block;}
#core_value ul li a{padding: 14px 37px 14px 35px;color: #89c100;border-style: solid;border: 1px solid #f1f1f1;border-color: #e5e5e5;}
.panel-body{ height: auto; padding: 20px 0 30px 0;}
#value{ float: left; width:100%; position:relative; padding:50px 0; background:url(../images/streght.jpg) no-repeat left top; background-size:100% auto; background-attachment:fixed; }
#value h2{ color:#fff; text-align: left;font-size: 30px;margin: 0;}
#value span{ list-style: none;width: 80px;height: 80px;background: #fff;border-radius: 100%;padding: 20px;text-align: center;border: 1px solid #ccc;display: block;}
#value hr {
    border-top: 1px dotted rgba(255,255,255,0.3);
}
#value h5{ color:#fff; font-size:20px; text-transform:capitalize; font-weight:600;}
#value p{ color:rgba(255,255,255,0.8);}
#value hr{ border-top:1px dotted rgba(255,255,255,0.3)}

#value h5{ color:#fff; font-size:20px; text-transform:capitalize; font-weight:600;}
#value p{ color:rgba(255,255,255,0.8);}
#value hr{ border-top:1px dotted rgba(255,255,255,0.3)}
#myCarousel img{ width:100%}
.hportfolio {padding: 50px 0; float: left; width: 100%;}
.hportfolio h1 {margin: 0 0 40px 0;text-align: center;}
.hportfolio .container{ width:90%;}
.block .glyphicon{top: 30px;}
.g-recaptcha{margin-left: 16px;}

/*clients page*/
.clients{ float: left; width: 100%;  }
.clients img{ width: 174px; filter: grayscale(100%);
    transition: all 0.3s ease-in; }
.clients img:hover {
    filter: grayscale(0%);
}

.textmonial-bx-flat{ float:left; width:100%; position:relative; text-align:center; }
.textmonial-bx-flat .cust-image{ border-radius:460px; height:auto; width:90px; margin:0 0 30px;  }
.textmonial-bx-flat .cus-logo-img{ width:190px; }
.textmonial-bx-flat h3{ font-size:22px; font-weight:600; color:#009bdc; }
.textmonial-bx-flat h5{ font-weight:500; color:#717171; }
.textmonial-bx-flat p{ line-height:28px; }
.chat-head-main {
    text-align: center;
    color: #333;
    font-weight: 500;
    position: relative;
    font-size: 30px;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.chat-head-main::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 60px;
    background:#009bdc;
    z-index: 50;
    bottom: 0;
    left: 48%;
}


.blog-list-bx{ position: relative; float: left; width: 100%;
/* -webkit-box-shadow: 0px 5px 15px 2px rgb(144 116 218 / 16%);
    -moz-box-shadow: 0px 5px 15px 2px rgba(144, 116, 218, 0.16);
    box-shadow: 0px 5px 15px 2px rgb(144 116 218 / 16%);*/
    background: #f8f9fb;
    border: 1px solid #DADCE2;
     border-radius: 15px; padding: 15px; margin:0 0 50px;
 }

 .blog-list-bx:last-child{ margin:0 0 0px; }
.blog-list-bx .img-bx{ border-bottom: solid 1px #ededed; }
.blog-list-bx .article-text { display: inline-block; color: #333;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: initial;
    text-transform: uppercase;
    letter-spacing: .5px;
    position: relative;
    padding: 10px 15px 10px;
    border: 1px solid #EFF2FD;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.blog-list-bx .img-bx img{ width: 100%; }
.blog-list-bx .con-bx{ position:relative; float:left; width:100%; padding:15px; }
.blog-list-bx .con-bx p{ font-size:16px; line-height:28px; }
.blog-list-bx .con-bx h2{ font-size:30px; padding:15px 0; float:left; width:100%; font-weight:600; }
.blog-list-bx .con-bx a{ color:#333; }
.blog-list-bx .con-bx a:hover{ text-decoration:none; }
.blog-list-bx .con-bx ul{ position:relative; float:left; width:100%; padding:0; margin:0; }
.blog-list-bx .con-bx ul li{ position: relative;     margin-left: 16px; }
.blog-list-bx .con-bx ul li:before{ position: absolute; height:5px; width: 5px;
left: 0; top: 0;  }

.blog-list-bx .con-bx .design-bx{ padding:10px 0; float: left; width: 100%;
 border-top: solid 1px #f7f7f7; margin-top: 20px; }
.blog-list-bx .con-bx .design-bx .web-de{ position:relative; float:left; width:100%;
 padding:0 0 0 15px; margin:0; }
.blog-list-bx .con-bx .design-bx .web-de li{  font-weight:500; margin:10px 0;
 font-size:17px; }
.blog-list-bx .con-bx .design-bx .web-de .head-li{ font-size: 18px; list-style: none; }

.blog-list-bx .foo-bx{ position:relative; float:left; width:100%; }
.blog-list-bx .foo-bx .r-more{ 
    white-space:normal;
    border-width:2px;
    border-style:solid;
    -webkit-border-radius:40px;
    border-radius:40px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    font-weight:500; color:#333; border:none; float:left;
     }

.blog-list-bx .foo-bx .adm{ 
    white-space: normal;
    border-width: 2px;
    border-style: solid;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 500; color: #333; border: none; float: right;
     }

.blog-widget-right{ margin-bottom: 30px;
    padding: 30px;
    border: 1px solid #DADCE2;
    -webkit-border-radius: 10px;
    border-radius: 10px; background: #f8f9fb;
    overflow: hidden; }
.blog-widget-right .widget-title {
    font-size: 24px;
    text-align: left;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 24px;
    position: relative;
}

.blog-widget-right .widget-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: -30px;
    width: 3px;
    height: 100%;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color:#0098da;
}

.blog-widget-right .form-control{    
    border: none;
    border-bottom: solid 2px #333;
    border-radius: 0;
    padding: 0;}
.blog-widget-right .btn{ 
    color:#fff; background-color:#b4008b !important;
    border-color:#b4008b !important; }

.post-list ul{ position:relative; float:left; width:100%; padding:0; margin:0 0 0px; }
.post-list ul li{ padding-bottom:10px;
    margin-bottom:10px; list-style:none;
    border-bottom:1px solid #e7e7e7; }

.post-list ul li a{ color:#3e4a59; font-weight:500; position: relative;
 animation: all 0.1s ease-in; }
.post-list ul li .post_count{ float:right; }
.post-list ul li a:hover, .post-list ul li a.active{ text-decoration: none; color: #0098da; font-weight: 700; }

.post-list ul li:last-child{ border-bottom:none; }

.blog-con-bx{ padding:0; margin:0; box-shadow:none; }
.blog-con-bx .btn{ background-image: linear-gradient(to left, #64014d, #b4008b);
    -webkit-box-shadow:none;
    -moz-box-shadow:none; border-radius: 100px;
    box-shadow:none; color:#fff !important; }

.steps-bx ul, .steps-bx ol{ float:left; width:100%; padding:0; margin:0;  }
.steps-bx ol li{ list-style: none;  }
.steps-bx ol h2{ font-size:16px !important; padding: 0 0 !important;
 font-weight: 400 !important; line-height: 30px  !important }
.steps-bx h1{ font-size: 20px; margin-top: 30px; float: left;  width: 100%;
 font-weight: 600; }
.blog-list-bx .con-bx h4{ line-height: 28px;font-weight: 600; }






/*==========  Non-Mobile First Method  ==========*/

@media screen and (max-width:1280px) {
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.container {width: 95%;}
.navbar-brand img {width: 70%; height: auto; }
.navbar-nav > li > a { padding: 18px 3px;}
.welcome-top{ display: none; }
}

/* meddle Devices, Wide Screens */
@media only screen and (max-width : 1080px) {
.box{ 
  margin: 15px 4px;
  height: 130px;
 }
 #why{ background-size: 100% 100%; }
 #filters li span {
    display: block;
    padding: 7px 3px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.navbar-header {} 
.navbar-nav{ float:left; }
.navbar-wrapper {padding: 0; margin: 0; position: relative;}
.navbar-brand {width: 100%; position: relative;  clear: both; top: auto; }
.navbar-brand img {width:42%; margin:0 5%; height: auto;}
.navbar-collapse {width: 100%;}
.navbar-nav > li{ padding-right:6px !important; text-align:left !important; }
.navbar-nav > li a{ text-align:left !important; }
.nav > li > a {font-size: 10px; text-align:left !important;}
.carousel-control {top: 40%;}
.brouser-section h3{ width: 100%; float: left; text-align: center; }
.brouser-section h3 br{ display: none; }
.brouser-section h3 span { font-size: 20px; }
.brouser-section h3{ border-right: none; }
.brouser-section { padding: 14px 0 0; }
.what-left .digi-info { margin: 0 0 30px; }
#value { background-size: 100% 100%; }


}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.navbar-wrapper {position:relative !important;}
.navbar-wrapper { margin: 0;}
.header { margin:0;}
.logo-content{text-align:center !important; float:none;}
.navbar-brand { padding: 22px 0 0 0; }
.navbar-brand img {width:30%; height: auto; margin:0 0% !important;}
.navbar-inverse { background-color: #0c72b1; border-color: #0c72b1;}
.navbar-header [class^="icon-"], [class*=" icon-"] {padding: 2px 0 !important; margin: 0; 
 background:#333; }
.navbar-header { float: none; padding: 0px 0 0px 0; } 
.navbar-toggle { 
    margin-top: -22px;
    margin-bottom:13px;
    z-index: 9999; } 
.navbar-inverse .navbar-toggle {background-color: #fff;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #fff}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #85c4eb;}
.navbar-inverse .navbar-toggle {border-color: #fff;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #0867a3;}
.navbar-collapse {padding: 0px;}
.navbar-nav {float: none; width: 100%;}
.navbar-nav > li a { text-align:left !important;}
.nav > li a{ border-bottom: 1px dashed #fff;
    padding: 15px 15px 10px 15px;
    text-align: left !important; color:#fff; }
.navbar-collapse {
     width: 100%;
    position: absolute;
    background-color:#41b1e2;
    left: 0;
    z-index: 1000; }
.nav>li>a:focus, .nav>li>a:hover {
    color: #ffffff;
    background: #0082bb;
}
.navbar-collapse.in { /*overflow-y: hidden;*/}
.top-bar{ display:none; }
.inner-section{ padding:18px 0; }
.normal-section { padding: 25px 0 25px; }
.inner-section h1{ z-index: 10; }
.about-list li{ width: 100%; }
.slider_bx h2{ font-size: 18px; }
.slider_bx p{ display: none; }
.blue_blk {
    width: 100%;
    float: left;
    position: relative;
    padding: 40px 0 40px 22px;
    background: #0191d1;
    border: none; }
.member{ border: none; }
.clients{ text-align: center; }
.hportfolio {
    padding: 20px 0;
}
.contactWrp {
    margin: 0 0 40px;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.slider_bx h2{ font-size:12px; padding:7px 7px; }

.slider_bx {
    text-transform: initial;
    max-width: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom:5px;
    text-shadow: none;
    padding: 0;
}	

.about-page-sec .container { top:0; }
.about-page-sec .container h1 { font-size:20px; }
#core_value h5 { line-height: 30px; }
}


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
   



}