@charset "utf-8";
@font-face {
    font-family: 'Helvetica Light';
    src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/Helvetica-Light.otf') format('opentype'), 
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesome';
    src: local('FontAwesome'), url(../fonts/FontAwesome.otf) format('woff2');
}
body, h2, h3, h4, h5, html {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
    font-family: 'Helvetica Light';
    position: relative;
    overflow-x:hidden; 
    font-weight: normal !important;
}
header{
  position: fixed;
 /* width: 100%;*/
  line-height: 108px;
  height: 108px;
  background: rgb(16, 49, 62);
  color: #fff;
  font-family: 'PT Sans', sans-serif;
  transition: all 0.4s ease;
  left: 0;
  right: 0;
  z-index: 0;
  margin: 0 auto;
}
header.sticky {
  line-height: 60px;
  height: 60px;
  background: rgb(16, 49, 62);
  text-align: left;
}
.search-results #slides{
  display: none;
}
.form-image, .hme-form{float: left;    width: 50%;}
.timeline_wrap img{    margin: 0px 0px;
    display: table-cell;
    float: left;
    min-width: 32px;
    width: 100%;}
.timeline_wrap span{font-size: 16px;display: table;}
.timeline_wrap label{    display: table-cell;
    float: left;
    width: 45px;
    margin-right: 15px;}
.timeline_wrap{overflow: hidden;
    min-height: 80px;    padding-left: 0;}
.timeline_row{overflow: hidden;padding:70px 0 15px;}
.column1{    padding:20px 15px 0 10px;
    border-right: 2px solid #fff;}
    .column2{ padding:20px 0 0 25px;}
.why-choose{margin-bottom:40px !important;}
.hme-slides .carousel-control.left, .hme-slides .carousel-control.right{background: transparent !important;    top:49%;}
.hme-slides .carousel-control.left i, .hme-slides .carousel-control.right i{font-size: 30px;}
.jdescript{display: none;}
.prms_div1 {
    margin-bottom: 0px;    
    margin-top: 55px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.logo1{padding-left: 14px;}
.port-list .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
     width: 32.2%;
    margin:0 1% 1% 0;
    float: left;
    overflow: hidden;
    padding-right: 5px;
}
.desktop_timeline .tab-content h3{color: #fff200;}
.cust-text{min-height: 150px;}
/*#customer .col-lg-12 .test-content:nth-child(3){margin-top: -19px;}*/
.banner-wrap4{
    margin: 350px auto 0 auto;
}
.selector.open li:nth-child(1) input + label {width: 270px;margin:0 0 85px -124px;}
.selector.open li:nth-child(2) input + label span, .selector.open li:nth-child(2) input + label {text-align:left;}
.selector.open li:nth-child(3) input + label span, .selector.open li:nth-child(3) input + label{text-align:left;}
.selector.open li:nth-child(5) input + label span, .selector.open li:nth-child(4) input + label{text-align:right;}
.selector.open li:nth-child(4) input + label span, .selector.open li:nth-child(5) input + label{text-align:right;}
.selector.open li:nth-child(2) input + label{margin: 0 5px 170px -75px;width: 280px;}
.selector.open li:nth-child(3) input + label{width: 260px;margin:0 0px 98px -324px;}
.selector.open li:nth-child(4) input + label{width: 260px;margin:0 0px 80px 36px;}
.selector.open li:nth-child(5) input + label{width: 260px;margin:0 0px 135px -185px;}
.selector li label a {
    text-decoration: none;
    color: #fff200;
}
.selector li label a:hover {
    text-decoration: none;
    color: #fff200;
}
.selector li label span{

    color: #fff200;
    font-size: 20px;
    margin: 5px 0;
    display: block;
    text-align: center;
}
.selector {
    position: absolute;
    left: 50%;
    top: 49%;
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: -18px;
}

.selector_img {
    position: relative;
    background: transparent;
    cursor: pointer;
    border: none;
    margin-top: -230px;
    margin-left: -185px;

}

.selector button:hover { background: #3071a9; }
.selector button:focus { outline: none; }
.selector ul {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
}
.selector li {
    position: absolute;
    width: 0;
    height: 100%;
    /*margin: 0 50%;*/
    /*  -webkit-transform: rotate(-360deg);*/
    /*transition: all 0.5s ease-in-out;*/
}
.selector li input { display: none; }
.selector li input + label {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    line-height: 1px;
    margin-left: 0;
    background: transparent;
    border-radius: 50%;
    text-align: center;
    font-size: 1px;
    box-shadow: none;
    /*  transition: all 0.1s ease-in-out, color 0.1s, background 0.1s;*/
    max-width: inherit;
}
.selector li input + label:hover { background: #f0f0f0; }
.selector li input:checked + label {
    background: #5cb85c;
    color: white;
}
.selector li input:checked + label:hover { background: #449d44; }
.selector.open li input + label {
    width: 200px;
    height: 260px;
    line-height: 21px;
    margin-left: -100px;
    background: transparent;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.circle_div{min-height: 500px;  position: relative;}
/*.banner img{width: 100%}; */
.mob-values-div{display: none;}
.value-img{margin:0 auto;}
.mob-slider{display: none;}
.head{    height: 107px;}
.hme_wrap1 .hme_wrapper{padding:50px 0 40px;}
.mentor-para, .mentor-name{text-align:center;}
.hme_wrap1{/*background: url('../images/new-bg.png');*/}
.hme_wrap2 .container-fluid{/*background: url('../images/new-bg.png');*/padding: 40px 0;}
/*.divisions-bg{background-color:#ff9009;}*/
.divisions-bg p{color: #fff;}
/*.scroll_div{    height: 330px;
    overflow-y: scroll;}*/
.case-stdy1, .case-stdy2, .case-stdy3, .case-stdy4{
/*    padding: 55px 30px;*/
    margin-bottom: 30px;
       background-size: cover !important;
}
.case-stdy1{background:url('../images/casestudy/case-stdy1.png');height: 230px;}
.case-stdy2{background:url('../images/casestudy/case-stdy2.png');height: 230px;}
.case-stdy3{background:url('../images/casestudy/case-stdy3.png');height: 230px;}
.case-stdy4{background:url('../images/casestudy/case-stdy4.png');height: 230px;}
.case-study-wrap div{/*width: 262px;*/
                    /* margin-right: 10px;
                     margin-bottom: 10px;*/
                     /*padding-top: 55px;*/}
.case-study-wrap h5{font-size: 20px;
                    text-align: center;
                    color: #fff;min-height: 44px;}
.case-study-wrap h6{    color: #ffca89;
                        font-size: 14px;
                        padding-top: 30px;
                        text-align: center;}
.case-study-wrap h6 a{    color: #7accc8;
                          background: #0f1415;
                          padding: 5px 12px 8px;}
.case-study-wrap h6 a:hover{text-decoration: underline;}
.bc-wrap{float: left;width: 145px;}
.bc-wrap1{float: left;width: 180px;}
.bc-wrap1 .soft_edge{
    margin-right: 5px;
    min-height: 172px;
}
.bc-wraps{overflow: hidden;
        /*  width: 920px;*/
          margin: 0 auto;}
.bc-wrap3{float: left;width: 180px;}
.bc-wrap3 .soft_edge{
    margin-right: 5px;
    min-height: 172px;
    padding: 20px 0;
}
.bc-wraps3{overflow: hidden;
           width: 1082px;
           margin: 0 auto;}
.abt_title1 h4{    color: #383838;
                   text-align: center;
                  /* margin: 75px 0 20px;*/
                   font-size: 40px;
                   font-family: 'Helvetica Light';
                   letter-spacing: -3px;}
.abt_p1{margin-bottom:75px}
.soft_edge5 img{    display: block;
                    margin: 15px auto 10px auto;
                    width: 65px;}
.bc-wrap1 .soft_edge5{
    margin-right: 5px;
    min-height: 137px;
}
.soft_edge5 p{    text-align: center;
                  color: #6c6c6c;}
.abt-bg p{text-align: center;font-size: 20px;color: #fff;
          margin: 30px 0;}
.soft_mrgn p{    text-align: center;}
.soft_mrgn p span{    font-size: 22px;}
.soft_mrgn{border-right: 1px dashed #808080;min-height: 105px;}
.soft_mrgn1:last-child{border-right: none;}
.soft_edge p span{font-size: 20px;}
.big-wrap p{color:#666666 !important;text-align: center;}
.big-wrap p span{font-size:24px;}
.big-wrap{border-right: 1px dashed #b5c0ce;
          margin-right: 5px;
          min-height: 162px;
          padding: 15px 0;}
.big-wrap1{border-right: none !important;}
.big-better {margin: 10px 0 30px;}
.soft_edge p{
    color: #6c6c6c;
    font-family: 'Helvetica Light';
    margin: 0px 0;
    text-align: center;
    font-size: 16px;
}
.soft_edge6 img {
    width: 50px !important;
}
.soft_edge1{
    border-radius: 5px;
    border: 1px solid #bbbaba;
    min-height: 130px;
    margin-bottom: 0;
    margin-top: 15px;}
.soft_edge1 p, .soft_edge2 p, .soft_edge3 p{
    color: #666666;
    font-family: 'Helvetica Light';
    margin:20px 0;
    text-align: center;
    font-size: 16px;  
    display: inline-block;
    vertical-align: middle;
    line-height: normal;}
.soft_marg p{margin: 30px auto;
             display: block;}
.abt-bg{    background-color: #67bcdb;}
.nav-tabs>li>a>img {
    max-width: none;
    height: 58px;
}
.nav-tabs {
    border-bottom: none;margin: 30px 0;
}
.nav-tabs>li{padding:10px 15px;}
.nav-tabs>li a{border-bottom:1px solid #ddd !important;border: none !important;padding:0px 0 20px 0;}
.nav-tabs>li a:hover{border-bottom:0px solid #ddd !important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border-bottom: 0px solid #676767 !important;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
    text-decoration: none;
    background-color: transparent;
    border-bottom: 0px solid #676767 !important;
}
.mentor-para{min-height: 110px;margin-top: 15px;}
.carousel{    padding-left: 20px;
              padding-right: 20px;
    z-index: 0;
            }
.carousel-control img{    padding-top: 90px;
                          width: 18px;}
.carousel-control:hover, .carousel-control:focus{opacity: 1;}
.imgDescription {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.72);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition:0.2s;
    margin: 0 15px;
}
.imgwrap:hover .imgDescription {
    visibility: visible;
    opacity: 1;
}
.imgWrap {
    position: relative;
    height: 200px;
    width: 257px;
}
.imgwrap:hover #plus-icon { transform: rotate(360deg);}
.social{    position: absolute;
            right: 15px;
             bottom: 5px;}
.carousel-indicators .active {
    width: 130px;
    margin: 5px 10px;
    background-color: #fff;
    height: 75px;
    border-radius: 0px;
}

.carousel-indicators li {
    display: inline-block;
    width: 130px;
    margin: 5px 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
    height: 75px;
}
.carousel-indicators {
    position: relative;
    left: 0;
    z-index: 15;
    width: auto;
    padding-left: 0;
    margin-left: 0%;
    text-align: center;
    list-style: none;
}
.carousel-link li {
    float: left;
    list-style-type: none;
    margin: 5px 10px;
}
.carousel-link .active{border-bottom: 2px solid #676767;}
.carousel-fade .carousel-inner {
    min-height: 140px;
}
.carousel-fade .carousel-inner .item, .mob-timeline .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active,  .mob-timeline .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right,  .mob-timeline .carousel-inner .active.left,  .mob-timeline .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right,  .mob-timeline .carousel-inner .next.left,  .mob-timeline .carousel-inner .prev.right  {
    opacity: 1;
}
.carousel-fade .carousel-control, .mob-timeline  .carousel-control {
    z-index: 2;
}
.imgwrap a img{    height: 220px;
    width: 250px;}

.carousel-link{overflow: hidden;
                   margin: 35px 0 0;}
.div1{padding:8% 7% 8% 0;}
.case-study-wrap{background-color:#7accc8;    padding:8% 5% 20px;    overflow: hidden;}
.demo-3 .col {
    display: table-cell;
    background-color: #474747;
    padding: 30px 30px 50px;
    width: 50%;
}
.demo-3 .table {
    display: table;
    border-collapse: separate;
    margin-bottom: 0;
}
.demo-3 .row {
    display: table-row;
}
.demo-3 .col.sidebar {
    background-color: #7accc8;
}
.abt_wrap1 h1{text-align: left;font-size: 44px;text-transform: uppercase;}
.hme_wrap2 .padd2{
    padding: 33px 0;
}
.mob-values-div img{display: block;margin: 0 auto;background-color: #021C38;}
.values{    padding: 15px 12px;}
.values h2{    text-align: center;
               color: #fff200;
               font-size: 20px;
               margin: 15px 0;}
.values h2 a{color: #fff200 !important;}
.values p{text-align: center;color: #fff;}
.submit_btn1{     margin: 0px 0 0 -4px;
                  padding: 5px 14px 7px;
                  color: #fff;
                  background: #ff9009;
                  border: none;
                  font-size: 18px;}
.subsribe{    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #00bff3;
    text-align: center;
    color: #fff !important;
    box-shadow: none !important;
    padding: 5px 10px;
    width: 280px;
    height: 37px;}
.foot1 .col-lg-7, .foot1 .col-lg-5{padding-bottom: 12px;}
#frmContactPopup .error{    color: rgb(255, 144, 0);}
.about-para {padding:40px 10px;}
.abt-video1{    padding: 40px 0;}
.about-para p{margin: 20px 0;
              font-size: 20px;
              color: #000;}
.about-para h4{text-align: center;
               color: #fff;
               font-size: 36px;
               text-transform: uppercase;
               margin: 10px 0 20px;line-height: 46px;}
.about-para li{float: left;
               list-style-type: none;
               font-size: 24px;
               color: #fff;
               border: 3px solid #fff;
               border-radius: 10px;
               width: 260px;
               text-align: center;
               padding: 15px 15px;}
.about-para li:nth-child(2), .about-para li:nth-child(4){
    border: none;width: auto;padding: 30px 15px;
}
.about-para li:nth-child(3){    width: auto;}
.about-para ul{    overflow: hidden;
                   margin:55px auto;padding-left: 0px;}
.abt_row1 p{text-align: center;color: #fff;font-size: 20px;margin: 0 0 20px;}
.abt_row4{background-color: #404041;}
.abt_row4 p{text-align: center;color: #fff;}
.abt-video{    padding: 20px 0;}
.timeline{background: url('../images/abt-timeline.jpg');height: 320px;background-size: cover;}
.timeline2{ height: 320px;background-color: #042839;}
.timeline2 .nav-tabs>li {
    padding: 0px 0px;
    width: 105px;
    border-left: 1px solid #fff;
    height: 118px;
    border-top: 1px solid #fff;
}
.timeline2 .nav-tabs>li a{    font-size: 26px;
                              text-align: center;
                              padding: 8px 2px;
                              color: #fff;
                              margin: 0;
                              border-bottom: none !important;
                              border-radius: 0px;
}
.timeline2 .nav-tabs>li a span{    display: block;
                                   font-size: 12px;
                                   padding:15px 10px;
                                   text-align: left;}
.timeline2 .nav-tabs{    overflow: hidden;
                         padding:13px 40px;}
.timeline2 .nav-tabs .active a{color: #404041;}
.timeline2 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .timeline2 .nav-tabs>li a:hover{
    background-color: #fadf01;color: #404041;
}
.timeline2 .nav-tabs>li:nth-child(10), .timeline2 .nav-tabs>li:nth-child(5) {border-right: 1px solid #fff;}
.timeline2 .nav-tabs>li:nth-child(10), .timeline2 .nav-tabs>li:nth-child(9), .timeline2 .nav-tabs>li:nth-child(8), .timeline2 .nav-tabs>li:nth-child(7), .timeline2 .nav-tabs>li:nth-child(6) 
{border-bottom: 1px solid #fff;}
.timeline2 .nav-tabs>li:nth-child(1), .timeline2 .nav-tabs>li:nth-child(1) a{border-top-left-radius: 10px;}
.timeline2 .nav-tabs>li:nth-child(5), .timeline2 .nav-tabs>li:nth-child(5) a{border-top-right-radius: 10px;}
.timeline2 .nav-tabs>li:nth-child(6), .timeline2 .nav-tabs>li:nth-child(6) a{border-bottom-left-radius: 10px;}
.timeline2 .nav-tabs>li:nth-child(10), .timeline2 .nav-tabs>li:nth-child(10) a{border-bottom-right-radius: 10px;}
.tab-content p, .tab-content h3{color: #fff;}
.tab-content{margin:0;color: #fff;}
.mob-timeline{     background: url(../images/abt-timeline.jpg);
    background-size: cover;
    padding: 20px 15px;
    min-height: 430px;}
.mob-timeline .carousel-inner p{font-size: 16px;
    text-align: left;
    padding: 5px 15px;
    color: #fff;
    margin: 5px 0;
    min-height: 70px;}
.mob-timeline .carousel-inner h3{text-align: center;
    color: #fff200;
    margin: 0 0 25px;}
.mob-timeline .carousel-control.left, .mob-timeline .carousel-control.right{background: transparent !important;    margin-left: 10px;
                                                                            margin-right: 10px;}
.mob-timeline .carousel-control .glyphicon-chevron-left, .mob-timeline .carousel-control .icon-prev, .mob-timeline .carousel-control .glyphicon-chevron-right, .mob-timeline .carousel-control .icon-prev{color:#fff;}
.mob-timeline{display: none;}
.mob-timeline p img{display: table-cell;
    float: left;}
.mob-timeline p span{width: 65px;
    display: table-cell;
    vertical-align: middle;
    float: left;min-height: 70px;}








.culture-wrap h2{text-align: left;color: #f89d00;font-size: 20px;}
.cltre-wrap{width: 20%;float: left;border-right: 5px solid #fff;}
.culture_div img{width: 100%;    height: 100%;}
.clt-main{margin-bottom: 2px;margin-top: 20px}
.test-tabs p{color:#666666;}
.test-tabs {
    margin:0px 25px;
    color: #fff;
    overflow: hidden;
}
.marg-btm{margin-bottom: 75px;}
.test-tabs-nav>li a{
    padding: 10px 15px;color: #666666;
}
.test-tabs-nav>li.active>a, .test-tabs-nav>li.active>a:hover, .test-tabs-nav>li.active>a:focus {
    border-bottom: 0px solid #676767 !important;
    background-color: #474747;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0px;
    margin: 0;
}
.test-tabs-nav>li>a:hover {
    background-color: #fff;
    color: #474747;
}
.test-tabs-nav{margin-left: 55px;}
.test-tabs-nav>li {
    padding: 0px 0px;
    border: 2px solid #474747;
    margin: 0 5px;
    border-radius: 5px;
}
.filters button:last-child, .filters button:nth-child(8){border-right: none;}
.filters button{
       font-size: 16px;
    font-family: 'Helvetica Light';
    margin: 10px 0;
    background: none;
    padding: 0px 10px;
    border: none;
}
.filter1{    display: block;
    margin: 0 auto;
    }
.filter1 button{background-color: #474747;
    color: #fff;
    padding: 10px 39px;
    border-radius: 5px;
    border: 2px solid #474747;}
.filter1 button:last-child{
    border-right: 2px solid #474747 !important;
}
.filter1 button:hover, .filter1 .is-checked{border: 2px solid #474747;color:#474747;}
.ui-group h3{
    text-transform: uppercase;
    color: #adadad;
    text-align: center;
    font-size: 26px;
    padding: 10px 0;}
.button-group button:hover {
    background: #fff;
    color: #474747;
    text-decoration: none;
}
.product-lists{padding: 0px;}
.is-checked{background: #fff !important;
    color: #e95a44;}
.button-group button:focus{outline: none;}
.filter2 button{display: block;}
.filter2 {    border: 1px solid #ededed;
    padding: 5px 5px !important;}

/* ui group */
.ui-group .button-group {
  display: inline-block;
  margin-right: 20px;
  text-align: center;
      padding:10px 10px;width: 100%;
}
.port-main{margin-bottom: 25px;}
/* color-shape */
.color-shape {

  height: 210px;
  margin: 5px;
}
 .color-shape.round {
  border-radius: 35px;
}
 
.color-shape.big.round {
  border-radius: 75px;
}
 .color-shape.red { background: red; }
.color-shape.blue { background: blue; }
.color-shape.yellow { background: yellow; }
 
.color-shape.wide, .color-shape.big { width: 150px; }
.color-shape.tall, .color-shape.big { height: 150px; }
.work-content{background: #fff;
    margin-top: 15px;
    padding: 15px 25px;
    border: 1px solid #e6e6e6;}
.work-content h2{text-align: left;
    font-size: 40px;
    color: #adadad;
    padding: 15px 0;min-height: 140px;
}
.work-content p {
    margin: 10px 0;
    font-size: 14px;
    color: #666666;
}
.bg-new{background-color: #dbdbdb;}
.work-wrap1 h3{padding: 30px 0;font-size: 25px;}
.work-wrap2 img{
    margin: 0px;
    width: 250px;
    height: 170px;
}
.video iframe{
      height: 410px;
    width: 100%;
}
.work-wrap2 h2{
    color: #000;
    text-align: left;
    margin: 10px 0px 0px;
    padding: 0px 0px 5px;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
    border-bottom: 4px solid #00adef;
}
.work-wrap2 p strong:nth-child(1){
      color: #10313e;
    font-weight: bold;
    font-size: 20px;
    display: block;
    margin: 0 0 5px;
}
.media h3{
      color: #10313e;
    font-weight: bold;
    font-size: 20px;
    display: block;
    margin: 0 0 15px;
}
.media{
  margin-top: 0px;
}
.contDescription a{
  font-size: 14px;
}
.media iframe{
      margin: 0px 15px 0 0;
}
.work-wrap2{
margin:15px 0 5px;
}
.work-wrap1 h3{
    color: #000;
    text-align: left;
    margin: 0px 0 8px;
    padding: 5px 0px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 4px solid #00adef;
}
.work-wrap1{
      margin: 35px 0 0;
}
.work-wrap2 p{
  font-size: 16px;
}
.srch-btn{
    font-size: 18px;
    background-color: #00aeef;
    color: #fff;
    border: none;
    padding: 5px 12px 9px;
    line-height: 18px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.rt_wrap{
      padding:25px 15px;
}
.category_list h4{
    background-color: #10313e;
    color: #fff;
    text-align: left;
    margin: 5px 0 0;
    padding: 6px 15px 10px;
    font-size: 20px;
    font-weight: bold;
}
.category_list li{
  list-style-type: none;
    border: 1px solid #adadad;
    border-top: none;
    padding: 4px 10px;
}
.category_list{
  margin:50px 0;
}
.category_list ul{
  padding-left: 0px;
}
.category_list li a{
    color: #000;
    font-size: 16px;
    padding: 0px 5px;
    display: block;
}
.category_list li:hover a{
  color: #000;
}
.category_list li:hover{
  background-color: #00aeef;
}
.side_form{
    background-color: #10313e;
    padding: 20px 0;
    margin-top: 112px;
}
.side_form h4{
    color: #fff;
    margin: 15px 20px;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}
.image img{
  width: 100%;
    height: 400px;
}
.side_form .form-inline .form-control {
    width: 100%;
    font-family: 'Helvetica Light';
    background-color: #ebebeb;
}
.submit_btn4 {
    color: #fff;
    background: #f89d00;
    border: none;
    padding: 7px 20px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
    margin: 15px 1px 0px;
}
.submit_btn4:hover{
   background: #f3ab2f;
}
.side_form select {
    background: url(../images/down-arrow.png) no-repeat right!important;
    background-position: 100% !important;
    background-size: 28px !important;
    background-color: #ebebeb !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.work-wrap2 .carousel, .work-wrap2 .carousel img{
  height:100%;
  width: 100%;
  padding: 0;
  margin:12px 0 40px;
}    
.work-wrap2 .carousel-control.left i, .work-wrap2 .carousel-control.right i{
  margin: 20px 0px;
}
.work-wrap2 .carousel-control.left, .work-wrap2 .carousel-control.right{
      height: 60px;
    top: 44%;
}







.recent-works:hover .thumb{ background-color: #2b1d1f;overflow: hidden;}
.recent-works:hover .contDescription {
    visibility: visible;
    opacity: 1;       
}
.recent-works:hover  img {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    filter: alpha(opacity=20);
    opacity: 0.2;
      transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}
.contDescription {
       transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    padding:10px 15px;
    display: block;
}
.contDescription h4{    font-size: 16px;}
.contDescription h4, .contDescription p{color: #fff;margin: 0px;display: block;}
.cont-hr{
    border: 1px dashed #fff;
    width: 100%;
    float: left;
    margin: 7px 0 0px;
}
.recent-works{
    position: relative;
    width: 200px;
    float: left;
    height: 150px;
    margin: 15px 10px 10px 0;
    border: 1px solid #b3b3b3;
}
.job_table td:nth-child(1){width: 30%;}
.job_table td:nth-child(3){width: 27%;}
.anchor{color: #ff9009;}
.anchor:hover {color: #ff9009;text-decoration: underline;}
.anchor:focus{color: #ff9009;}
.job_table th {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #efefef;
    padding: 10px;
}
.job_table td {
    text-align: center;
    font-size: 16px;
    border: 1px solid #efefef;
    padding:10px 10px 15px;
}
.apply-btn{    padding: 2px 10px 7px !important;
    font-size: 15px !important;
    color: #fff !important;
    background: #ff9009;
    margin: 5px 0 10px;
   display: block;
    width: 92px;
    text-align: center;}
.job_row{margin-top: 25px !important;}
.jobs h3, #jobdescription h3{font-size: 24px;padding: 0 0 5px;}
.jobs h4, #jobdescription h4{font-size: 16px;padding: 0px 0 5px;}
.jobs a{color: #adadad;}
.jobs a:hover{color:#ff9009;}
#jobdescription{display: none;   padding-top: 70px; }
.jdescript ul li{text-align:left;padding:0 0 2px;font-size:16px;}
.jdescript hr{width:95%;border:1px solid #e6e6e6;display:inline-block;margin:3px 0;}
#viewall{font-size: 18px;}
.jdescript strong{font-size: 18px;}
.jdescript p{margin: 2px 0 10px;}
.applyform .form-group{width: 100%;}
.applyform{    padding: 30px 20px;}
.applyform .form-inline .form-control {
    width: 100%;
    font-family: 'Helvetica Light';
    border-radius: 0;
}
.applyform h3{text-align: center;
    text-transform: uppercase;
    padding: 12px;}
.applyform .submit_btn{    margin: 15px auto;
    float: none;
    display: block;}
.jobs{
      margin-bottom: 20px;
    min-height: 110px;
}
#menu-footer-menu{overflow:hidden;padding-left:0px;}
.foot-navigation li a {
    border-right: 1px solid #cc0000;
    padding-right: 8px;
}
.foot-navigation li:last-child a{border-right:none;}
.foot1 .error{    float: left;
    color: red;
    }
.foot1 .label-success{background-color: transparent;
    font-size: 16px;
    padding-left: 0;}
.min-ht{min-height:20px;}
.min-ht1{min-height: 32px;}
.recent-works .thumb img{
width: 100%;
    height: 147px;
}
.text-title{    font-size: 14px;
    width: 160px;
    float: left;
    display: inline-block;}
.contnt p{    text-align: left;
    margin-top: 0;color: #666666;    font-size: 18px;}
.active3{    color: #17617b !important;}
.color-red{color:#cc3333;font-weight:bold;}
.color-blue{color:#66cccc;font-weight:bold;}
.brdr-rt .col-lg-3{border-right: 1px dashed #cacaca;}
.brdr-rt .col-lg-3:last-child{border-right: 0px solid #cacaca;}
.small1{padding: 8px 0px;}
.color-green{color:#cccc33;font-size: 20px;}
.why-choose h4{    margin: 20px 0;
    font-size: 22px;
    font-weight: bold;}
.choose-para{font-size: 18px;}
.why-choose p{padding: 0 30px 0 0px;font-size: 18px;}
.label-success {
     background-color: transparent; 
    color: #5cb85c;
    font-size: 20px;
    padding: 0;
}
.wraps_link .fa {
    font-size: 15px;
    padding:  5px 7px;
    background-color: #FFDE17;
    margin: 7px 0;
    color: #000;
    border-radius: 3px;
    width: 25px;
    height: 25px;
}
.wraps_link .fa:hover{
    background-color: #fff;
    color: #000;
}
.bold-para{font-weight: bold;}
.foot-menu{    padding-left: 0px;
    margin-bottom: 15px;}
    .foot-menu1{    margin-bottom: 33px;}
.foot-menu li:nth-child(1) a, .foot-menu li:nth-child(1){    color:#2598c3;
    text-transform: uppercase;
    list-style-type: none;
    font-size: 14px;
    font-weight: bold;}
.foot-menu li a, .foot-menu li{color: #e4e4e4; list-style-type: none;
    font-size: 14px;
    }
 .foot-menu li a:hover{color: #ff9008;}   
.padd3{    padding: 0;}
.foot-subscribe p{    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0px;}
.foot-subscribe h4{    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    margin: 2px 0 2px;}
.foot-subscribe input:focus{box-shadow: none !important;outline: none !important}
.submit_btn3{     background: #2598c3;
    border: none;
    float: none;
    width: 100px;
    font-size: 16px;
    padding: 5px 15px;
    display: block;
    margin: 15px auto;
    border-radius: 3px;
    color: #fff;}
.submit_btn3:hover{    background: #40aad2;}
.foot-logo{text-align: center;}
.subscribe-div{min-height: 165px;}
.footer .col-lg-4{    border-right:1px solid #00bff3;}
.footer .col-lg-4:last-child{    border-right: none;}
.testimonial-link{    text-align: center;
    margin: 0 0 15px;
    font-size: 18px;
    text-decoration: underline;}
.values-title{    padding: 0;
    text-transform: uppercase;
    color: #31a2d6;
    text-align: center;
    margin: 45px 0 15px;
    font-size: 34px;
    font-family: 'Helvetica Light';
    letter-spacing: 0px;}
.subscribe-div .error{color: #ff9008;
    text-align: center;}
    .enquiry_form .error{color: #ff9008;}
.enquiry_form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    min-height: 83px;
    margin: 0 0 9px !important;
}
.enquiry_form .label-success {
   padding-left: 15px;
}
.foot-subscribe .label-success {
    font-size: 16px;
}
.label-success {
    text-align: center;
    display: block;
        font-size: 16px;
}
.footer .foot-menu:nth-child(4) li:nth-child(1) a:hover{color: #2598c3 !important;}
.hme-slides .carousel-inner img{width: 100%;} 
.hme-slides{padding: 0px;}
.subscribe-div ::-webkit-input-placeholder {
   color: #9e9e9e;
}

.subscribe-div :-moz-placeholder { /* Firefox 18- */
   color: #9e9e9e;  
}

.subscribe-div ::-moz-placeholder {  /* Firefox 19+ */
   color: #9e9e9e;  
}

.subscribe-div :-ms-input-placeholder {  
   color: #9e9e9e;  
}
.blog-leftwrap{background: #eeeeee;padding:45px 15px 70px;}
.breadcrumb li:first-child a{color: #ff9009;}
.blog-leftwrap h3{    font-size: 32px;
    text-transform: uppercase;
    font-family: 'Helvetica Light';
    border-bottom: 2px solid #cbcbcb;margin-bottom: 10px;}
.blog-title{background: #eeeeee;    padding: 10px 0;}
.blog-leftwrap h4{font-weight: bold;font-size: 24px;}
.single-post .blog-leftwrap h4{font-size: 28px;}
.tags span{    background-color: #0078c1;
    color: #fff;
    padding: 3px 10px 6px;
    font-size: 14px;
    margin:0 15px 0 0;}
.blog-list{    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 35px;
    border-bottom: 1px solid #cbcbcb;}
.blog-list .col-md-4{padding-left: 0px;}
.blog-list .col-md-8{padding-left: 10px;}
.blog-rightwrap{background-color: #ff9008;
    padding:20px 25px;}
.search-div section h2{    font-size: 26px;
    margin: 0 0 15px 0;
    color: #fbfbfb;
    text-align: left;}
.blog-rightwrap .widget-title{    font-size: 26px;
    margin: 15px 0;
    color: #fbfbfb;
    text-align: left;}
.blog-rightwrap h4{    font-size: 26px;
    margin: 15px 0;
    color: #fbfbfb;}
.blog-rightwrap input{    background: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
    height: 38px;
    color: #000;
    box-shadow: none;
    padding: 0px 10px;
    width: 180px;
    vertical-align: top;}
.search-submit{     background: #00aeef;
    color: #fff;
    font-size: 20px;
    padding: 2px 10px 3px;
    line-height: 31px;
    margin: -1px 0 0px -5px;
    border-left: 1px solid transparent;
    border: 1px solid #fff;}
.blog-rightwrap input:focus{box-shadow: none;border: 2px solid #fff;outline:none; width: 180px;}
.blog-rightwrap ul li{padding-bottom: 6px;list-style-type: none;
    line-height: 20px;}
.blog-rightwrap ul li a{    color: #fff;
    font-size: 16px;font-weight: bold;}
.blog-rightwrap ul{padding-left: 2px;}
.marg1{margin: 40px 0px;}
.blog-content p{margin: 0 0;}
.blog-content a{    color: #ff9008;
    padding: 5px 0;
    display: inline-block;font-size: 15px;}
.blog-thumb img{min-height: 110px;}
.blog-details{padding-left: 0px;}
.blog-details p{margin-bottom: 10px;}
.blog-rightwrap{min-height: 1100px}
.blog-rightwrap .marg1{margin: 40px 0px 0;}
.blog-bg{    background-color: #ff9008;}
.content_left , .content_right{padding: 0px;} 
.case-study-wrap{}
.content_left{background-color: #474747;}
.search .page-content .search-field:focus, .category .page-content .search-field:focus{outline: none;}
.search .page-content .search-field, .category .page-content .search-field{
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0px;
    height: 38px;
    color: #000;
    box-shadow: none;
    padding: 0px 10px;
    width: 180px;
    vertical-align: top;
}
.search .page-content h2, .category .page-content h2{    text-align: left;
    padding: 0 0 12px;}
.search .page-content, .category .page-content{margin-left: 9%}
.not-found header, .no-results form{display: none;}
.no-results .page-content p{font-size: 20px;}
.widget_search h2{font-size: 26px;margin: 0 0 15px 0;color: #fbfbfb;text-align: left;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0 20px 8%;
    border-radius: 4px;
}
.current{
    color: #fff !important;
    font-size: 16px !important;
    background-color: #ff9008;}
.page-numbers{    color: #666666;
    font-size: 16px;
    border: 1px solid #b7b7b7;
    padding: 1px 7px 4px;}
.pagination h2{display: none;}
.page-numbers span{display: none;}
.page-numbers:hover{background-color: #ff9008;color: #fff !important;}
button:focus{outline:none;}
.comments-area{position: relative;float: left;}
.comments-area input, button, select, textarea {
       vertical-align: text-top;          
}
.comments-area h2{text-align: left;    margin-top: 20px;
    color: #ff9008;}
.comments-area .submit{    background: #2598c3;
    border: none;
    font-size: 16px;
    padding: 5px 15px;
    margin: 15px auto;
    border-radius: 3px;
    color: #fff;}
.comments-area .submit:hover{    background: #40aad2;}
.comments-area label {
    font-weight: normal;
    min-width: 100px;
}
.comments-area .comment-notes{display: none;}
.comments-area input, .comments-area textarea{width: 100%;}
.blog-content p img{display: block;} 
.back-btn{    color: #ff9008;
    font-size: 16px;text-transform: capitalize;}
.back-btn:hover{text-decoration:underline;color: #ff9008;}



.dropdown-toggle{cursor: default;}
.dropdown-menu a{cursor: pointer;}
.fig_caption1 figcaption{background-color: #C0C000;}
.fig_caption2 figcaption{background-color: #B92F2F;}
.fig_caption3 figcaption{background-color: #01304A;}
.fig_caption4 figcaption{background-color: #0090E9;}
.fig_caption5 figcaption{background-color: #C0C000;}
.fig_caption6 figcaption{background-color: #07455C;}
.fig_caption7 figcaption{background-color: #C04243;}
.fig_caption8 figcaption{background-color: #C5C600;}

.fig_caption1:hover{background-color: #C0C000;width: 250px;height: 250px;}
.fig_caption2{background-color: #B92F2F;}
.fig_caption3{background-color: #01304A;}
.fig_caption4{background-color: #0090E9;}
.fig_caption5{background-color: #C0C000;}
.fig_caption6{background-color: #07455C;}
.fig_caption7{background-color: #C04243;}
.fig_caption8{background-color: #C5C600;}
.fig_caption1 img, .fig_caption2 img, .fig_caption3 img, .fig_caption4 img, .fig_caption5 img, .fig_caption6 img, .fig_caption7 img, .fig_caption8 img{   -webkit-transition: all 0.9s ease-out;
                                                                                                                                                          -moz-transition: all 0.9s ease-out;
                                                                                                                                                          -o-transition: all 0.9s ease-out;
                                                                                                                                                          -ms-transition: all 0.9s ease-out;
                                                                                                                                                          transition: all 0.9s ease-out;}
.fig_caption1:hover img, .fig_caption2:hover img, .fig_caption3:hover img, .fig_caption4:hover img, .fig_caption5:hover img, .fig_caption6:hover img, .fig_caption7:hover img, 
.fig_caption8:hover img{opacity:0;
                        -webkit-transition: all 0.6s ease-out;
                        -moz-transition: all 0.6s ease-out;
                        -o-transition: all 0.6s ease-out;
                        -ms-transition: all 0.6s ease-out;
                        transition: all 0.6s ease-out;
}
.div_thumb p{text-align: center;}
.know_more{
    border-radius: 5%;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    color: #000;
    text-decoration: none;

}
.wrap9, .wrap10, .wrap11, .wrap12, .wrap-13{width: 20%;float: left;}
.hme_brdr{border-top: 1px dashed #ffffff;width:53%;}
.banner-text-wrap h1{padding-bottom: 0px;
                     text-align: center;
                     text-transform: uppercase;
                     font-family: 'Helvetica Light';    letter-spacing: -1px;font-size: 26px;}
.banner-text-wrap h4{text-align: center;color: #fff;font-family: 'Helvetica Light';
                     font-size: 15px;
}

.div_thumb{border-radius: 50%;margin-bottom: 15px;height: 250px;width: 250px;margin-left: auto;margin-right: auto;}
.div_thumb img{border-radius: 50%;height: 250px;width: 250px;display: block;margin-left: auto;margin-right: auto;}
p, a{font-family: 'Helvetica Light';}
h4{font-family: 'Helvetica Light';}
.fa-circle:before {color: transparent;margin: 0 -30px;}
.love_us{padding: 0;
         text-transform: uppercase;
         color: #4f4f4f;
         text-align: center;
         margin: 25px 0;
         font-size: 34px;
         font-family: 'Helvetica Light';
         letter-spacing: 0px;}
.multi-item-carousel{margin: 25px 0;}
.fa-heart{color: #adadad !important;}
.fa-heart:before {font-size: 50px;}
.fa-linkedin-square, .fa-youtube-square, .fa-instagram{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 33px !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}
.ordered_li li{font-family: 'Helvetica Light';
               color: #666666;
               line-height: 1.3em;}
.approach_caption{color: #000;font-size: 16px;font-family: 'Helvetica Light';margin: 35px 10px !important;}
.abt_wrap h1{
    font-size: 45px;
    text-align: center;
    /*color: #777777;*/
    color: #fff;
    text-transform: uppercase;
    font-family:'Helvetica Light';   
    /*padding: 22px 0;*/
    padding: 3px 0;
    letter-spacing: -3px;
    word-spacing: 6px;
}
.app_divleft img{    border: 1px dashed #e1e1e1;
                     padding: 10px;
}
/*.abt_para p span:nth-child(1){
        padding:10px 25px;
    color: #777777;
    color: #fff;
    border-top: 1px dashed #777777;
}*/
.abt_para p span{color: #fff}
.abt_para p{font-family: 'Helvetica Light';
            text-align: center;
            font-size: 18px;
            margin: 5px;}

/*.abt_title h4:nth-child(1){text-align: left;font-family: 'Helvetica Light';font-size: 25px;color: #555555;}*/
.abt_title h4:nth-child(2){font-family: 'Helvetica Light';font-size:35px;color: #555555;padding-left: 70px;}
.abt_title h4:nth-child(3){font-family: 'Helvetica Light';font-size: 35px;color: #555555;text-align: center;}
.abt_title h4:nth-child(4){font-family: 'Helvetica Light';font-size: 47px;color: #555555;text-align: right;}
.abt_p{    margin:0;}
.abt_p p{line-height: 1.3em;
         text-align: justify;
         margin: 0 10px 15px;}
.abt{text-align: justify;}
.abt_title{padding:0;}
.abt_title h4{    color: #fff;
                  font-family: 'Helvetica Light';
                  font-size: 40px;
                  text-align: left;
                  line-height: 40px;
                  padding:0px 0 25px 8px;
                  text-transform: uppercase;
                  letter-spacing: 0px;}
.marg_auto{margin: 0 auto;float: none;}
.abt_content h4{text-align: left;
                color: #ff9629;
                font-family:'Helvetica Light';
                font-size: 26px;}
.clear_marg{    height: 20px;}
.abt_content p{    text-align: left;}
.rupee{margin: -6px 0 0;}
.abt-css span{font-size: 50px;display: inline-block;padding-left: 15px;font-family: 'Helvetica Light';letter-spacing: -4px;}
.abt-css{line-height: 1.6em;top: 56px;left: 28px;font-size: 16px;text-align: center;top: 63px;}
.abt-css1{left: 34px;}
.abt-css2{left: 48px;}
.abt-css3{left: 27px;}
.abt-css4{left: 24px;}
.plus{font-style: normal;font-size: 60px;}
.abt-css1 span{color: #B0AE03;}
.abt-css2 span{color: #B7536F;}
.abt-css3 span{color: #C04243;}
.abt-css4 span{color: #0090E9;}
.social-img{background:url('../images/social.png') no-repeat;}
.facebook{background-position: -39px 0px;}
.twitter{background-position: -80px 0px;}
.googleplus{background-position: -122px 0px;}
.banner_img{cursor: default;/*border-bottom: 3px solid #2b1d1f;*/}
.social-img a{width: 42px;height: 42px;display: inline-block;}

.social-img1{background:url('../images/foot_social.png') no-repeat;}
.facebook1{background-position:-52px -7px;}
.twitter1{background-position:-97px -4px;}
.googleplus1{background-position:-142px -5px;}
.social-img1 a{width: 42px;height: 42px;display: inline-block;}
.foot_social li{list-style-type: none;
                float: left;
                width: 42px;
                height: 30px;}

a{cursor: pointer;}
#scroll_up{display: none;}
.scroll_down .glyphicon-chevron-down{font-size: 18px;}
.scroll_up .glyphicon-chevron-up{font-size: 18px;}
.scroll_down{position: absolute;
             top: 15%;
             z-index: 22;
             right: 2%;}
.scroll_up{position:fixed;z-index: 22;
           right: 2%;
           bottom: 14%;}
.scroll_down a{background-color: rgb(192, 68, 68);
               padding: 10px 6px 3px;
               border-radius: 50%;
               color: #fff;}
.scroll_up a{background-color: #ff9009;
             padding: 12px 14px;
             color: #fff;}
.scroll_up a:hover{background-color: #ffb964;}
.slides-container li{cursor: default;}
.foot-clear{border-bottom: 1px solid #676767;
            margin-left: 15px;}
.foot-navigation{padding-left: 0px;}
.foot-navigation li{float: left;list-style-type: none;font-size: 15px;margin:5px 5px 6px 0;font-family: 'Helvetica Light';}
.foot-navigation li span, .foot-navigation li span:before, .foot-navigation li span:after{height: 12px;
                                                                                          display: inline-block;}
.foot-navigation li a{color:#989898;vertical-align:text-bottom;}
.foot_social li img{    width: 28px;}
.foot_social li:nth-child(4) img, .foot_social li:nth-child(5) img{margin-top: 1px;}
.foot1 p{color:#989898;margin: 5px 0;font-size: 15px;font-family: 'Helvetica Light';}
.foot1 form{    min-height: 60px;}
.banner_img li img{display: inline;width: 100%;}
.banner_img  ul{padding: 0px;margin-bottom: -1px;}
.slide1{position: absolute;
        top: 0px;
        /*width: 100%;*/}
.wrap_2 p span{/*border-top: 1px dashed #999999;*/
    padding: 15px 0px;}
.wrap_3 label{border-bottom: 1px dashed #999999;
              padding-bottom: 10px;}
/*#slides {
    height: 500px;
}*/
.head {
    /*position: fixed;*/
    background-color: rgb(16, 49, 62);
}
.top_menu{position: fixed;
          /*width: 100%;*/
          left: 0;
          z-index: 2000;
              right: 0;
}
.clear {
    clear: both;
}
.row {
    margin: 0 !important;
}
p {
    margin: 20px 0;
    font-size: 16px;
    color:#666666;
}
h1, h3, h4, h5, p {
    text-align: left;
}
h1 {
    color: #ffffff;
    font-size: 42px;
    font-family: 'Helvetica Light';
    padding: 25px 0;
    margin: 0;
    text-align: left;
}
h2 {
    text-align: center;
}
.our-exp h1{ color: #ffffff;
             font-family: 'Helvetica Light';
             font-size: 88px;
             margin: 0;
             padding: 5px 20px 15px;
}
a:focus, a:active, a:hover{text-decoration: none;}
.right {
    float: right;
}
.left {
    float: left;
}
.logo1 {
    display: none;
}
.container-fluid {
    padding: 0px;
}
.navbar-nav > li {
    cursor: pointer;
}
.navbar {
    border: 0;
    margin: 0;
    min-height: auto;
}
.navbar-default {
    background-color: transparent;
    border: none;
}
.navbar-brand, .navbar-default, .navbar-nav > li > a, .navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
}
.navbar-brand {
    max-width: 100%;
    height: auto;
    padding:8px 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-left img, .navbar-left img:active, .navbar-left img:visited {
    outline: none;
}
.wrap {
    width: 100%;

}
.padd_zero{padding: 30px 0px;margin-left: 1.3%;}
.wrap_div{padding:15px 5px 15px 15px;background-color: #67bcdb;}
.wrap_hme .wraps_block:last-child{
    border-right: none;
}
.wrap_hme .wraps_block {
    width: 210px;
    padding: 5px 22px 5px 0px;
    float: left;
    color: #ffffff;
    min-height: 150px;
    margin:10px 10px;
    border-right: 1px dashed #999999;
}
/*.wrap_hme .wrap1, .wrap_hme .wrap2, .wrap_hme .wrap3, .wrap_hme .wrap4, .wrap_hme .wrap5{    border-radius: 10px;}
.wrap1:hover, .wrap2:hover, .wrap3:hover, .wrap4:hover, .wrap5:hover{background-color: #ff4d29;}*/
.abt-wrap1, .abt-wrap2, .abt-wrap3, .abt-wrap4, .abt-wrap5{width: 20%;padding:8px 20px;float: left;}
.abt-wrap1{background-color:#B7B701; }
.abt-wrap2{background-color:#BF637C;}
.abt-wrap3{background-color:#C75555;}
.abt-wrap4{background-color:#11313E;}
.abt-wrap5{background-color:#009BEB;}
/*.wrap_hme .wrap1:hover, .wrap_hme .wrap2:hover, .wrap_hme .wrap3:hover, .wrap_hme .wrap4:hover, .wrap_hme .wrap5:hover {
        background-color:#ff4d29;
        border: none;
        -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}*/
/*.wrap1, .wrap2, .wrap3, .wrap4, .wrap5{background-color:#fff;box-shadow: 0 0 5px #A5A5A5;}*/
.wrap1 {
    /*   background: rgba(183,183,0,0.7), url('../images/bg.png');
     background: linear-gradient( rgba(183, 183, 0, 0.7), rgba(183, 183, 0, 0.7) ), url(../images/bg.png);
   background:url(../images/wrap1.png);*/
}
.wrap2 {
    /*background-color: #be637c;
    background: linear-gradient( rgba(190, 99, 124, 0.7), rgba(190, 99, 124, 0.7) ), url(../images/bg.png);
    background:url(../images/wrap2.png);*/
}
.wrap3 {
    /*background-color: #c65555;
    background: linear-gradient( rgba(198, 85, 85, 0.7), rgba(198, 85, 85, 0.7) ), url(../images/bg.png);
    background:url(../images/wrap3.png);*/
}
.wrap4 {
    /*background-color: #10313e;
    background: linear-gradient( rgba(16, 49, 62, 0.7), rgba(16, 49, 62, 0.7) ), url(../images/bg.png);
    background:url(../images/wrap4.png);*/
}
.wrap5 {
    /*background-color: #009beb;
    background: linear-gradient( rgba(0, 155, 235, 0.7), rgba(0, 155, 235, 0.7) ), url(../images/bg.png);
    background:url(../images/wrap5.png);*/
}
.padd0 {
    padding: 0;
}
.our-exp-wrap {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeef+0,f72c4a+100 */
    background: rgb(0,174,239); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(0,174,239,1) 0%, rgba(247,44,74,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,174,239,1) 0%,rgba(247,44,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,174,239,1) 0%,rgba(247,44,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#f72c4a',GradientType=1 ); /* IE6-9 */
    margin: 10px 0;
    /*background-color: #00aeef;
       
        background: #f72c4a;
background: -moz-linear-gradient(45deg, #f72c4a 6%, #ff670f 91%);
background: -webkit-linear-gradient(45deg, #f72c4a 6%,#ff670f 91%);
background: linear-gradient(45deg, #f72c4a 6%,#ff670f 91%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f72c4a', endColorstr='#ff670f',GradientType=1 );*/
}
.fd {
    border-top: 1px dashed #c0c0c0;
    border-bottom: 1px dashed #c0c0c0;
    margin:10px 0;
}
.our-exp h3 {
    color: #00aeef;
    /*text-align: center;*/
    font-family: 'Helvetica Light';
    text-transform: uppercase;
    padding: 27px 0 0 0;
}
.hme_wrapper{margin-top: 5px;    margin-bottom: 0px;}
.fd-txt {
    color: #999999;
    /*text-align: center;*/
    font-family: 'Helvetica Light';
    padding:11px 0 14px;
}
.fd-txt p{opacity: 0.6;
          text-align: center;font-family: 'Helvetica Light';}
.copy {
   background-color: #000c19;
}
.copy p {
    text-align: center;
    color: #fff;
    padding: 15px 25px;
    margin: 0;
    font-size: 14px;
}
.footer {
    background-color: #021c38;
    padding: 40px 0;
}
.footer h3 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;font-family: 'Helvetica Light'; margin: 0 0 5px;

}
.wrap6 ul, .wrap8 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #457272;
    font-size: 15px
}
.wrap6 ul li {
    padding: 2px 0;
}
.foot-nav1 li a, .foot-nav2 li a {
    margin: 20px 5px;
    width: 30%;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    border-right: 1px dashed #457272;
}
.foot-nav1 li:last-child a, .foot-nav2 li:last-child a {
    border-right: 0 !important;
}
.foot-nav1 li:first-child a, .foot-nav2 li:first-child a {
    text-align: left;
}
.foot-nav1 {
    border-bottom: 1px dashed #457272;
}
.wrap6 {
    padding: 0;
}
.wrap7 {
    border-left: 1px dashed #457272;
    border-right: 1px dashed #457272;
    padding: 0 50px;
}
.bdr0 {
    border-right: 0 !important;
}
/*.wrap9, .wrap10, .wrap11 {
        border-right: 1px dashed #999999;
}*/
.wrap9, .wrap10, .wrap11, .wrap12 {
    /*border-bottom: 1px dashed #999999;
    margin-bottom:50px;*/
}
.cir-cent {
    width:155px;
    margin:0 auto;
}
.cir-cent-bor {
    /*  border-right: 1px dashed #999999;*/
    width:100%;
}
.wrap9 p, .wrap10 p, .wrap11 p, .wrap12 p, .wrap-13 p {
    text-align: center;
    font-size: 18px;
    font-family: 'Helvetica Light';    color: #5a5a5a;
}
.wrap9 p a, .wrap10 p a, .wrap11 p a, .wrap12 p a, .wrap-13 p a{
    color:#808080;  
}
.wrap13 img {
    /*max-width: 475px;*/
}
.wrap13 {
    border-right: 1px dashed #999999;    
    margin-bottom: 20px;min-height: 150px;padding-left: 25px;
}
.wrap14 img {
    max-width: 200px;
    margin:0 auto;
    vertical-align: middle;
    display: block;
}
.wrap14 {
    margin: 20px 0 0 0;

}
.wrap16, .wrap18 {
    border-top: 1px dashed #999999;
    height:1px;
    margin-top:25px;
}
.wrap17 h4 span {
    font-family: 'Billabong';
    font-size:49px;
    color:#908f8f;
}
.wrap17 h4 {
    text-align:center;
    font-size:27px;
    color:#908f8f;font-family: 'Helvetica Light';
}
.wraps_block h2 {     font-size: 18px;
                      font-family: 'Helvetica Light';
                      color: #f89d00;
                      text-align: center;
                      margin: 15px 0;
}

/*.wrap1:hover h2, .wrap2:hover h2, .wrap3:hover h2, .wrap4:hover h2, .wrap5:hover h2, .wrap1:hover p, .wrap2:hover p, .wrap3:hover p, .wrap4:hover p, .wrap5:hover p{
    opacity: 1;color:#fff;
}*/
.active1{color:#fff;opacity:1 !important;}
.wraps_block p {    font-size: 13px;
                    color: #fff;
                    margin: 5px 0 0 0;
                    font-family: 'Helvetica Light';
                    min-height: 54px;
                    text-align: center;
}
.wraps_block img{      display: block;
                       margin: 0px auto 45px;
                       width: 50px;}
.wraps_block a, .wraps_block a:hover{margin: 10px 0;
                                     text-align: center;
                                     font-size: 14px;
}
.wrap19,.wrap20 { 
    float:left;
}
.wrap19 h1 {
    font-family:'Helvetica Light';
    text-align: center;
    float: left;
    border-bottom: 1px dashed #ffffff;
    padding: 0 25px 0 0;
    margin: 0;
    font-size: 36px;
}

.wrap20 p {
    font-family:'Helvetica Light';
    text-align: left;
    float: left;
    padding: 6px 15px;
    margin: 2px 0 16px 25px;
    font-size: 18px;
    color: #ffffff;
    background-color: #000;
    /* background: url('../images/newbg.png');*/
}

.clients_title h3{font-size: 50px;
                  margin: 70px 0 15px;
}
.banner-text-wrap6{    margin-top: 173.929px;}
.banner-text-wrap7{    margin-top: 125.929px;}

.caption_padding p span{padding: 20px 50px;}
label{font-weight: normal;}
/* First to market page css starts here*/
.market_title{    padding-right: 0px;
                  margin-bottom: 50px;
                  color: #8D8D8D;
                  margin-top: 40px;}
.caption-para{min-height: 110px;}
.caption-para p span{color: #ff9000;}
.caption-para p{    text-align: center;
    color: #666666;
    font-size: 18px;}
.prms_div{ margin-bottom: 55px;
           margin-top: 55px;}
.market_title h3{font-size: 50px;margin:35px 0 15px;font-family: 'Helvetica Light';}
.market_title span{color:#0091EA;font-weight: bold;font-family: 'Helvetica Light';}
.market_title h4, .culture_title h4, .omni_title h4{color: #316362;font-size: 18px;}

.wrap_1 h1{font-size: 55px;/*border-bottom: 1px dashed #999999;*/padding: 10px 0;font-family: Aileron-UltraLight;text-align: center;}
.wrap_2 p{color: #fff;font-size: 16px;text-align: center;margin-top: 0px;font-family:'Helvetica Light';}
.banner-text-wrap1 {margin:230px auto 0 auto;}
.banner-text-wrap2 {margin:235px auto 0 auto;width: 100%;}
.banner-text-wrap4 {margin:280px auto 0 auto;}
.slides1, .slides1{float:none;margin-left: auto;margin-right: auto;}
.circle1 p span:nth-child(1){font-size: 55px;color: #008DFF;font-weight: bold;}
.case_stdy{color: #8E8E8E;font-size: 24px;padding-left: 3px;}
.circle1 p{top: 80px;line-height: 1.4em;left: 60px;}

.circle2 p span:nth-child(1){color: #C65655;font-size: 29px;font-weight: bold;}
.circle2 p{line-height: 1.6em;top: 65px;left: 63px;}
.secd_span{color: #C65655;font-size: 40px;font-weight: bold;}

.circle3 p span:nth-child(1){color: #C8C500;font-size: 33px;font-weight: bold;}
.circle3 p{line-height: 1.6em;top: 65px;left: 63px;}
.c3_secd_span{color: #C8C500;font-size: 40px;font-weight: bold;}

.circle4 p span:nth-child(1){color: #155570;font-size:43px;font-weight: bold;}
.circle4 p{line-height: 1.6em;top: 80px;left: 65px;}
/* First to market page css Ends here*/


/* Our Culture of Delivery page css starts here*/
.culture_title{padding-right: 0px;margin-bottom: 40px;}
.culture_title h3{font-size: 50px;margin:35px 0 15px;color:#326262;font-family:'Helvetica Light';}
.culture_title span{color:#C61D56;font-weight: bold;padding-right: 10px;font-family: 'Helvetica Light';}

.wrap_3 h1{text-transform: uppercase;font-size: 50px;/*border-bottom: 1px dashed #999999;*/padding: 10px 0;font-family: 'Helvetica Light';text-align: center;}
.wrap_3 h1 span{font-size:50px;color:#fff;font-family:'Helvetica Light';}
.wrap_4 h1{font-size: 55px;padding: 10px 0;text-align: center;font-family: Aileron-UltraLight;}
.wrap_4 h1 span{font-size:55px;color:#fff;font-weight: bold;}

/* Our Culture of Delivery page css Ends here*/
.omni_title{    margin-top: 25px;margin-bottom: 30px;}
.bal_div{margin-top:25px;margin-bottom: 50px;}
/* footprint page css starts here*/
.footprint_title{padding-right: 0px;margin-bottom: 10px;    margin-top: 27px;}
.footprint_title h3{font-size: 55px;margin:35px 0 15px;color:#538D8E;font-family: 'Helvetica Light';}
.footprint_title span{color:#C24646;font-weight: bold;padding-right: 10px;font-family: 'Helvetica Light';}
.footprint_title h4{color: #326262;font-size: 18px;}
.footprint_title h3 img{vertical-align: top;}



/*.clients_title{  border-bottom: 1px dashed #999999;padding-right: 0px;
    margin-bottom: 40px;}*/
.chart p{ position: absolute;
          max-height: 100px;
          background: white;
          top: 0px;
          /* left: 33px;*/
          font-size: 18px;}
.chart p span{display: block;
              font-size: 50px;
              font-weight: bold;}

.client-cir-cent {
    width:280px;
    margin:0 auto;
}
.link1{margin: 0;
       right: 0;
       position: fixed;
       bottom: 0;
       z-index: 5;
      }
/*.link1 a:hover{color: #fff !important}*/
/*.link1 a{    text-align: right;
    background: #fff;    
    color: #ff9629;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;    border: 1px solid #FF670F;}*/
.client_logos p span{border-right: 1px dashed #999999;display: inline-block;margin: 5px 2px;}
.client_logos p span:after{border-right: 1px dashed red;display: inline-block;margin: 5px 2px;}
.client_logos p span img{margin-right: 10px;width:100px;}
.client_logos p{text-align: center;}
.client_logos p span:nth-child(9){border-right: 0px solid !important;}
.lastrow span:nth-child(1){border-left: 1px dashed #999999;padding-left: 10px;}
.fa-circle{width: 20px;
           /*background-color: #FC5126;*/
           display: inline-block;
           border: 4px solid #F72C4A;
           height: 21px;
           border-radius: 50%;
           margin: 0px 6px -4px 2px;}
.link1 a{     text-decoration: none;
    margin: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #fff;
    padding: 5px 40px;
    display: inline-block;
    background: #00aeef;
}
/*.link1{background: #00aeef;}*/
.clients-carousel .carousel-control.left {
    height: 30px;
    width: 25px;
    margin-top: 45px;
    background: #F00;
    left: -15px;
}
.clients-carousel .carousel-control.right {
    height: 30px;
    width: 25px;
    margin-top: 45px;
    background: #F00;
    right: -15px;
}

.client_logos img {
    width: 100px;
    /*height: 60px;*/
}
.clients-carousel .thumbnail:hover, .clients-carousel .thumbnail{border:none;background-color:transparent;}
.glyphicon-arrow-left{position: absolute;color:#9A9A9A;
                      float: left;
                      top: 0;
                      font-size: 50px;left: -20px;}
.glyphicon-arrow-left:before,  .glyphicon-arrow-right:before{content: none;}
.glyphicon-arrow-left:hover,  .glyphicon-arrow-right:hover, .glyphicon-arrow-left:focus,  .glyphicon-arrow-right:focus, .glyphicon-arrow-left:active,  .glyphicon-arrow-right:active{text-decoration: none;}
.glyphicon-arrow-right{position: absolute;
                       float: right;
                       top: 0;
                       font-size: 50px;
                       right: -20px;color:#9A9A9A;}
.fig_caption1 figcaption, .fig_caption2 figcaption, .fig_caption3 figcaption, .fig_caption4 figcaption, .fig_caption5 figcaption, .fig_caption6 figcaption, .fig_caption7 figcaption, 
.fig_caption8 figcaption{font-size: 22px;color: #fff;padding: 0 0 0 10px;}
figcaption{font-family:'Helvetica Light';}

.glyphicon-eye-open{left: 4px;}
.market_list .col-xs-12, .market_list .col-sm-6, .market_list .col-md-3, .market_list .col-lg-3{padding: 0 8px 8px 0;}
.market_list{padding-bottom: 30px;margin-bottom: 10px}
.mark_para{font-weight: bold;padding-bottom: 15px;font-family:'Helvetica Light';font-size: 16px;}
.slides1{float:none;margin-left: auto;margin-right: auto}
.media-grid .media-item {margin-right: 5px;}
.instagram{padding: 0px;}
.wrap-13 .cir-cent-bor {border-right:0px solid;}

.slide_caption {
    color: #fff;
    font-size: 20px;
    padding-right: 20px;
    border: 1px dashed #999999;
    float: left;
    padding-right: 20px;
    text-align: right;
    padding-left: 25px;
}
.slide_caption1 {
    color: #fff;
    font-size: 24px;
    padding:7px 50px 15px 20px;
    background-color: #c65555;
    background: url('../images/newbg.png');
    border: 1px dashed #999999;
}
.slide_caption1{margin: 0px 0 0 0px;float: left;}
.slide_sec{position: absolute;
           z-index: 99;
           top: 58%;
           width: 100%;
}
.slide_sec .col-lg-10{float: none;margin-left: auto;margin-right: auto;}
.bg{/*background: url('../images/bg.png');*/}
.foot_social{overflow: hidden;margin-top: 10px;padding-left: 0px}
.foot2{padding-right: 0px;}
.foot1{padding-right: 0px;padding-left: 30px;}
.social li a{line-height: 18px;}
.social li{list-style-type: none;
    float: left;
    width: 45px;
    line-height: 18px;}
.social li img{border-radius: 5px;margin-right: 10px;height: 32px;width: 32px;}
.social .fa:before{    font-size: 30px;}
.wrap17{margin-bottom: 10px;}
iframe #insta_frame .media-item{margin-left: 35px !important;}
/*#slides img, #slides {max-height: 745px;}*/
.testimonial-carousel .item p{text-align: justify;
                              padding-top: 10px;
                              font-family: 'Helvetica Light';
                              font-size: 16px;    margin: 0;}
#insta_frame{border: none;
             overflow: hidden;
             width: 90%;
             height: 210px;
             margin-left: auto;
             float: none;
             display: block;
             margin-right: auto;}

/*Superslides */
#slides {
    position: relative;cursor: pointer;
}
#slides .slides-container {
    display: none;
}
#slides .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
#slides .scrollable:after {
    content: "";
    display: table;
    clear: both;
}
.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%;
}
.slides-navigation a {
    position: absolute;
    display: block;
}
.slides-navigation a.prev {
    left: 0;
}
.slides-navigation a.next {
    right: 0;
}
.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 20px;
    text-align: center;
    width: 100%;
}
.slides-pagination a {
    border: 2px solid #252525;
    border-radius: 15px;
    width: 10px;
    height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
    margin: 2px;
    overflow: hidden;
    text-indent: -100%;
}
.slides-pagination a.current {
    background: #222;
}
/*Superslides */



/*circle */

.chart {
    position: relative;
    display: inline-block;
    color: #999;
    font-size: 20px;
    text-align: center;
}
.chart figcaption {
    padding: 14px 43px;
    width: 132px;
    height: 132px;
    border: 2px solid #a5a4a4;
    border-radius: 50%;
    line-height: 50px;
    margin-left: 9px;
    margin-top: 9px;
}
.chart img {
    position: absolute;
    border-radius: 50%;
    width: 65%;
    margin: 8px !important;
    /*max-height: 100px;
    background: white;*/
}
/* END Container styles */

/* Colors for the circles and positions for the graphics */
.html {
    top: 60px;
    left: 50px;
}
.html + svg .outer, .css + svg .outer, .javascript + svg .outer, .node + svg .outer {
    stroke: #999999;
}
.outer1, .outer2, .outer3, .outer4{    stroke: #616161 !important;}
.html,.css, .javascript, .node{
    top: 29px;
    left: 22px;
}

.chart svg {
    position: absolute;
    top: -18px;
    left: -22px;
}
.outer {
    fill: transparent;
    stroke: #333;
    stroke-width: 5;
    stroke-dasharray: 504;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}
.chart:hover .outer {
    stroke-dashoffset: 504 !important;
    -webkit-animation-play-state: paused;
}
/* END Circle colors and graphic positions */


/* Set the initial values for the animation */
.chart[data-percent='100'] .outer {
    stroke-dashoffset: 0;
    -webkit-animation: show100 2s;
    animation: show100 2s;
}
.chart[data-percent='75'] .outer {
    stroke-dashoffset: 133;
    -webkit-animation: show75 2s;
    animation: show75 2s;
}
.chart[data-percent='50'] .outer {
    stroke-dashoffset: 267;
    -webkit-animation: show50 2s;
    animation: show50 2s;
}
.chart[data-percent='25'] .outer {
    stroke-dashoffset: 401;
    -webkit-animation: show25 2s;
    animation: show25 2s;
}
/* END set initial animation values */

/* Keyframes for the initial animation */
@-webkit-keyframes show100 {
    from {
        stroke-dashoffset: 537;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes show100 {
    from {
        stroke-dashoffset: 537;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes show75 {
    from {
        stroke-dashoffset: 537;
    }
    to {
        stroke-dashoffset: 134;
    }
}
@keyframes show75 {
    from {
        stroke-dashoffset: 537;
    }
    to {
        stroke-dashoffset: 124;
    }
}
@-webkit-keyframes show50 {
    from {
        stroke-dashoffset: 537;
    }
    to {
        stroke-dashoffset: 267;
    }
}
@keyframes show50 {
    from {
        stroke-dashoffset: 537;
    }
    to {
        stroke-dashoffset: 267;
    }
}
@-webkit-keyframes show25 {
    from {
        stroke-dashoffset: 537;
    }
    to {
        stroke-dashoffset: 401;
    }
}
@keyframes show25 {
    from {
        stroke-dashoffset: 537;
    }
    to {
        stroke-dashoffset: 401;
    }
}

/*circle*/


/* Colors for the Bigger circles and positions for the graphics */

.html + svg .outer_big, .css + svg .outer_big, .javascript + svg .outer_big, .node + svg .outer_big, .abt-css + svg .outer_big {
    stroke: #999999;
}
.big_chart p{position: absolute;
             max-height: 100px;
             /* background: white; */ 
}
.big_chart figcaption{padding: 50px 25px;
                      width: 246px;
                      height: 240px;
                      border: 2px solid #f0f0f0;
                      border-radius: 50%;
                      line-height: 50px;}

.big_chart svg {
    position: absolute;
    top: -6px;
    left: -9px;
}
.outer_big {
    fill: transparent;
    stroke: #333;
    stroke-width: 3px;
    stroke-dasharray: 755;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}
.big_chart:hover .outer_big {
    stroke-dashoffset: 755 !important;
    -webkit-animation-play-state: paused;
}
/* END Circle colors and graphic positions */


/* Set the initial values for the animation */
.big_chart[data-percent='100'] .outer_big {
    stroke-dashoffset: 0;
    -webkit-animation: show100 2s;
    animation: show100 2s;
}
.big_chart[data-percent='75'] .outer_big {
    stroke-dashoffset: 133;
    -webkit-animation: show75 2s;
    animation: show75 2s;
}
.big_chart[data-percent='50'] .outer_big {
    stroke-dashoffset: 267;
    -webkit-animation: show50 2s;
    animation: show50 2s;
}
.big_chart[data-percent='25'] .outer_big {
    stroke-dashoffset: 401;
    -webkit-animation: show25 2s;
    animation: show25 2s;
}
/* END set initial animation values */

/*circle*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: transparent !important;
}
.dropdown-menu>li>a {font-size: 13px;}
#navbar > ul > li > ul {
    border:1px solid #777777;
    opacity: 0;
    visibility: hidden;
    padding:0;
    background-color: #000;
    text-align: left;  /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
    position: absolute;
    top: 45px;      /* This is for the drop down annimation */
    left:15%;
    width: 160px;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#navbar > ul > li:hover > ul {
    opacity:0.89;
    top: 45px;      /* This is how far from the top the drop down annimation will go  */
    visibility: visible;
}
/*#navbar > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent rgb(250,250,250) transparent;
    border-style: solid;
    border-width: 10px; 
    position: absolute;
    top: -20px;
    left: 25%;
    margin-left: -10px;
}
.ul_width ul{width: 205px !important;}*/
.border_hov{ border: 1px solid transparent;padding:14px 0px 2px;}
.wrap1:hover > .border_hov, .wrap2:hover > .border_hov, .wrap3:hover > .border_hov, .wrap4:hover > .border_hov, .wrap5:hover > .border_hov{

}
.wrap5{
    width: 265px;
    overflow: hidden;
    float: left;border-right:none !important;}
.wrap1, .wrap2, .wrap3, .wrap4, .wrap5{
    width: 260px;
    overflow: hidden;
    float: left;border-right:1px dashed #ded9d9;}
.wrap1:hover .border_hov1 h2, .wrap2:hover .border_hov1 h2, .wrap3:hover .border_hov1 h2, .wrap4:hover .border_hov1 h2, .wrap5:hover .border_hov1 h2{color: #17617b;}
.border_hov1{    
    padding: 15px 15px;
    margin: 0 15px;}
.wrap5 .border_hov1{     border-right:none;}
.border_hov1 img{    width: 50px;
                     display: block;
                     margin: 0 auto 15px auto;}
.wrap1:hover > .border_hov1, .wrap2:hover > .border_hov1, .wrap3:hover > .border_hov1, .wrap4:hover > .border_hov1, .wrap5:hover > .border_hov1{
    display: block !important;

}
a{outline: 0px !important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color:#00aeef;
}
.dropdown-menu>li>a {
    color: #fff;
    padding: 3px 15px; 
    text-shadow: none;   
}
#slider_overlay{position: relative;z-index:2 !important;min-height:121px;width: 100% !important;}

/*added as per changes*/
.dropdown-menu a{font-size: 11px !important;line-height: 25px !important;}
/*.dropdown-menu a:hover{
        color: #B6B800 !important;
        }*/

/*.link1 {
    bottom:0;
    position:fixed;
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:35px;
    float: right !important;
 }*/
/*div.border_hov h2,div.border_hov p{  
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
}*/

/*   ****For new content************* */
div.abt-title span.sub-title{font-family: 'Helvetica Light';
                             font-size: 36px;
                             color: #009beb;
                             padding: 5px 10px;}
div.title-para p{    font-family: 'Helvetica Light';
                     font-size: 16px;
                     text-align: center;
                     line-height: 1.5em;}
.abt-title > div:first-child{}
div.abt-para p{     font-family: 'Helvetica Light';
                    font-size: 18px;
                    margin: 5px 0 10px;
                    text-align: left;
                    line-height:1.5em;
                    color: #fff;
}
div.know-more p.link1{height: 30px;position: fixed;right: 0;bottom: 0;z-index: 1;}
.img-padding{padding: 10px;
             border: 1px dashed #ff9629;
             margin: 12px 0 0;}
div.story p{font-family: 'Helvetica Light';
            font-size: 16px;
            margin: 5px 0 10px;
            text-align: center;
            color: #fff;}
span.top-border{border-top: 1px dashed #fff;padding-top: 10px;}
.story{background-color: #C75555;margin-bottom:15px;margin-top: 15px;}

a.carousel-control{
    background: #2a2a2a  !important;
}
.circle_div{
    padding-top: 53em;
}
#cf {
    position:relative;
    /*margin:0 auto;*/
}

#cf img {
    position:absolute;
    left:0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

@media screen and (max-width: 480px){
.case-study-wrap div {
    width: 100%;
    /* padding-top: 55px; */
    /* margin: 0 auto 15px auto; */
    /* float: none; */
}
.port-list .portfolio {
    width:100% !important;
    margin: 0 1% 1% 0;
}
  #slides {
/*    height: 265px !important;*/
}
.client-logo{
      overflow: hidden;
    padding-left: 3px;
}
.client-logo li {
    float: left;
    list-style-type: none;
    width: 46%;
    margin-right: 3%;
}
.client-logo li img {
    width: 100% !important;
    height: 85px !important;
}
.bc-wrap {
    float: left;
    width: 50%;
}
.test-tabs-nav.nav {
    width: 250px !important;
}
.test-tabs-nav>li {
    padding: 0px 0px;
    border: 2px solid #474747;
    margin: 5px auto;
    border-radius: 5px;
    text-align: center;
    float: none;
}
    .link1 a{font-size: 10px !important;}
}
.heart_banner .fa-heart:before {
    font-size: 42px;
}
.heart_banner .fa-heart{color: #fff !important;}
.bg_color{height: 140px;}
.svg_title {

    background-size: .12em 100%;
    font: 18em/1 'Helvetica Light';
    height: 140px;
}

.text--line {
    font-size: .5em;
}

.abt_svg svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.text-copy {
    fill: none;
    stroke: white;
    stroke-dasharray: 7% 28%;
    stroke-width: 3px;
    -webkit-animation: stroke-offset 8s;
    animation: stroke-offset 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.text-copy:nth-child(1) {
    stroke: #f7304a;
    stroke-dashoffset: 7%;
}
.text-copy:nth-child(2) {
    stroke: #f74942;
    stroke-dashoffset: 14%;
}
.text-copy:nth-child(3) {
    stroke: #ff7931;
    stroke-dashoffset: 21%;
}
.text-copy:nth-child(4) {
    stroke:#ff9629;
    stroke-dashoffset: 28%;
}
.text-copy:nth-child(5) {
    stroke: #ff9629;
    stroke-dashoffset: 35%;
}

@-webkit-keyframes stroke-offset {
    50% {
        stroke-dasharray: 87.5%;
    }
}

@keyframes stroke-offset {
    50% {
        stroke-dasharray: 87.5%;
    }
}
/*circle hover effects*/
.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    cursor: default;
}

.ch-info-wrap, 
.ch-info{
    position: absolute;
    width: 230px;
    height: 230px;
    border-radius: 50%;
}

.ch-info-wrap {
    top: 0px;
    left: 0px;
    background: #f9f9f9 url(../images/bg.jpg);
    box-shadow: 
        0 0 0 20px rgba(255,255,255,0.2), 
        inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;

    -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
    opacity: 0;
    pointer-events: none; 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);  
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    -ms-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
}
.image1{background: #C0C000;}
.image2{background: #B92F2F;}
.image3{background: #01304A;}
.image4{background: #0090E9;}
.image5{background: #C0C000;}
.image6{background: #07455C;}
.image7{background: #C04243;}
.image8{background: #C5C600;}

.ch-img-1 { 
    background-image: url(../images/market/activity.png);
}

.ch-img-2 { 
    background-image: url(../images/market/beauty.png);
}

.ch-img-3 { 
    background-image: url(../images/market/dining.png);
}
.ch-img-4 { 
    background-image: url(../images/market/cinema.png);
}
.ch-img-5 { 
    background-image: url(../images/market/fitness.png);
}
.ch-img-6 { 
    background-image: url(../images/market/wellness.png);
}
.ch-img-7 { 
    background-image: url(../images/market/travel.png);
}
.ch-img-8 { 
    background-image: url(../images/market/healthcare.png);
}
.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    margin: 25% 15px;
    padding: 40px 0 0 0;
    height: 80px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
    text-align: center;
}

.ch-info p {
    color: #fff;
    padding: 10px 5px 0;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
    display: block;
    color: #e7615e;
    font-style: normal;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info p a:hover {
    color: #fff;
}

.ch-item:hover .ch-info-front {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    opacity: 0;
} 

.ch-item:hover .ch-info-back {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    opacity: 1;
    pointer-events: auto;
}
.ch-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}

.ch-grid:after {
    clear: both;
}

.ch-grid li {
    width: 230px;
    height: 230px;
    display: inline-block;
    margin: 20px;
}
/*circle hover effects ends*/
.story1{   margin-top: 0;
           margin-bottom: 20px;
           color: #ff9629;}
.action_btn1{    margin: 50px 0 0;
                 text-align: center;}
.action_btn1 a{color: #fff !important;    padding: 10px 30px;}
.story1 p{text-align: center;    color: #ff9008;}
.story{

    background: #f72c4a; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #f72c4a 6%, #ff670f 91%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #f72c4a 6%,#ff670f 91%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #f72c4a 6%,#ff670f 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f72c4a', endColorstr='#ff670f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
/*  ******************************     */
.slides-navigation .fa{color: #fff;
    opacity: 0.3;
    padding: 7px 9px 5px 7px;
    font-size: 32px;
    border-radius: 50%;
    width: 49px;}
.slides-navigation .fa:hover{opacity: 0.9;}
.slides-navigation .fa-chevron-right{padding:7px 9px 5px 12px;}
.slides-pagination{display: none;}
.top_menu{
    background-color:rgb(16, 49, 62);
    /*background: url('../images/Gradient_Band.png');
    background-size: 100% 100%;
    background: #f72c4a;
background: -moz-linear-gradient(45deg, #f72c4a 6%, #ff670f 91%);
background: -webkit-linear-gradient(45deg, #f72c4a 6%,#ff670f 91%);
background: linear-gradient(45deg, #f72c4a 6%,#ff670f 91%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f72c4a', endColorstr='#ff670f',GradientType=1 );*/
}
.foot_height{height: 425px !important;}
.div_height{     margin-top: 45px;
                 margin-bottom: 25px;}
.div_height1{margin-top: 80px;}
.div_marg{margin: 15px 0;}
.carousel-control{    background-color: #2f4f4e;
                      opacity: 1;}
.our_work .item img{
    margin: 0 auto;
    display: block;
    border: 1px solid #F1EDED;
    /*  -moz-transition: all 0.3s;
           -webkit-transition: all 0.3s;
           transition: all 0.3s;*/
}
/*.news:hover img{
       -moz-transform: scale(1.1);
       -webkit-transform: scale(1.1);
       transform: scale(1.1);
}*/
/*=-------Isotopes css -------------=*/
#info {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;        
    background:#fcf8e3;
    border:1px solid  #fbeed5;
    width:95%;
    max-width:900px;
    margin:0 auto 40px auto;
    font-family:arial;
    font-size:12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

#info .info-wrapper {
    padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;

}

#info a {
    color:#c09853;
    text-decoration:none;
}

#info p {
    margin:5px 0 0 0;
}


.container { 
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;  
}

#filters {
    margin:1%;
    padding:0;
    list-style:none;
}

#filters li {
    float:left;
    font-size: 16px;
    font-family: 'Helvetica Light';
    margin: 0 10px;
}

#filters li span {
    display: block;
    padding:5px 20px;   
    text-decoration:none;
    color:#666;
    cursor: pointer;
}

#filters li span.active {
    background: #e95a44;
    color:#fff;
}
#filters li span:hover {
    background: #e95a44;
    color: #fff;
} 


#portfoliolist .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    width:23%;
    margin:1%;
    float:left;
    overflow:hidden;
}

.portfolio-wrapper {
    overflow:hidden;
    position: relative !important;
    background: #00adef ;
}
.single-works .banner_img li img {
    display: inline;
    width: 100%;
    max-height: 560px;
}
.portfolio img {
      height: 202px;
    width:100%;
    position: relative;
    top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);   
}
.portfolio .labels{margin-top: -27px;
height: 27px;
padding: 0px 10px;}
.portfolio .labels a{color: #fff;}
.port_link{margin-top: -20px;color: #fff;}
.portfolio .label {
    position: absolute;
    width: 100%;
    height:40px;
    bottom:-40px;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    left: 0;
}

.portfolio .label-bg {
    background: #00adef;
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.portfolio .label-text a{
        color: #fff;
    font-size: 13px;
    margin:15px 20px;
    display: inline-block;
    text-decoration: underline;}
.port_link{display: block !important;
           text-align: right !important;
           text-decoration: underline !important;
           color: #fff !important;    cursor: pointer !important;}
.portfolio .label-text {
    color:#fff;
    position: relative;
    z-index:500;
    padding:5px 8px;
    text-align: left;
}     
.portfolio .text-category {
    display:block;
    font-size:9px;
}

.portfolio:hover .label {
    bottom:0;
}
.portfolio:hover img {
    top:-30px;
}  
/*.work_page #cboxLoadedContent {
    margin-bottom: 20px !important;
    max-height: 580px !important;
}
.work_page #cboxClose {
    position: fixed !important;
    right: 14px !important;
}*/
/*=-------Isotopes css Ends here-------------=*/
.our_work .item p{text-align: justify;font-size: 16px;padding:0 10px 0 0;}
.our_work .item h4{text-align: center;margin:20px 0 0;color:#BDB5B5;font-size: 20px; font-family: 'Helvetica Light';}
.work h2{    padding: 0;
             text-transform: uppercase;
             color:#fff;
             text-align: center;
             margin:35px 0;
             font-size: 34px;
             font-family: 'Helvetica Light';
             letter-spacing: 0px;}
.clients-carousel .carousel-inner{height: 80px;}  
.new_carousel .glyphicon-arrow-left {
    position: absolute;
    color: #9A9A9A;
    float: left;
    top: 50px;
    font-size: 32px;
    left: 30px;
}
.new_carousel .glyphicon-arrow-right {
    position: absolute;
    float: right;
    top: 50px;
    font-size: 32px;
    right: 30px;
    color: #9A9A9A;
} 
.work{background:#2a2a2a;
      padding-bottom: 80px;
      padding-top: 25px;}
.new_carousel .active.left{ left: -33.33%; }
.new_carousel .next{ left:  33.33%; }
.new_carousel .prev{left: -33.33%; }
.carousel-control{ width:  3%; }
.carousel-control.left, .carousel-control.right{margin-left:0px;background-image:none;    background: transparent;}
.work_hr{    border-top: 1px dashed #999999;
             margin: 0 auto;
             width: 85%;
             margin-top: -32px;
             margin-bottom: 55px;}
.work h2 span{display: inline-block;padding: 0 5px;}
.red_dot{    pointer-events: none;
             cursor: default;}
.banner-text-wrap3 {
    margin: 225px auto 0 auto;
}
.counter_wrap{background-color: #ff670f;padding: 10px;margin: 10px 0;}
.counter_wrap h5{text-align: center;color: #fff;font-size: 28px;font-family: 'Helvetica Light';line-height: 1.4em;}
.counter_wrap .container div{margin:10px 0;}
.abt h4{color:#ff670f;}
.view_btn{background-color:#00aeef;border:1px solid #00aeef;color: #fff !important;padding: 10px 20px;border-radius: 2px;display: inline-block; }
.view_btn:hover{background-color:#fff;color: #ff670f !important;border:1px solid #ff670f;}
.work_detail h5{text-align: center;}
/* Colorbox Core Style: */
.news:hover .mask {
    opacity: 1;
    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}
.news .mask {
    width: 358px;
    height: 314px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5); opacity: 0;margin-left: auto;
    right: 0;
    margin-right: auto;
}
.news:hover  #item1{display: block !important; 
}
#item1{display: none;position: absolute;
       z-index: 1;
       top: 130px;
       left: 0;
       right: 0;
       margin: 0 auto;
       line-height: 50px;
}
#item1{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#item1:hover{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.view_btn1, .view_btn1:hover{    background-color: #fff;
                                 color: #000 !important;
                                 padding:10px 7px;
                                 border-radius: 2px;
                                 display: inline-block;
                                 width: 50px;
                                 font-size: 56px;
                                 border-radius: 50%;
                                 height: 50px;
                                 line-height: 24px;
                                 margin-top: 80px;
                                 margin-left: 100px;
}
.new_link{width: 56px;margin:20px auto 0;}
.new_link a{position: relative !important;
            color: #ff670f !important;
            top: 0 !important;
            left: 0 !important;
            float: none !important;
            border:1px solid #ff670f;    
            background-color: #fff;
            padding:0 6px 18px 5px;
            line-height: 0.2em;}
.new_link a:hover{background-color: #00aeef;
                  color: #fff !important;
                  border: 1px solid #00aeef;}
.work_port{position: fixed;
           z-index: 1000;
           top:20%;
           left: 0;
           right: 0;
           margin: 0 auto;
           margin-left: auto;
           height: 100%;}
.work_description h4{color: #ff670f;}
.word_port div{background-color: #fff;}
.port_div{background-color: #fff;
          border: 1px solid #e1e1e1;
          height: auto;
          padding: 10px 15px;
          position: absolute;
          z-index: 1000;
          left: 0;
          right: 0;}
.cover {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;opacity:0.89;
}
#colorbox {
    position: fixed !important;
    top: 14% !important;
    opacity: 1 !important;
}
#work1{display: none;}
.work_description h4{text-align: left !important;}
.close .fa-close{    border: 2px solid #e1e1e1;
                     padding: 3px 7px;
                     color: #000 !important;
                     opacity: 1 !important;
                     margin: -5px 0;}
.close{color: #000 !important;opacity: 1 !important;}
#cboxClose{
    font-size: 13px !important;
    border: 1px solid #e1e1e1 !important;
    padding: 2px 10px !important;
    text-transform: uppercase;
    margin: 0px 0px !important;
    right: 0 !important;
}
#cboxOverlay{background: #000 !important;opacity:0.8 !important;}
.ph-wrap1, .ph-wrap2, .ph-wrap3, .ph-wrap4, .ph-wrap5, .ph-wrap6, .ph-wrap7, .philosophy_wrap, .philosophy_ul .ch-item{
    width: 200px !important;
    height: 200px !important;}
.ph-wrap2 h3, .ph-wrap7 h3{margin: 7% 15px  !important;padding: 30px 0 0 0;}
.ph-wrap4 h3{margin: 5% 15px !important;}
.ph-wrap6 h3{margin: 8% 15px !important;}
.ph-item5:hover .image5{background: #07455C;}
.ph-item6:hover .image6{background: #C04243;}
.ph-item7:hover .image7{background: #C0C000;}
.philosophy_wrap .ph-wrap1{background: #C0C000;}
.philosophy_wrap .ph-wrap2{background: #B92F2F;}
.philosophy_wrap .ph-wrap3{background: #01304A;}
.philosophy_wrap .ph-wrap4{background: #0090E9;}
.philosophy_wrap .ph-wrap5{background: #07455C;}
.philosophy_wrap .ph-wrap6{background: #C04243;}
.philosophy_wrap .ph-wrap7{background: #C5C600;}
.philosophy_wrap .ch-info-front{font-size: 23px;
                                position: absolute;
                                top:32%;
                                left: 0;
                                right: 0;
                                text-align: center;
                                color: #fff;}
.philosophy_wrap{font-family:'Helvetica Light';}
.philosophy_wrap .ch-info-back h3{font-size: 13px;margin: 12% 15px;text-transform: inherit;font-family: 'Helvetica Light';text-shadow: none;}
.port_title span{background-color: #fff;padding: 0 15px;}
.elastislide-wrapper{display: none;}
.og-expander {max-height: 300px;}
.og-grid li>a img {
    width: 215px;
}
.og-grid li {
    max-height: 490px;
}
#filters{display: table;
         margin: 0 auto;}
.move_down{position: absolute;
           z-index: 99;
           left: 0;
           right: 0;
           margin: 0 auto;
           width: 47px;
           bottom: 15px;cursor: pointer;}
.move_down .fa{color: #fff;
               font-size: 30px;}
.abt_row1{
    background:#2c9492;
    background-size: 100% 100%;    
}
.abt_row2{
/*    background: url('../images/abt-bg.png');
    background-size: 100% 100%;  */  
}
.abt_row3{
    background: url('../images/footprint.jpg');
    background-size: 100% 100%;    
}
.abt-btm h4{color:#ff9008;
            margin: 35px 0px 20px;
            font-size: 22px;text-align: center;}
.abt1{margin:100px 0;}
.abt2{margin:50px 0;}
.abt1 p{text-align: justify !important;}
.abt1 h4{color:#fff;
         font-size: 40px;
         font-family: 'Helvetica Light';
         margin: 10px 0;}
.abt_content{margin: 30px auto;}
.approach h4{    color: #ff9629;
                 font-size: 30px;
                 line-height: 1.3em;
                 padding: 0px 0 15px 8px;text-align: center;}
.app_div{    margin-top: 70px;}
.action_btn{ background-color: #00aeef;
             border: 1px solid #00aeef;
             color: #fff !important;
             padding: 10px 20px;
             width: 175px;
             margin: 0 auto;
             font-family: 'Helvetica Light';
             font-size: 20px;
             margin-top: 50px;}
.clintele_div p{    margin: 5px 0;}
.clintele_div{    margin:50px 0 0;}
.form-inline .form-control {
    width: 100%;font-family: 'Helvetica Light';
}
.form-group label{font-family: 'Helvetica Light';
                  font-size: 16px;}
.form-group{    margin: 10px 0 !important;}
.hme_form .form-group{margin: 10px 0 !important;height: 40px;padding: 0 10px 0 0;}
.hme_form .error{color: #ff9000;font-weight: bold;}
.error.hme-success{margin: -5px 0 20px !important;}
.hme_form form{padding:10px 30px;}
.hme-success{/*position: absolute;*/height: 0px !important;}
.enquiry_form h5{    color: #383838;
                     margin: 30px 15px 15PX;
                     font-size: 40px;font-family: 'Helvetica Light';text-align: center;}
.enquiry-title h5{    color: #383838;
                      margin: 35px 15px 30px;
                      font-size: 40px;font-family: 'Helvetica Light';text-align: center;}
address{margin: 20px 15px;
        font-size: 15px;
        line-height: 1.7em;
        font-family: 'Helvetica Light';}
address h6{font-size: 20px;
           font-family: 'Helvetica Light';margin-bottom: 0;}
address strong{    margin-bottom: 10px;
                   display: inline-block;}
.map_link{ margin-top: 5px;
           display: inline-block;}
.enquiry_form iframe{padding: 10px 20px;}
.contact_wrap{margin-bottom: 60px;}
.submit_btn {
    background: #00aeef;
    background-image: -webkit-linear-gradient(top, #00aeef, #00aeef);
    background-image: -moz-linear-gradient(top, #00aeef, #00aeef);
    background-image: -ms-linear-gradient(top, #00aeef, #00aeef);
    background-image: -o-linear-gradient(top, #00aeef, #00aeef);
    background-image: linear-gradient(to bottom, #00aeef, #00aeef);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    border: none;
    margin: 15px;
}

.submit_btn:hover {
    background: #1b7fa3;
    background-image: -webkit-linear-gradient(top, #1b7fa3, #00aeef);
    background-image: -moz-linear-gradient(top, #1b7fa3, #00aeef);
    background-image: -ms-linear-gradient(top, #1b7fa3, #00aeef);
    background-image: -o-linear-gradient(top, #1b7fa3, #00aeef);
    background-image: linear-gradient(to bottom, #1b7fa3, #00aeef);
    text-decoration: none;
}
.fa-map-marker{font-size: 70px !important;
               color: red;}
.hme_wraps1{    
    /*padding: 60px 0;*/
    padding:0px 0 30px 60px;
    background:#021C38;
}
.hme_wraps h5{color:#f89d00;
              text-align: center;
              margin: 45px 0 50px;
              font-size: 50px;
              font-family: 'Helvetica Light';
              letter-spacing: -3px;}
.hme_wraps1 h5{    color: #f89d00;
                   text-align: center;
                   margin: 0px 0 30px;
                   font-size: 36px;
                   font-family: 'Helvetica Light';}
.wraps_link{     color: #f89d00 !important;
                 margin: -2px 0 0px;
                 font-size: 14px;
                 font-family: 'Helvetica Light';
                 display: block;}
.wraps_link:hover{text-decoration: underline;}
/*.wrap_hme .wrap1:hover a, .wrap_hme .wrap2:hover a, .wrap_hme .wrap3:hover a, .wrap_hme .wrap4:hover a, .wrap_hme .wrap5:hover a{
color: #fff !important;
}*/
.wraps_link:hover{text-decoration: underline !important;  }
.radio_option input{width: 25px !important;
                    height: 18px;
                    display: inline-block !important;
                    box-shadow: none;
                    vertical-align: sub !important; font-family: 'Helvetica Light';}
.radio_option input:focus,   .radio_option input:active{box-shadow: none !important}
.radio_option label{font-size: 16px;margin-right: 10px;font-family:'Helvetica Light';}
.hme_form h3{margin: 0px 0 5px;
             color: #999999;
             font-size: 32px;
             font-family: 'Helvetica Light';
             text-transform: uppercase;}
.hme_form p{color: #999999;
            font-family: 'Helvetica Light';
            font-size: 20px;
            margin: 5px 0;}
.bc-hme-title p{text-align:center;}
.hme_form .submit_btn{margin: 0;}
.submit_div{text-align: center;}
.submit_btn2{
    color: #57585c;
    background: #fddfc7;
    border: none;
    padding: 5px 20px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 3px;
        margin:5px 0 7px;
}
.hme-form select {
    background: url(../images/down-arrow.png) no-repeat right!important;
        background-position: 100%!important;
    background-size: 28px!important;
    background-color: #fff!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.submit_btn2:hover{    background:#f3c6a2;}
.hme_form img{margin: 0px auto;}
.hme-forminner h3{text-align: center;text-transform: uppercase;color: #fff;font-size: 28px;font-weight: bold;}
.hme-forminner p{text-align: center;color: #fff;font-size: 16px;}
.testimonials img{     width: 100%;}
/*.hme_form{padding:60px 0;
          background: url('../images/contact-bg.png');
          background-size: cover;}*/
          .padd-zero{padding: 0px !important}
          .hme_form{background-color: #259a87;}
.hme-form{background-color: #259a87;}
.hme-forminner{     padding:20px 10px 5px;
    background-color: #115c58;
    margin: 12px 10px;
    border-radius: 10px;
    overflow: hidden;}
.client-logo li{float:left;list-style-type:none;}
.client-logo li img{width: 165px;height: 124px;
                    /*border: 1px solid #efefef;*/
                    margin-right: 15px;
                    margin-bottom: 15px;
                    border-radius: 5px;}
.testimonial_div h4, .client_testimonial h4{font-size: 22px;margin: 10px 10px 20px;color:#00aeef;}
.test-content h5{text-align: right;color: #ff9629;font-size: 16px;font-family:'Helvetica Light'}
.test-content h6{text-align: right;color: #000;font-size: 15px;font-family:'Helvetica Light'}
.test-content, .clients_content{margin-bottom:40px;overflow: hidden;}
center{font-family: 'Helvetica Light';font-size: 16px;}
.test_img{float: right;width: 150px;}
/*.testimonial_div{background: #ededed;}*/
.gray_bg{background: #ededed;padding: 10px;}
.wrap9:hover p, .wrap10:hover p, .wrap11:hover p, .wrap12:hover p, .wrap-13:hover p{color:#f89d00;}
.wrap14 img{width: 150px;}
.fa-linkedin-square, .fa-youtube-square, .fa-instagram{background: #fff;
                                                       border-radius: 22px;
                                                       height: 30px;
                                                       margin: -3px 0;}
.fa-linkedin-square:before{color: #006dbd;
                           font-size: 32px;}
.fa-youtube-square:before{color: #d62821;
                          font-size: 32px;}
.fa-instagram:before{color: #ad7d63;
                     font-size: 32px;}
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(75,75,75,0.7);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hovereffect:hover .overlay ul {opacity: 1 !important;
}
.hovereffect img {
    display: block;
    position: relative;
}
.hovereffect:hover .overlay {
    background-color: rgba(0, 0, 0, 0.8);
}
.hovereffect h2 {
    text-transform: uppercase;
    color:#ff9629;
    text-align: center;
    position: relative;
    font-size: 20px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}
.hovereffect h3 {
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-top: 40px;
}

.hovereffect:hover h3 {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 0;
    margin-top: 0px;
}


.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    margin: -52px 0 0 0;
    padding: 62px 100px;
}

.hovereffect:hover a.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}
.app_divleft h4{    text-align: center;
                    color: #ff9629;
                    font-size: 22px;
                    margin: 15px 0 0;}
.overlay ul li{color: #fff;
               font-size: 18px;
               text-align: left;}
.overlay ul{  padding-left: 5px;
              width: 260px;
              margin:5px auto;    opacity: 0;}
.case_ul li{    float: left;
                list-style-type: none;
                font-size: 22px;
                width: 250px;
                margin: 10px 5px;
                text-align: center;
                font-family: 'Helvetica Light';
                color: #666666;
                border: 1px solid #efefef;
                padding: 50px 0px;
                text-transform: uppercase;}
.case_ul li a{color: #00aeef;
              text-align: center;font-size: 14px;}
.case_title{ font-size: 20px;
             color: #adadad;
             font-family: 'Helvetica Light';
             font-size: 50px;
             text-align: center;
             line-height: 1.3em;
             padding: 35px 0;
             text-transform: uppercase;
             letter-spacing: -2px;
             text-align: center !important;}
.case_ul{    overflow: hidden;}
.soft2 p{    margin: 30px 0px;
             color: #ff4d29 !important;
             font-family: 'Helvetica Light';}
.abt3 p{text-align: center;
        color: #fff;
        margin: 0;
        font-size: 18px;}
.loyalty_wrap .soft_edge{width: 200px;
                         float: left;
                         margin: 10px 10px;
                         min-height: 220px;
                         padding: 10px 15px;}
.abt4 p{font-family: 'Helvetica Light';
        text-align: center;
        font-size: 18px;
        margin: 5px 0;color: #fff;}
.soft_edge2{border-radius: 5px;
            border: 1px solid #bbbaba;
            min-height: 115px;
            margin-bottom: 0;
            margin-top: 15px;
            padding: 5px 10px;
            line-height: 100px;}
.soft_edge3{border-radius: 5px;
            border: 1px solid #bbbaba;
            min-height: 130px;
            margin: 0 20px 0 0;
            margin-top: 15px;
            padding: 5px 10px;
            line-height: 115px;
            width: 200px;
            float: left;}
.culture_div{margin:3px 0;padding: 0px 0 0 5px;}
.culture_div .app_divleft p{opacity: 0;padding: 0 15px;}
.culture_div .app_divleft:hover p{opacity: 1 !important;color: #fff;}
.iconimg{display: block;margin: 0 auto;border:  none !important;}
.icon_li{list-style-type: none !important;}
.icon_li img{border:  none !important;}
.clients_title{   }
.big{    font-size: 70px;
         font-family:'Helvetica Light';
         line-height: 10px;    letter-spacing: -7px;}
.badd{font-size: 100px;
      font-family: 'Helvetica Light';
      line-height: 75px;    letter-spacing: -8px;}
.soft_edge img{display: block;margin: 0 auto;    width:65px;}
.soft_edge{
    min-height: 172px;    padding: 15px 0;}
.cont_form h5{    text-transform: uppercase;
                  color: #fff;
                  text-align: left;
                  font-size: 20px;
                  margin:0px 0px 20px -2px;
                  font-family:'Helvetica Light';
                  background-color: #00aeef;
                  padding: 15px 20px;}
.cont_form{background-color: #fff;
           padding: 0;
           margin: 0;
           right: 0;
           position: fixed;
           bottom: -320px;
           z-index:99;
           width: 290px;
           border-left: 2px solid #e1e1e1;}
#sticky_close{position: absolute;
              right: 15px;
              z-index: 9;
              top:10px;
              font-size: 20px;}
/*.cont_form{display: none;}*/
.cont_form .form-group {
    margin:10px 15px !important;
}
.fa-close{color: #fff;}
.cont_form .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.home .link1{display: none;} 
.footer_logo{margin: 0 0 15px 30px;}
.news img:hover .news img{ position: absolute;
                           background: #333;
                           background: rgba(48, 48, 48, 0.7);
                           width: 100%;
                           height: 100%;}
.mask{display: none;}


.news img {
    width:100%;
    vertical-align:top;
}
.news:after, .news:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.news:after {
    content:'\A';
    width:100%; height:88%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
}

.news:hover:after, .news:hover:before {
    opacity:1;
}
.bc-wraps {
    overflow: hidden;
    width: 935px;
    margin: 0 auto;
}
/**
 *
 *  essential styles
 *    - the following styles are essential to the functioning of the plugin
 *
 **/
  .wmg-thumbnail:hover .hov-description h5 { bottom: 12px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
  }
  .hov-description h5 { bottom: 0px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
  }
  .wmg-thumbnail:hover .hover_content {
    visibility: visible;
    opacity: 1;
}
 .hover_content{
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0px;
    padding: 0px;
    display: block;
    width: 225px;
    height: 290px;
    background-position: 100% 290px;
    background-repeat: no-repeat;
    right: 0;
    top: 0px;
    margin: 0 auto;
  }
  .hov-description{    height: 70px;
    bottom: 0;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.6);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
  }
 .hov-description h5 span{
      display: block;
    color: #2598c3;
    font-size: 12px;
    font-weight: bold;
 }
.hov-description h5{position: absolute;bottom: 0;line-height: 22px;text-align: center;
    left: 0;
    right: 0;
    font-size: 16px;color: #fff;}
    .wmg-container{
  filter: alpha(opacity=0);
  font-family: empty;
  font-size: 0px;
  opacity: 0.0;
  position: relative;
  width: 100%;
  zoom: 1;
  
}
.wmg-container > *{
  font-family: sans-serif;
  font-size: 18px;
}
.wmg-container img{
    height: 290px;
    min-width: 225px;
    min-height: 290px;
}
.wmg-details .fa-close{   
       position: absolute;
    right: 15px;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
    z-index: 1;
    font-weight: normal;}
.profile-content p, .profile-content h2{color:#fff;text-align: left;margin: 10px 0 0;}    
.profile-content h2{font-size: 24px;}
.profile-content hr{    margin: 15px 0 0px;}
.profile-content h2 span{display: block;
    font-size: 15px;
    padding: 5px 0 0;
    color: #ff9009;}
  .wmg-item{
    display: inline-block;
    *display: inline;
    -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;   
      box-sizing: border-box;
  }

    .wmg-thumbnail{
      height: 100%;
      text-align: center;
      position: relative;
      width: 100%;
    }
      .wmg-arrow{
        border-bottom: 10px solid;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        bottom: -15px;
        display: none;
        height: 0;
        position: absolute;
        width: 0;
        z-index: 2;
      }
      .wmg-thumbnail-content{
      height: 290px;
    overflow: hidden;
    width: 100%;
      }
      .wmg-thumbnail-content img{
        vertical-align: top;
      }

    .wmg-details{
      left: 0px;
      margin-top: 15px;
      overflow: hidden;
      position: absolute;
      width: 100%;
    }
      .wmg-close{
        cursor: pointer;
        display: block;
        position: absolute;
        z-index: 2;
      }
      .wmg-details-content{
        height: auto;
      }


/**
 *
 *  sample styles
 *    - the following styles are just one example. You can customize at will
 *
 *
 **/
.wmg-container{
  /*background: #eeeeee;*/
  margin-top: 30px;
}
.wmg-thumbnail{
/*  background: #686868;*/
  color: #ffffff;
  cursor: pointer;
}
.wmg-arrow{
  border-bottom-color:#474747;
}
.wmg-close{
  /*background: url(../images/wmg-btn-close.png) no-repeat 0px 0px;*/
  display: block;
  height: 30px;
  right: 10px;
  top: 5px;
  width: 30px;
}
.wmg-close:hover, .wmg-close:active{
  background-position: 0px -31px; 
}
.wmg-details-content{
  background: #474747;
}
.exemplo{padding:20px 5px !important;}
/* opened */
.wmg-container.open{
  /*background: #000000;*/
}
.wmg-container.open .wmg-thumbnail{
  background: transparent;
  color: #242424;
}
.wmg-container.open .wmg-thumbnail.open{
  background:transparent;
}
.wmg-container.open .wmg-thumbnail img{
  -moz-opacity: 0.20;
  -khtml-opacity: 0.20;
  opacity: 0.20;
  /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);*/
}
.wmg-container.open .wmg-thumbnail:hover img{
  -moz-opacity: 0.40;
  -khtml-opacity: 0.40;
  opacity: 0.40;
  /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);*/
}
.wmg-container.open .wmg-thumbnail.open img{
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);*/
}
.single .blog-thumb{padding-left: 0;}
.single .blog-thumb img {
    max-height: 100%;
}
.blog-rightwrap a img{margin: 0 auto;width: 300px;}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
    height: 22px !important;
}
.rt_wrap {
    padding: 105px 15px 25px;
}
.divtext1 h1{
    color: #1c3a50;
      padding-top: 10px;
}
.divtext2 h1{
/*        padding-top: 0;*/
}
.banner-text-wrap5 {
    margin: 205px auto 0 auto;
}
#customer .col-lg-12 .test-content:nth-child(3){
  margin-top: -20px !important;
}















@media screen and (max-width: 320px) {
    .slide_sec {display: none;}
    .wrap1, .wrap2, .wrap3, .wrap4, .wrap5 {
        display: inline-block;
        height:50px;
    }
}
/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media screen and (max-width: 767px) {
.imgwrap{
    width: 280px;
    float: none;
    margin: 0 auto;
}
.blog-leftwrap {
    height: auto !important;
}
.banner-text-wrap5 {
    margin: 115px auto 0 auto;
}
.jobs {
    margin: 0 auto;
    float: none !important;
    width: 300px;
}
.side_form {
    margin-top: 5px;
}
.rt_wrap{
  min-height: auto !important;
   padding: 25px 15px;  
}
.hme_form .form-group {
    padding: 0;
}
.head, header {
    height: 98px;
}
.navbar-toggle {
    margin-top: 28px;
}
.mob1{
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-top: 8px !important;
}
.mob-timeline .carousel-inner, .mob-timeline .carousel-inner .item {
    height: auto;
}
.mob-timeline .carousel-inner p {font-size: 15px; }
  .form-image, .hme-form{width: 100%;}
.banner-text-wrap4 {
    margin: 190px auto 0 auto;
}
.abt_wrap1 h1 {font-size: 16px;margin-top: 30px;}
.blog-rightwrap{height:100% !important;}
.wrap_div .wrap1, .wrap_div .wrap2, .wrap_div .wrap3, .wrap_div .wrap4, .wrap_div .wrap5 {
    float: left;
    width: 50%;
    padding: 0 0 !important;
}
.wrap_div {
    padding: 15px 5px 15px 0px;
    background-color: #67bcdb;
}
.border_hov1 {
    padding: 15px 0px;
    margin: 0 0px;
}
.brdr-rt .col-lg-3 {
    border-right: 1px dashed transparent;
}
  #colorbox, #cboxWrapper, #cboxLoadedContent {
   /* width: 270px !important;*/
}
#colorbox {
    outline: 0;
    left: 20px !important;
}
.cltre-wrap {
    width: 100%;
    float: left;
    border-right: 5px solid #fff;
    margin: 5px 0px;
}
.culture_div img {
    width: auto;
    margin: 0 auto;
    display: block;
}
.port-list .portfolio {
    width:49%;
    margin: 0 1% 1% 0;
}
  #slides{display: none;}
.banner-wrap4 {
    margin: 156px auto 0 auto;
}
    #slides {
    height: 180px !important;
}
 .carousel-control.left, .carousel-control.right {
    margin-left: 10px;
    margin-right: 10px;
}
.values p {
    margin: 0 0 10px;
}
.values h2 {margin: 15px 0 5px;}
#navbar > ul > li > ul{
    left: 20%; 
    margin-top: -35px; 
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
}
.navbar-nav {
    margin: 0px -15px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    border: none;
    box-shadow: none;
    overflow: hidden;
}
.mob-values-div .wraps_link {text-align: center;}
.test-tabs-nav.nav {
  background-color: transparent;
    width: 360px;
    margin: 10px auto;
    position: relative;
}
.test-tabs {
    margin: 0px 0px 50px;
}
.test-content, .clients_content {
    margin-bottom: 40px;
    overflow: hidden;
    padding: 0;
}
.tab-content .active > .col-lg-12 {
    display: block;
    overflow: hidden;
    padding: 0;
}
.subsribe {
    width: 170px;
}
    .circle_div {
        display: none;
    }
    .desktop_timeline{display: none;}
    .mob-timeline{display: block;}
    .about-para li {
        font-size: 17px;
        float: none;
        margin: 16px auto;}
    .about-para li:nth-child(2), .about-para li:nth-child(4) {
        float: none;
    }
    .about-para li:nth-child(3) {
        width: 260px;
    }
    .about-para li:nth-child(2) img, .about-para li:nth-child(4) img{    transform: rotate(90deg);}

    .mob-values-div{display: block;}
    .value-img{display: none;}
    .bc-wraps, .bc-wraps3 {
        overflow: hidden;
        width: 100%;
        margin: 0 auto;
    }
    .bc-wrap1, .bc-wrap3 {
        float: left;
        width: 50%;

    }
    .soft_mrgn {
        border-right: none;
        border-bottom: 1px dashed #808080;
    }
    .foot1 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .footer_logo {
        margin: 0 0 15px 0;
    }
    .mob-timeline .carousel-control {
        display: block !important;
    }
    .mob-time, .mob-time .content{padding:0px;}
    .carousel-control{width: 25px;}
    .imgwrap img{margin: 0 auto;}
    .love_us {font-size: 35px;}
    .carousel-link li {
        float: none;
    }
    .top_menu {
        padding: 0;
    }
    .wrap_hme .wraps_block {
        float: none;
        margin: 0 auto;
        border-right:none;
    }
    .wrap9, .wrap10, .wrap11, .wrap12, .wrap-13 {
        width: 100%;
        float: left;
    }
    #portfoliolist .portfolio {
        width:48%;
        margin:1%;
    }
    #ads {
        display:none;
    }
   /* .hme_form {
        padding: 60px 15px;
        background: none;
    }*/
    .carousel-control img {
        padding-top: 75px;
        width: 18px;
    }
    .logo{
        width: 80px;
    }
    .logo1{
        width: 68px;margin-left: -4px;

    }
    #social_div{display: none !important;}
/*    .mob-slider{display: block;}*/
/*    #slides{display: none;}*/
    .slides-container li img{
        left: 0 !important;
        height: auto !important;
        width: 100% !important;
        top: 0 !important;
    }
    .demo-3 .col {
        display: table-cell;
        background-color: #474747;
        padding: 0px;
        width: 100%;
        float: left;
    }
    .case-study-wrap div {
      /*  width: 260px;
        margin-right: auto;
        margin-bottom: 15px;
        padding-top: 55px;
        margin-left: auto;
        float: none;*/
    }
    .carousel-inner .active.left {
        left: -100%;
    }
    .carousel-inner .next {
        left:  100%;
    }
    .carousel-inner .prev {
        left: -100%;
    }
    .active > div {
        display:none;
    }
    .active > div:first-child {
        display:block;
    }
    .app_divleft img{display:block;margin: 0 auto;}
    .our_work .item h4 {margin:20px 0 20px !important;}
    .news .mask {width: 400px !important;height: 351px !important;}
    .work_detail{margin-top: 20px;}
    .wrap_hme .wrap1, .wrap_hme .wrap2, .wrap_hme .wrap3, .wrap_hme .wrap4, .wrap_hme .wrap5 {
        width:28.5% !important;}
    .border_hov {
        padding: 14px 0px !important;
    }
    .wrap_hme .wrap1, .wrap_hme .wrap2, .wrap_hme .wrap3, .wrap_hme .wrap4, .wrap_hme .wrap5 {
        margin-right: 15px !important;
        margin-bottom: 15px !important;
    }
    .wrap19 h1 {font-size: 20px;line-height: 1.6em;}
    /*.banner-text-wrap {width: ;}*/
    #insta_frame{height: 90px !important;}
    .wrap16, .wrap18 {height: 20px;margin-top: 10px;}
    #social_div {padding-right: 7px;margin-top: -60px;}
    .our-exp h1 {font-size: 65px;text-align: center;}
    .navbar-header {padding: 4px 15px;}
    .head .container {padding: 0;}
    .wrap1, .wrap2, .wrap3, .wrap4, .wrap5 {display: inline-block;/* height: 50px !important;*/}
    .slide_sec{display: none;}
    .banner-text-wrap {margin: 150px auto 0;}
    .wrap_1 h1, .wrap_1 h1 span {font-size: 23px;padding: 20px 0 10px;}
    .wrap_2 p {font-size: 15px;margin-top: 0px; }
    .wrap_3 h1, .wrap_3 h1 span, .wrap_4 h1, .wrap_4 h1 span, .wrap_5 h1, .wrap_5 h1 span, .wrap_6 h1, .wrap_6 h1 span {font-size: 18px;}
    .cir-cent-bor, .wrap13 { border-right: 0px dashed #999999;}
    .slide_caption1 span {font-size: 14px;padding: 10px 60px 10px 20px;}
    .slide_caption span {font-size: 15px;}
    .wrap20 p {margin: 0px 0 10px 16px;font-size: 10px;}

    .wrap1 p, .wrap2 p, .wrap3 p, .wrap4 p, .wrap5 p {font-size: 12px;}
    .slide_sec {margin-top:30px;}
    .nav{background-color:#c04444;z-index: 1000 !important;position: relative;width: 100%;}
    .instagram {margin-bottom:10px;}
    .omni_title h3 {font-size: 40px;}
    .footprint_title h3 {font-size: 38px;}
    .footprint_title h3 img {margin-top: 0px;width: 34px;}
    .big_chart svg {left:-14px !important;}
    /*.banner_img {height: 500px !important;}*/
    .banner-text-wrap2 {margin: 104px auto 0 !important;}

    .wrap1, .wrap2, .wrap3, .wrap4, .wrap5 {
        display: inline-block;
        height: 260px; font-size: 10px; padding: 5px;
    }
    .wrap1 h2, .wrap2 h2, .wrap3 h2, .wrap4 h2, .wrap5 h2 {
        font-size: 16px;  
    }
    .clients_title figure{margin: 10px;position: relative;/*padding-left: 10px;*/}
    .banner-text-wrap1 {margin: 85px auto 0 auto;}
    /*.wrap_1 h1, .wrap_1 h1 span{font-size: 32px;text-align: center;}*/

    h1 {
        /*font-size: 45px !important;*/
        padding: 10px 0;
    }
    .our-exp-wrap {
        margin: 15px 0;
    }
    .our-exp {
        padding: 15px;
    }
    .fd {
        margin: 0 0 15px 0;
    }
    .our-exp h3, .fd-txt {
        padding: 0;
        text-align: left;
    }
    .link1{text-align: center;margin-bottom: 0em !important;}
    .link1 a{/*padding: 7px 0;*/font-size: 13px !important;}
    div.abt-para p,div.story p{font-size: 14px !important;}
    div.know-more p.link1{margin-top: 0;}
    div.container{padding: 0;}
    div.know-more{padding:0;}

}
.pad_left{padding-left: 0px;padding-right: 0px;}
#popup_content iframe{
  width: 100%;
  height:400px;
}
.media .inline{
    display: inline-block;
    z-index: 99;
    float: left;
    width: 250px;
    height: 170px;
    margin: 10px 10px;
}
.media .inline iframe{
  pointer-events: none;
  height: 170px;
  width: 250px;
}
.article{
  padding:10px 15px;
}
.side_form .error{
      color: #ff9000;
}
#wordDetailsFrmMessage{
  display: block !important;
  margin: 10px auto !important;
}
.side_form .form-inline .form-control, .side_form textarea {
    color: #000;
}
.media_anchor{
      margin: 10px 10px;
}
.over_lay{
    overflow: hidden;
    height: 230px;
    padding: 55px 30px;
    background: rgba(0,0,0,.6);
}
.clients_content{
    min-height: 325px;
}
.category #slides, .search-no-results #slides{
  display: none;
}
.content_left, .content_right .case-study-wrap{
  min-height: 510px;
}
.back_btn1{
  text-align: right;
}
.back_btn1 a{
    font-size: 15px;
    text-decoration: underline;
    color: #ff9009;
}












@media screen and (min-width: 768px) {
    .navbar-nav > li > a {
        font-size: 15px;
        font-family: 'Helvetica Light';
    }
    .navbar-right {
        margin-top:5px;
    }
    .our-exp {
        width: 365px;
        float: right;
    }
}
@media screen and (min-width : 320px) and (max-width : 1140px) {
    #item1 {
        display: none;
        position: absolute;
        z-index: 1;
        top: 26%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .wrap_hme .wrap1, .wrap_hme .wrap2, .wrap_hme .wrap3, .wrap_hme .wrap4, .wrap_hme .wrap5 {
        display: inline-block;
        height: 210px;
        margin-right: 10px;
    }
}
@media screen and (min-width :1130px) and (max-width : 1200px) {
.timeline2 .nav-tabs>li {
    width: 85px !important;
}
}
@media screen and (min-width : 992px) and (max-width : 1200px) {
.side_form {
    margin-top: 60px;
}
.timeline_wrap {
    overflow: hidden;
    min-height: 100px;
    padding-left: 0;
}
.timeline_row {
    overflow: hidden;
    padding: 50px 0;
}
  .form-image, .hme-form{width: 100%;}
.home .hme-slides{display:block;}
#slides{display: none;}
.banner-text-wrap3 {
    margin: 185px auto 0 auto;
}
.brdr-rt .col-lg-3:last-child {
    border-right: 1px dashed #cacaca;
}
.brdr-rt .col-lg-3 {
    margin-bottom: 15px;
}
.hme_form {background-position: 36% 0;}
 #slides{display: none;}
.test-content, .clients_content{    margin-bottom: 40px;
    overflow: hidden;
    min-height: 310px;}
    .about-para li {
        float: left;
        list-style-type: none;
        font-size: 18px;
        color: #fff;
        border: 3px solid #fff;
        border-radius: 10px;
        width: 190px;
        text-align: center;
        padding: 15px 12px;
    }
    .timeline2 .nav-tabs>li {
        padding: 0px 0px;
        width: 75px;
        border-left: 1px solid #fff;
        height: 110px;
        border-top: 1px solid #fff;
    }
    .timeline2 .nav-tabs>li a span {
              display: block;
    font-size: 9px;
    padding: 21px 5px 10px;
    text-align: left;
 
    }
}
@media screen and (min-width : 768px) and (max-width : 991px) {
.banner-text-wrap5 {
    margin: 135px auto 0 auto;
}
.timeline_wrap {
    overflow: hidden;
    min-height: 60px;
    padding-left: 0;
}
.timeline_row {
    overflow: hidden;
    padding: 15px 0;
}
.column1 {
    padding: 20px 15px 0 10px;
    border-right: 0px solid #fff;
}
.banner-text-wrap1 {
    margin: 135px auto 0 auto;
}
.abt_wrap1 h1 {
    font-size: 35px;
}
.selector.open li:nth-child(5) input + label {
    width: 260px;
    margin: 0 0px 33px -99px;
}
.selector_img{width: 175px;margin-left: -94px;}
.selector.open li:nth-child(2) input + label {
    margin: 0 5px 90px -152px;
   }
.selector.open li:nth-child(4) input + label {
    width: 260px;
    margin: 0 0px -47px -23px;
}
.selector.open li:nth-child(3) input + label {
    width: 260px;
    margin: 0 0px -19px -280px;
}
    .timeline2 .nav-tabs {
        overflow: hidden;
        padding: 5px 0 5px 40px;
    }
    .timeline2 .nav-tabs>li {
        padding: 0px 0px;
        width: 130px;
        border-left: 1px solid #fff;
        height: 75px;
        border-top: 1px solid #fff;
    }
    .timeline2 .nav-tabs>li a {
        font-size: 19px;
    text-align: center;
    padding: 1px 0px;
    color: #fff;
    margin: 0;
    border-bottom: none !important;
    border-radius: 0px;
    }
    .timeline2 .nav-tabs>li a span {
        display: block;
        font-size: 12px;
        padding: 10px 0px 0;
        text-align: left;
    }
    .timeline2 .nav-tabs>li:nth-child(2), .timeline2 .nav-tabs>li:nth-child(4), .timeline2 .nav-tabs>li:nth-child(6), .timeline2 .nav-tabs>li:nth-child(8) {
        border-right: 1px solid #fff;
    }
    .timeline2 .nav-tabs>li:nth-child(5), .timeline2 .nav-tabs>li:nth-child(5) a {
        border-top-right-radius: 0px;
    }
    .timeline2 .nav-tabs>li:nth-child(2), .timeline2 .nav-tabs>li:nth-child(2) a {
        border-top-right-radius: 10px;
    }
    .timeline2 .nav-tabs>li:nth-child(9), .timeline2 .nav-tabs>li:nth-child(9) a {
        border-bottom-left-radius: 10px;
    }
    .timeline2 .nav-tabs>li:nth-child(6), .timeline2 .nav-tabs>li:nth-child(6) a {
        border-bottom-left-radius: 0px;
    }
    .about-para li {
        float: left;
        list-style-type: none;
        font-size: 18px;
        color: #fff;
        border: 3px solid #fff;
        border-radius: 10px;
        width: 135px;
        text-align: center;
        padding: 15px 5px;
    }
    .about-para li img{width: 60px;}
    .selector {top: 44%;}
    .hme_form {
        padding: 20px 15px;
    }
    .carousel-control img {
        padding-top: 65px;
        width: 18px;
    }
    #insta_frame{height: 160px !important;}
    .our-exp h1 {
        font-size: 60px;
        padding: 3px 20px 6px;
        text-align: center;
    }
    .slide_caption {font-size: 23px;text-align: center;}
    /*  .banner_img {height: 700px !important;}*/
    .wrap1, .wrap2, .wrap3, .wrap4, .wrap5 {
        display: inline-block;
        height: 250px;
    }
    .wrap1 h2, .wrap2 h2, .wrap3 h2, .wrap4 h2, .wrap5 h2 {
        font-size: 24px;   
    }
    .big_chart figcaption{ margin-left: 6px;}

    .clients_title figure{margin: 10px;position: relative;/*padding-left: 10px;*/}
    h1 {
        font-size: 60px;
    }
    .nav>li>a {
        padding: 10px;    font-size: 13px;
    }
    .our-exp h3 {
        font-size: 37px;
    }
    .fd-txt {
        font-size: 14px;
    }
}
@media  (min-width:1201px) and (max-width:1320px) { 
 .selector {top: 25%;}
.timeline2 .nav-tabs > li {
    width: 92px !important;
}
}
@media  (min-width: 1400px){
  .div1 {
    background-color: #474747;
/*    float: right;
    padding: 5%;
    width: 74%;*/
}
}
@media  (min-width: 768px) and (max-width:1320px) {
.blog-rightwrap input, .blog-rightwrap input:focus {
       width: 120px;
}
.twitter-widget iframe{min-width: 140px !important;}
.banner-text-wrap4 {
    margin: 250px auto 0 auto;
}
.brdr-rt .col-lg-3:last-child {
    border-right: 1px dashed #cacaca;
}
.brdr-rt .col-lg-3 {
    margin-bottom: 15px;
}
    .selector {
        margin-top: 45px;}
    .carousel-indicators .active {
        width: 90px;
        margin: 5px 10px;
        background-color: #fff;
        height: 75px;
        border-radius: 0px;
    }

    .carousel-indicators li {
        display: inline-block;
        width: 90px;
        margin: 5px 10px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
        height: 75px;
    }
}
@media screen and (max-width: 991px) {
.subsribe {
    width: 230px;
}
.media div{
      margin-bottom: 15px;
    overflow: hidden;
}
  .form-image, .hme-form{width: 100%;}
#slides{display: none;}
.content_left{height: auto !important;    padding: 6% 2% 0 6%;}
.bc-wraps {width: auto;}
  .filter2 button {
    display: inline-block;
}
.filter2 {
    margin-bottom: 20px;
}
 #slides{display: none;}
  .footer .col-lg-4 {
    border-right: 1px solid #00bff3;
    margin-bottom: 20px;
}
.hme-slides .carousel-inner, .hme-slides .carousel-inner .item {
    height:100%;
}

.hme-slides{padding: 0px !important}
.carousel-inner, .carousel-inner .item {
    height: 200px;
}
  .timeline2 .nav-tabs > li {
    width: 19%;height: 130px;
}
.column2 {
    padding: 5px 0 0 5px;
}
.timeline2 .nav-tabs > li a span {
        display: block;
    font-size: 10px;
    padding: 48px 0 23px;
    text-align: left;
}
    .banner-text-wrap3 {
        margin: 160px auto 0 auto;
    }

    .abt_para p {font-size: 10px;}
    .abt_wrap h1 {font-size: 18px;}
    .abt_title h4:nth-child(1) {font-size: 30px;}
    .abt_title h4:nth-child(2) {font-size: 16px;}
    .abt_title h4:nth-child(3) {font-size: 23px;}
    .abt_title h4:nth-child(4) {font-size: 24px;}
    .banner-text-wrap2 {margin:150px auto 0 auto;}
    .wrap_2 p {font-size: 16px;}
    .wrap_3 h1 {font-size: 20px;padding-bottom: 0;}
    .wrap_3 h1 span {font-size: 21px;}
    .banner_img li img {height: 120px !important;}
    .slide_caption1 {font-size: 17px;}
    .slide_caption{font-size: 18px;}
    .carousel-inner .active.left {
        left: -33.3%;
    }
    .carousel-inner .next {
        left:  33.3%;
    }
    .carousel-inner .prev {
        left: -33.3%;
    }
    .active > div:first-child {
        display:block;
    }
    .active > div:first-child + div {
        display:block;
    }

    .wrap1, .wrap2, .wrap3, .wrap4, .wrap5 {
        display: inline-block;
        height: 180px;
    }
    .wrap_div .wrap1, .wrap_div .wrap2, .wrap_div .wrap3, .wrap_div .wrap4, .wrap_div .wrap5 {
    height: 160px;
    padding: 20px;
}
.wrap1, .wrap2, .wrap3, .wrap4, .wrap5 {
    border-right: none;
}
    .new_link {
        width: 56px;
        margin: 0px auto 0 !important;
    }
}


@media screen and (min-width: 768px) {
.test-tabs-nav{width: 360px;
    margin: 35px auto 10px;}
    .red_dot{background: url('../images/dot.png') no-repeat;
             background-position: 0px;
             padding:25px 10px !important}
}
@media screen and (min-width: 992px) {
.wrap1, .wrap2, .wrap3, .wrap4, .wrap5 {
    width: 20%;
}
    .carousel-inner .active.left {
        left: -25%;
    }
    .carousel-inner .next {
        left:  25%;
    }
    .carousel-inner .prev {
        left: -25%;
    }
    .wrap_div .wrap1 h2, .wrap_div .wrap2 h2, .wrap_div .wrap3 h2, .wrap_div .wrap4 h2, .wrap_div .wrap5 h2 {
        font-size: 18px;
    }
    .our-exp h1 {
        font-size: 55px;
        padding: 25px 10px;
        margin-right: 18%;
    }
    /*  .col-lg-10 {
        width: 85.333%;
    }*/
    /*.banner_img{height: 580px !important;}*/
    .clients_title1{    margin: 10px 0 30px;}
    .clients_title1 figure {
    min-height: 115px !important;
}
    .clients_title figure {
    margin: 0 0 0 10px;
    position: relative;
    border-right: 1px dashed;
        min-height: 140px;
    }
    .clients_title div:last-child  figure{border-right: none;}
    .big_chart figcaption{ margin-left: 8px;}

    .clients-carousel{
        height: 100px;
        position: relative;
    }
    .our-exp {
        min-width: 474px;
        float: right;
    }
    .our-exp h3 {
        font-size: 45px;
    }
    .fd-txt {
        font-size: 16px;
    }
} 
@media screen and (min-width: 1400px) {
  .banner-text-wrap4 {
    margin: 375px auto 0;
}
.case-study-wrap{padding-right: 30%;}
.content_left .col-md-offset-1 {
    margin-left: 22.333%;
}
    .banner-text-wrap1 {margin:300px auto 0 auto;}
    .banner-text-wrap2 {margin:330px auto 0 auto;}
    .timeline2{    background-image: none;}
    .timeline2 .nav-tabs > li {width: 20%;}
}
@media screen and (min-width: 1201px) {

.work-wrap2 .carousel, .work-wrap2 .carousel img{
  height: 420px;
  width: 100%;
}
  .form-image, .hme-form{float: left;width: 50%;padding: 15px 0 0;}
.home .hme-slides{display: none;}
.hme_form {
    max-height: 400px;
    background-color: #259a87;
}
.hme-slides {
    padding: 0px;
   /* display: none;*/
}
  .subsribe{ width: 280px;}   
   .circle_div{
           padding-top: inherit;
    margin-top: 18%;
    margin-bottom: -6%;
    margin-left: 4%;

    }

    .wrap_div .wrap1 h2, .wrap_div .wrap2 h2, .wrap_div .wrap3 h2, .wrap_div .wrap4 h2, .wrap_div .wrap5 h2 {
        font-size: 22px;
        color: #fff;
    }
    .container {
        width: 1200px;
    }
    .carousel-inner .col-lg-2 {
        width: 12.5%;
    } 
    .our-exp {
        min-width: 574px;
        float: right;
    }
}