.pull-left {
 float: left;
}

.pull-right {
 float: right;
}

.top-section-cover {
 float: left;
 width: 100%;
}


/****Contact and Email icon in Header***/

.top-contact-part {

}



.hc_wrapper {
 width: 180px;
 position: absolute;
 left: 0;
 top: 0;
}

.sbHolder {
 position: relative;
 float: left;
 display: block;
 width: 210px;
 border: solid 1px transparent;
}



.searchbox {

}

.searchbox-input {
 top: 0;
 right: 0;
 outline: 0;
 width: 100%;
 margin: 0;
 padding: 0;
 font-size: 18px;
 color: #404040;
 line-height: 34px;
 opacity: 0;
}

.phone-number {
}

.searchbox-open {   
}

 .searchbox-open .searchbox-input {
  opacity: 1;
 }


/*****Google Search******/
table.gsc-search-box {
 border: solid 1px #ccc !important;
 background: #fff !important;
}

td.gsc-input {
 padding-right: 0 !important;
 padding-left: 5px !important;
}

input.gsc-input {
 width: 100% !important;
 border: 0 !important;
 /*border:solid 1px #2d709a !important;
    border-right:0 !important*/
}
/*input.gsc-search-button {
    border:solid 1px #2d709a !important;
    background:#fff !important;
    color:#2d709a !important;
    font-size:14px !important;
    font-weight:400 !important;
    text-transform:uppercase !important;
    height:25px !important;
    margin-left:0 !important;
    border-left:0 !important;
}*/
table.gsc-search-box td {
 vertical-align: top !important;
}

input.gsc-search-button, input.gsc-search-button:hover {
 /*border:solid 1px #2d709a !important;*/
 border: 0 !important;
 margin: 0 !important;
 text-indent: 0 !important;
 color: #fff !important;
 font-size: 0px !important;
 min-width: inherit !important;
 background: #fff url(/BkNew/css/images/magnifierHover.png) no-repeat !important;
 height: 25px !important;
 vertical-align: top !important;
 padding: 0 18px !important;
 background-position: center 9px !important;
}
.icon-nonprofitPr {
    background-image: url(/BkNew/css/images/non-profitpr.png);
    width: 18px;
    height: 18px;
    top: 21px !important;
    background-repeat: no-repeat;
    background-position: center;
}
input.gsc-search-button:hover {
    background: #fff url(/BkNew/css/images/magnifier.png) no-repeat !important;
    background-position: center 9px !important;
}

.gssb_a, .gssb_a td {
 padding: 4px 2px !important;
 border-bottom: solid 1px #f1f1f1;
}

div.gsc-clear-button {
 margin-right: 0 !important;
 display: block !important;
}

div.gsc-clear-button {
 padding-left: 15px !important;
 background-position: 2px 8px !important;
}

.gsc-clear-button {
 display: none !important;
}

.gsc-control-cse {
 border: none !important;
}

 .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  font-size: 18px !important;
 }

 .gsc-control-cse, .gsc-control-cse .gsc-table-result {
  font-size: 16px !important;
 }

.gs-web-image-box, .gs-promotion-image-box {
 width: 150px !important;
}

 .gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image {
  max-width: 100% !important;
 }



/*.site-logo img {
    padding-top: 5px;
}*/

.phone-number {
 color: #404040;
 font-size: 15px;
 letter-spacing: 0.5px;
 font-weight: 300;
}

span.email-id {
 display: inline-block;
}

.email-id a {
 color: #404040;
 font-size: 15px;
 margin-right: 25px;
 letter-spacing: 0.5px;
 font-weight: 300;
}

 .email-id a:hover {
  color: #404040;
 }

.phone-number i, .email-id i {
 color: #829d4c;
 margin-right: 5px;
}

.scroll-top-wrapper {
 position: fixed;
 opacity: 0;
 visibility: hidden;
 overflow: hidden;
 text-align: center;
 z-index: 9;
 background-color: #2D709A;
 color: #eeeeee;
 width: 40px;
 height: 38px;
 line-height: 34px;
 right: 30px;
 bottom: 30px;
 padding-top: 2px;
 border-radius: 4px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

 .scroll-top-wrapper:hover {
  background-color: #939C42;
 }

 .scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1.0;
 }

 .scroll-top-wrapper i.fa {
  line-height: inherit;
 }

 .scroll-top-wrapper i {
  font-size: 1.5em;
 }


/******Left Action Navigation*******/
#snav.en {
 left: 0;
 text-align: left;
}

 #snav.en li span {
  left: -100px;
  z-index: -9;
  top: 10px;
  background: #2378b1;
  color: #fff;
  font-size: 24px;
  letter-spacing: 1px;
 }

 #snav.en li a:hover span {
  left: 50px;
  z-index: -9;
  top: 10px;
 }

#snav.ar {
 right: 0;
 text-align: right;
}

 #snav.ar li span {
  right: -100px;
 }

 #snav.ar li a:hover span {
  right: 35px;
 }

#snav {
 position: fixed;
 top: 25%;
 z-index: 9;
}

 #snav ul {
  list-style: none;
 }

 #snav * {
  margin: 0;
  padding: 0;
  outline: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }

 #snav li a {
  text-decoration: none;
  display: block;
  position: relative;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 4.95px 0.05px rgba(35, 120, 177, 0.82);
  width: 64px;
  height: 64px;
  margin: 0 0 12px 0;
  text-align: center;
  padding: 5px;
 }

  #snav li a i {
   text-align: center;
   width: 55px;
   height: 55px;
   line-height: 55px;
   display: block;
   margin: 0 auto;
  }

    #snav li a i.oa {
        background: url(/BkNew/portfolio/css/images/navAchivements.png) no-repeat;
    }

    #snav li a:hover i.oa {
        background: url(/BkNew/portfolio/css/images/navAchivementsHover.png) no-repeat;
    }

    #snav li a i.wwd {
        background: url(/BkNew/portfolio/css/images/navWhatWeDo.png) no-repeat;
    }

    #snav li a:hover i.wwd {
        background: url(/BkNew/portfolio/css/images/navWhatWeDoHover.png) no-repeat;
    }

    #snav li a i.pf {
        background: url(/BkNew/portfolio/css/images/navPortFolio.png) no-repeat;
    }

    #snav li a:hover i.pf {
        background: url(/BkNew/portfolio/css/images/navPortFolioHover.png) no-repeat;
    }

    #snav li a i.rb {
        background: url(/BkNew/portfolio/css/images/navBlog.png) no-repeat;
    }

    #snav li a:hover i.rb {
        background: url(/BkNew/portfolio/css/images/navBlogHover.png) no-repeat;
    }

    #snav li a i.cu {
        background: url(/BkNew/portfolio/css/images/navContact.png) no-repeat;
    }

    #snav li a:hover i.cu {
        background: url(/BkNew/portfolio/css/images/navContactHover.png) no-repeat;
    }

    #snav li a i.hon {
        background: url(/BkNew/portfolio/css/images/navHoners.png) no-repeat;
    }

    #snav li a:hover i.hon {
        background: url(/BkNew/portfolio/css/images/navHonersHover.png) no-repeat;
    }

    #snav li a i.ic {
        background: url(/BkNew/portfolio/css/images/navIntegration.png) no-repeat;
    }

    #snav li a:hover i.ic {
        background: url(/BkNew/portfolio/css/images/navIntegrationHover.png) no-repeat;
    }

    #snav li a i.inds {
        background: url(/BkNew/portfolio/css/images/navIndustries.png) no-repeat;
    }

    #snav li a:hover i.inds {
        background: url(/BkNew/portfolio/css/images/navIndustriesHover.png) no-repeat;
    }

    #snav li a i.highLights {
        background: url(/BkNew/portfolio/css/images/navHighlights.png) no-repeat;
    }

    #snav li a:hover i.highLights {
        background: url(/BkNew/portfolio/css/images/navHighlightsHover.png) no-repeat;
    }

    #snav li a i.co {
        background: url(/BkNew/portfolio/css/images/navOfferings.png) no-repeat;
    }

    #snav li a:hover i.co {
        background: url(/BkNew/portfolio/css/images/navOfferingsHover.png) no-repeat;
    }

    #snav li a i.addIns {
        background: url(/BkNew/portfolio/css/images/navAddins.png) no-repeat;
    }

    #snav li a:hover i.addIns {
        background: url(/BkNew/portfolio/css/images/navAddinsHover.png) no-repeat;
    }

    #snav li a i.hamburger {
        background: url(/BkNew/portfolio/css/images/Navhamburger.png) no-repeat;
        position: inherit;
        top: inherit;
    }

    #snav li a:hover i.hamburger {
        background: url(/BkNew/portfolio/css/images/NavhamburgerHover.png) no-repeat;
    }

 #snav li span {
  font-size: 15px;
  vertical-align: middle;
  height: 44px;
  line-height: 44px;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 0 10px 0 20px;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 3;
 }

 #snav li a:hover i {
  transform: rotate(360deg);
 }

 #snav li a:hover span {
  visibility: visible;
 }

 #snav li span {
  background-color: #555;
 }

 #snav .cd-nav-trigger {
  overflow: inherit;
  text-indent: unset;
  z-index: auto;
  top: 0 !important;
 }









@media (min-width: 767px) {
 .navbar {
  padding: 20px 0;
  -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
  -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
  transition: background .5s ease-in-out, padding .5s ease-in-out;
 }

 .top-nav-collapse {
  padding: 0;
 }
}

/**********Achievements*************/
.achievements-row {
 padding: 100px 0;
}

.achievements-holder, .whatwedo-holder, .portfolio-holder, .blog-holder, .contact-holder {
 overflow: hidden;
 width: 100%;
 padding: 70px 0 0 0;
}

.achievements-box {
 box-shadow: 0px 0px 4.95px 0.05px rgba(0, 0, 0, 0.32);
 width: 276px;
 /*height: 197px;*/
 text-align: center;
 border-bottom-right-radius: 10px;
 border-top-left-radius: 10px;
 padding: 10px 0;
 margin: 20px;
 float: left;
}

 .achievements-box p {
  font-size: 24px;
  color: #404040;
  font-weight: 300;
  letter-spacing: 1px;
 }

 .achievements-box h2 {
  font-size: 42px;
  color: #2d709a;
 }

h2.title {
    background: rgba(0, 0, 0, 0) url("/BkNew/portfolio/css/images/line.png") repeat-x scroll center 50%;
    font-size: 34px;
    text-align: center;
    letter-spacing: 1px;
    color: #343b41;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

 h2.title span.whitebg {
  background: #fff;
  display: inline-block;
  padding: 0 5px;
 }

 h2.title span.grybg {
  background: #fbfbfb;
  display: inline-block;
  padding: 0 5px;
 }

 h2.title span.lightGrybg {
  background: #f4f4f4;
  display: inline-block;
  padding: 0 5px;
 }

 h2.title span.bluehd {
  color: #2378b1;
 }

p.pera {
 text-align: center;
 font-size: 24px;
 color: #676767;
 letter-spacing: 1px;
 font-weight: 300;
 margin: 16px 0;
}





/* ================================================== */
/* contact form */
/* ================================================== */
.contact-item h5 {
 margin: 0 0 5px;
 font-size: 20px;
 font-weight: 400;
 /*letter-spacing: 1px;*/
}

 .contact-item h5 span {
  display: block;
  font-weight: 300;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 15px;
  color: #404040;
 }

.contact-item h7 strong {
 color: #2d709a;
 font-weight: 400;
 font-size: 20px;
 /*letter-spacing: 1px;*/
}

h6.newContactHead {
 text-transform: uppercase;
 color: #2d709a;
 font-size: 16px;
 letter-spacing: 0.5px;
 font-weight: 400;
 line-height: 24px;
 margin-top: 0;
 margin-bottom:4px
}

 h6.newContactHead span {
  display: block;
  color: #829c4c;
  font-size: 16px;
  font-weight: 300;
 }

h7.cityTitle {
 font-size: 16px;
 color: #2d709a;
 text-transform: none;
 letter-spacing: 0.5px;
}

.newAddressInfo {
 margin: 0 0 15px 10px;
}

 .newAddressInfo p.addressPera {
  padding: 0;
  margin: 0;
  letter-spacing: 0.5px;
  line-height: 20px;
  font-size: 15px;
 }

.contact-item p {
 color: #404040;
 font-size: 17px;
 font-weight: 300;
 line-height: 24px;
 /*letter-spacing: 1px;*/
}

.contact-item .col-md-4 {
 padding: 0 10px;
}

.contact-item a {
 font-size: 15px;
}

.contact-item i {
 color: #2d709a;
 font-size: 15px;
 display: inline-block !important;
 float: left;
 margin-bottom: 0;
 margin-right: 8px;
 line-height: 22px;
}

h2.ciTitle {
 color: #404040;
 font-size: 20px;
 font-weight: 400;
 text-transform: uppercase;
 margin: 0;
}

.addressInfo {
 padding: 24px 0 10px 0;
 overflow: hidden;
}

.error {
 border: solid 1px #ff0000 !important;
 /*display: none;*/
 color: #C03;
 font-size: 12px;
}

.success {
 display: none;
 color: #093;
 background: none;
 margin-bottom: 20px;
}

.error img {
 vertical-align: top;
}

.full {
 width: 98%;
}

#contact_form input[type=text], #contact_form textarea, #contact_form input[type=email], #contact_form input[type=file] {
 font-size: 15px;
 padding: 5px 5px 5px 10px;
 margin-top: 20px;
 color: #777 !important;
 border: none;
 border: solid 1px #ccc;
 border-radius: 0 !important;
 box-shadow: none;
 font-weight: 300;
}

.dark #contact_form input[type=text], .dark #contact_form textarea, .dark #contact_form input[type=email] {
 font-size: 15px;
 margin-bottom: 20px;
 color: #333 !important;
 border: none;
 border: solid 1px #555;
 background: rgba(0,0,0,0.3);
 border-radius: 0 !important;
}

.dark #contact_form input[type=text], .dark #contact_form textarea, .dark#contact_form input[type=email] {
 color: #fff !important;
}

#contact_form input[placeholder], #contact_form textarea[placeholder] {
 color: #eee;
}

#contact_form input[type=submit] {
 background: #fff;
 width: 100%;
}

 #contact_form input[type=submit]:hover {
  color: #fff !important;
 }

#contact_form textarea {
 /*height: 104px;*/
 height: 126px;
}

p#submit {
 margin: 20px 0 0 0;
}

.spmicroLogo {
 padding: 0;
 margin: 0;
}

 .spmicroLogo img {
  margin: 20px 0 0 62px;
 }

.sucessMsg1 {
 color: green;
 font-weight: normal;
 line-height: 23px;
 font-size: 16px;
 font-weight: 500;
}

#contactprogressbar {
 display: none;
}

 /*#contactprogressbar span#Msg {
  display: block;
 }*/

#submit input {
 height: 40px;
 line-height: 34px;
 background: #829c4c none repeat scroll 0 0 !important;
 border: 3px solid #829c4c;
 text-transform: uppercase;
 font-weight: 500;
 font-size: 20px;
 letter-spacing: 1px;
 color: #fff;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
 filter: alpha(opacity = 75);
 padding: 0;
 border-radius: 0;
}

 .btn-border:hover, a.btn-border:hover, .btn-border.hover, a.btn-border.hover, #submit input.btn-border:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity = 100);
  cursor: pointer;
  border: 3px solid #536924 !important;
  background: #536924 !important;
  transition: all .7s ease 0s;
 }

.applyBtn {
 text-align: center;
 display: block;
}

 .applyBtn p#submit a {
  height: 40px;
  width: 200px;
  line-height: 38px;
  background: #829c4c none repeat scroll 0 0 !important;
  border: 3px solid #829c4c;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 1px;
  color: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
  filter: alpha(opacity = 75);
  border-radius: 0;
  padding: 0;
  margin: 0 auto 20px auto;
  display: block;
 }

  .applyBtn p#submit a:hover {
   cursor: pointer;
   border: 3px solid #536924 !important;
   background: #536924 !important;
   transition: all .7s ease 0s;
   color: #fff !important;
  }

#contactContent {
 padding: 0;
 margin: 0;
}

 #contactContent h3 {
  padding: 0;
  margin: 0 0 10px;
  color: #2378b1;
  font-size: 20px;
 }


/*****Quick Feedback Form******/
/*#fpi_feedback {
 z-index: 99;
 position: fixed;
 height: 388px;
 width: 388px;
 bottom: 30px;
 right: 30px;
 font-size: 17px;
 line-height: 22px;
 overflow: hidden;
 height: 42px;
}

#fpi_title {
 position: absolute;
 
 top: 0;
 right: 0;
 background-color: #829c4c;
 cursor: pointer;
 border-radius: 10px 10px 0 0;
 z-index: 99999;
}

 #fpi_title .rotate {
  transform: none !important;
 }

 #fpi_title h2 {
  color: #fff;
  font-size: 18px !important;
  margin: 0;
  padding: 7px 14px 151px;
  text-transform: none !important;
  width: 196px;
 }

    #fpi_title h2 {
        color: #fff;
        font-size: 22px !important;
        font-weight: 500 !important;
        margin: 0;
        
        padding: 9px 14px;
        text-transform: none !important;
        width: 302px;
        text-align: center;
        
        background-position: 22px;
    }*/


img.closePop {
 float: right;
 padding: 0;
 position: absolute;
 right: 0;
 text-align: right;
 top: 0;
 vertical-align: top;
 z-index: 2147483647;
 cursor: pointer;
 display: none;
}

#forMob {
 display: none;
}

#fpi_content {
 position: absolute;
 /*left: 88px;*/
 right: 0;
 /*top: -190px;*/
 bottom: 0;
 top: 36px;
 width: 302px;
 height: auto;
 /*height: 346px;*/
 padding: 10px;
 background-color: #fff;
 border: solid 1px #ccc;
 z-index: 9999;
}

 #fpi_content #fpi_header_message {
  margin-bottom: 12px;
  color: #565656;
 }

 #fpi_content label {
  color: #565656;
 }

 #fpi_content input {
  margin: 0 !important;
 }

 #fpi_content form {
  margin-right: 5px;
 }

 #fpi_content #fpi_submit_username, #fpi_content #fpi_submit_message, #fpi_content #fpi_submit_email {
  margin: 14px 0;
 }

  #fpi_content #fpi_submit_username input, #fpi_content #fpi_submit_message textarea {
   width: 100%;
   resize: none;
  }

  #fpi_content #fpi_submit_message .error, #fpi_content #fpi_submit_username .error, #fpi_submit_email .error {
   border: 1px solid rgba(255, 0, 0, 0.5);
  }

  #fpi_content #fpi_submit_message textarea {
   height: 70px;
  }

#fpi_content {
 margin: 0px;
}

#fpi_submit_submit {
 margin: 10px 0 0 0;
}

#fpi_content #fpi_submit_submit input {
 width: 100%;
 height: 36px;
 background: #829c4c none repeat scroll 0 0;
 outline-style: none;
 outline-width: medium;
 border: 3px solid #829c4c;
 text-transform: uppercase;
 font-weight: 500;
 color: #fff;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
 filter: alpha(opacity = 75);
 letter-spacing: 0.8px;
}

 #fpi_content #fpi_submit_submit input:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity = 100);
  cursor: pointer;
  background: #536924 none repeat scroll 0 0;
  border: solid 3px #536924;
 }

#fpi_content #fpi_ajax_message {
 padding-top: 10px;
 text-align: center;
}

#fpi_submit_username input, #fpi_submit_email input, #fpi_submit_message textarea, #fpi_submit_phone input {
 font-size: 15px;
 padding: 5px;
 margin-bottom: 20px;
 color: #333 !important;
 border: none;
 border: solid 1px #ccc;
 border-radius: 0 !important;
 width: 100%;
}

.fpi_feedback1 {
 z-index: 9999;
 left: 0;
 font-size: 15px;
 width: 26%;
 background: rgba(21,114,186,0.9);
 border-radius: 0 30px 0 0;
 text-align: center;
 position: absolute;
 bottom: 0;
}

 .fpi_feedback1 h2 {
  color: #fff;
  font-size: 18px !important;
  font-weight: normal !important;
  margin: 0;
  padding: 7px 14px;
  text-transform: none !important;
 }

  .fpi_feedback1 h2 span {
   display: block;
   font-size: 16px;
  }

   .fpi_feedback1 h2 span.title {
    font-size: 18px;
    font-weight: bold;
   }






.intro-section {
 height: 100%;
 padding-top: 150px;
 text-align: center;
 background: #fff;
}

.about-section {
 height: 100%;
 padding-top: 150px;
 text-align: center;
 background: #eee;
}

.services-section {
 height: 100%;
 padding-top: 150px;
 text-align: center;
 background: #fff;
}

.contact-section {
 height: 100%;
 padding-top: 150px;
 text-align: center;
 background: #eee;
}

/*AJ-CSS*/



/*AJ-CSS*/

.navigation-is-open {
 position: fixed;
}

a:focus, button:focus, button.close:focus {
 outline: none !important;
 text-decoration: none !important;
}


/*#fpi_feedback
{
display:none;
}*/

.viewAllLink {
 display: inline-block;
 text-align: center;
 width: 100%;
}

 .viewAllLink a {
  width: auto;
  display: inline-block !important;
  text-decoration: none;
 }

.achievements-box {
 box-shadow: 0px 0px 4.95px 0.05px rgba(0, 0, 0, 0.32);
 width: 18%;
 /* height: 197px; */
 text-align: center;
 border-bottom-right-radius: 10px;
 border-top-left-radius: 10px;
 padding: 10px 0;
 margin: 1%;
 float: left;
}

.hero-slider {
 height: 784px !important;
}

.navigation-is-open .cd-nav-trigger {
 background-color: #FFFFFF;
}

 .navigation-is-open .cd-nav-trigger .cd-nav-icon {
  background-color: #2378b1;
 }

.cd-navigation-wrapper .techNav a:before {
 /*content: "\02192";*/
 /*content: "\02022";*/
 /*content: "\02024";
     /*content: "\02713";*/
}

span.follow-us-text {
 position: relative;
 top: 5px;
}
/*AJ-CSS-ENDS*/




/*****************SZUL Addition*********************/


p.pera {
 text-align: center;
 font-size: 22px;
 color: #676767;
 letter-spacing: 0.5px;
 font-weight: 300;
 margin: 16px auto;
 max-width: 80%;
}

 p.pera.leftalign {
  text-align: left;
  max-width: 100%;
 }

h2.title span.bluehd {
 color: #2378b1;
}

h2.title {
 margin-bottom: 40px;
}

.we-have-zic-zac-part p {
 font-size: 20px;
 line-height: 28px;
 font-weight: 300;
 color: #676767;
}


.case-study-szul .row {
 margin-left: inherit;
 margin-right: inherit;
}

.case-study-szul .technologies-unleashed-part .container-fluid {
 padding-left: inherit;
 padding-right: inherit;
}

.cd-nav-trigger.full-nav-lb {
 right: 0;
}




/***********End SZUL Addition*****************/



/**********SZUL Portfolio CSS Start************/

.case-study-szul {
 font-size: 20px;
 color: #333;
 line-height: 30px;
}

/*.case-study-szul h2 {
  color: #2d709a;
  font-family: 'Gotham-Bold';
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  padding-bottom: 30px;
 }*/

/*.case-study-szul h3 {
  color: #2d709a;
  font-family: 'Gotham-Bold';
  font-size: 32px;
  line-height: 48px;
  text-align: left;
  padding-bottom: 30px;
 }*/

* {
 outline: none !important;
}

.banner-section-case-study, .tomsbanner-section-case-study {
    background-image: url("/BkNew/portfolio/css/images/banner-img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    /*background: url(../../portfolio/images/banner-img.png) no-repeat scroll center center/cover;*/
    height: 780px;
    display: inline-block;
    width: 100%;
}

.pull-left {
 float: left;
}

.pull-right {
 float: right;
}

.top-section-cover {
 float: left;
 width: 100%;
}

.banner-heading-text {
 color: #fff;
 padding-top: 30px;
 text-align: center;
}

.szul-banner-logo {
 margin-top: 20px;
}

.banner-heading-text h1 {
 font-size: 32px;
 line-height: 30px;
}

.banner-heading-text .sub-text-banner {
 font-size: 30px;
 line-height: 44px;
 white-space: pre;
}
    .banner-heading-text .sub-text-bannerBrg {
        width: 550px;
        margin: 0 auto;
        text-transform:inherit;
        line-height:40px;
        white-space:inherit
    }

.jwellary-part {
 background: url(/BkNew/portfolio/css/images/brick-bg.png) repeat #f4f4f4;
 overflow: hidden;
 position: relative;
}

 .jwellary-part::after {
  background-size: cover;
  border-bottom: 150px solid white;
  border-left: 3000px solid transparent;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
 }

.jwellary-cover-part {
 position: relative;
 top: 0px;
}

.first-jwellary {
 position: absolute;
 top: 40px;
}

 .first-jwellary .texrdata .valuetext {
  position: absolute;
  bottom: 105px;
  right: 70px;
 }

.second-jwellary {
 position: absolute;
 top: 350px;
 left: 0;
}

 .second-jwellary .texrdata .valuetext {
  position: absolute;
  bottom: 143px;
  right: 62px;
 }

.new-big-container {
 max-width: 1920px;
 width: 100%;
 margin: 0 auto;
 position: relative;
 height: 750px;
}

.jwellary-left-part {
 float: left;
 position: relative;
 width: 35%;
}

.jwellary-right-part {
 float: right;
 position: relative;
 width: 65%;
}

.third-jwellary {
 position: absolute;
 left: 5%;
 top: 150px;
}

 .third-jwellary .texrdata .valuetext {
  position: absolute;
  top: 155px;
  left: 100px;
 }

.fourth-jwellary {
 position: absolute;
 top: 20px;
 right: 0;
}

 .fourth-jwellary .texrdata .valuetext {
  position: absolute;
  bottom: 140px;
  right: 60px;
 }

.fifth-jwellary {
 position: absolute;
 top: 380px;
 right: 0;
}

 .fifth-jwellary .texrdata .valuetext {
  position: absolute;
  bottom: 90px;
  right: 75px;
 }

.valuetext h4 {
 color: #2378b1;
 font-size: 30px;
 text-align: center;
 padding: 0;
 margin: 0;
 font-weight: bold;
}

.valuetext p {
 width: 110px;
 text-align: center;
 margin: 5px 0 0 0;
 padding: 0;
 line-height: 24px;
 font-size: 18px;
 color: #404040;
}

.jwellary-mobile-part {
 display: none;
}

.testimonial-section-full-cover {
 width: 1170px;
 margin: 0 auto;
 margin-bottom: 80px;
}

.testimonial-inner-text-part-only {
 background: #FFF;
 padding: 30px 20px;
 border: 1px solid #d2d0d2;
}

 .testimonial-inner-text-part-only:before {
  content: "";
  background: url(/BkNew/portfolio/css/images/testimonail-arrow.png);
  background-repeat: no-repeat;
  position: absolute;
  left: -8px;
  display: inline-block;
  top: 20px;
  width: 23px;
  height: 36px;
 }

.testimonial-author:before {
 content: "";
 border-bottom: 1px solid #2378b1;
 width: 45px;
 position: absolute;
 bottom: 45px;
 left: 38px;
}

.testimonial-author {
 padding-left: 55px;
 color: #2378b1;
 font-size: 20px;
}

.testimonial-inner-text-part-only p {
 font-size: 20px;
 color: #676767;
 line-height: 28px;
 font-weight: 300;
}

.testimonial-author span {
 font-size: 24px;
}

.want-to-know-part {
 background: #fff;
 overflow: hidden;
 position: relative;
 z-index: 1;
}

.want-to-cover-part p {
 text-align: center;
}

.want-to-cover-part {
 padding: 0 0 50px;
}

.previous-section-part {
 background: url(/BkNew/portfolio/css/images/previous-situation-bg.png) repeat #f4f4f4;
 overflow: hidden;
 position: relative;
 background-size:cover
}

 .previous-section-part::after {
  background-size: cover;
  border-bottom: 150px solid white;
  border-left: 3000px solid transparent;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
 }

.previous-situation-cover-part {
 padding: 40px 0 90px;
}

.current-situation-part {
 background: #fff;
 overflow: hidden;
 position: relative;
}

.current-situation-second-part {
 display: inline-block;
 width: 100%;
}

.current-situ-left-part {
 display: inline-block;
 float: left;
 width: 50%;
}

.current-situ-right-part {
 display: inline-block;
 float: left;
 width: 50%;
}

 .current-situ-right-part p {
  margin-bottom: 30px;
 }

.we-have-done-part {
 background: url(/BkNew/portfolio/css/images/wehave-done-bg.png) repeat #f4f4f4;
 overflow: hidden;
 position: relative;
 background-size:cover
}

 .we-have-done-part::after {
  background-size: cover;
  border-top: 150px solid white;
  border-left: 3000px solid transparent;
  top: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
 }

.we-have-done-part-cover-part {
 padding: 80px 0 50px;
}

.zic-zac-text-right .right-part-image {
 text-align: left;
}

.we-have-zic-zac-part {
 /*display: inline-block;*/
 width: 100%;
}

.zic-zac-part-base:first-child {
 margin-top: 0;
}

.zic-zac-part-base {
 display: inline-block;
 width: 100%;
 margin-top: 50px;
}

.case-study-szul .zic-zac-part-base h3 {
 text-align: left;
 display: block;
 margin: 10px 0 10px;
 font-size: 22px;
 font-weight: 400 !important;
 color: #2378b1;
 letter-spacing: 0.5px;
 text-transform: uppercase;
 line-height: 30px;
}


/*.case-study-szul .zic-zac-part-base p {
 color: #333;
 font-family: 'MavenProLight-300';
 font-size: 18px;
 line-height: 22px;
}*/

.case-study-szul .zic-zac-part-base p span {
 font-weight: bold;
}

.img-radius-border img {
 border: 2px solid #ccc;
 border-radius: 8px;
}

.wehavedone-more-para {
 margin-top: 80px;
}

.download-file-link a {
 font-size: 15px;
}

.read-show-anchor {
 margin-top: 50px;
 text-align: center;
}

 .read-show-anchor button {
  color: #2d709a;
  font-size: 16px;
  background: none;
 }

  .read-show-anchor button:hover {
   color: #2d709a;
   font-size: 16px;
   text-decoration: underline !important;
   background: none;
   box-shadow: none;
  }

  .read-show-anchor button:focus, .read-show-anchor button:active {
   color: #2d709a;
   font-size: 16px;
   text-decoration: none !important;
   background: none;
   box-shadow: none;
  }

.zic-zac-img-right {
 float: right !important;
}

.all-we-did-one .zic-zac-text {
 padding-top: 68px;
}

.all-we-did-two .zic-zac-text {
 padding-top: 8px;
}

.all-we-did-three .zic-zac-text {
 padding-top: 10px;
}

.all-we-did-four .zic-zac-text {
 padding-top: 90px;
}

.all-we-did-five .zic-zac-text {
 padding-top: 100px;
}

.all-we-did-six .zic-zac-text {
 padding-top: 110px;
}

.all-we-did-seven .zic-zac-text {
 padding-top: 106px;
}

.all-we-did-eight .zic-zac-text {
 padding-top: 82px;
}

.all-we-did-nine .zic-zac-text {
 padding-top: 110px;
}

.all-we-did-ten .zic-zac-text {
 padding-top: 90px;
}

.all-we-did-eleven .zic-zac-text {
 padding-top: 100px;
}

.we-have-zic-zac-part .download-file-link a {
 border: 2px #2d709a solid;
 border-radius: 4px;
 color: #2d709a;
 cursor: pointer;
 display: block !important;
 letter-spacing: 1px;
 vertical-align: middle;
 background: none !important;
 display: block;
 font-size: 16px;
 font-weight: 400;
 margin: 20px auto 0 auto;
 padding: 4px 10px;
}

 .we-have-zic-zac-part .download-file-link a::after {
  content: "";
  background: url(/BkNew/portfolio/css/images/pdf-download.png);
  background-repeat: no-repeat;
 }

.we-have-zic-zac-part .download-file-link {
 position: relative;
 display: inline-block;
}

 .we-have-zic-zac-part .download-file-link a i {
  color: #2d709a;
  font-size: 20px;
  position: relative;
  top: 2px;
  margin-right: 2px;
 }

 .we-have-zic-zac-part .download-file-link a:hover, .we-have-zic-zac-part .download-file-link a:active, .we-have-zic-zac-part .download-file-link a:focus {
  border-radius: 4px;
  background: #2d709a !important;
  box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.32);
  text-decoration: none;
  color: #fff;
 }

  .we-have-zic-zac-part .download-file-link a:hover i {
   color: #fff;
  }


.technologies-unleashed-part {
 background: #fff;
 overflow: hidden;
 position: relative;
}

.technologies-unleashed-cover-part {
 padding: 20px 0 40px;
}


.technologies-full-images-part {
 display: inline-block;
 margin: 0 auto;
 width: 100%;
 text-align: center;
}

 .technologies-full-images-part > span {
  display: inline-block;
  margin: 10px;
 }

.scroll-top-wrapper {
 position: fixed;
 opacity: 0;
 visibility: hidden;
 overflow: hidden;
 text-align: center;
 z-index: 9;
 background-color: #2D709A;
 color: #eeeeee;
 width: 40px;
 height: 38px;
 line-height: 34px;
 right: 30px;
 bottom: 30px;
 padding-top: 2px;
 border-radius: 4px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

 .scroll-top-wrapper:hover {
  background-color: #939C42;
 }

 .scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1.0;
 }

 .scroll-top-wrapper i.fa {
  line-height: inherit;
 }

 .scroll-top-wrapper i {
  font-size: 1.5em;
 }



.modal.fade .modal-dialog {
 -webkit-transform: scale(0.1);
 -moz-transform: scale(0.1);
 -ms-transform: scale(0.1);
 transform: scale(0.1);
 top: 300px;
 opacity: 0;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 -webkit-transform: translate3d(0, -300px, 0);
 transform: translate3d(0, -300px, 0);
 opacity: 1;
}

.modal-header {
 background-color: #F6F5F5;
 border-radius: 5px;
}

.modal-body {
}

.modal-open {
 padding-right: 0 !important;
}

.enter-email-popup .modal-content {
 border-radius: 0;
}

.enter-email-popup .modal-dialog {
 max-width: 400px;
}

.enter-email-popup .modal-header {
 background: none;
 border: none;
}

.enter-email-popup label {
 font-size: 14px;
 color: #666;
}

.enter-email-popup h4 {
 /*font-size: 20px;
 text-align: center;
 color: #2d709a;*/
}

.enter-email-popup .modal-dialog {

}

.enter-email-popup .modal-body button {
 /*border-radius: 0;
 margin-top: 10px;
 display: inline-block;
 width: 100%;
 font-size: 18px;*/
}

.enter-email-popup .modal-body button {
 /*color: #FFF;
 padding: 12px 20px;
 border: none;
 text-transform: uppercase;
 border-radius: 2px;
 display: inline-block;
 text-align: center;
 cursor: pointer;
 box-shadow: inset 0 0 0 0 #ABAF58;
 -webkit-transition: all ease 0.8s;
 -moz-transition: all ease 0.8s;
 transition: all ease 0.8s;
 font-size: 16px;
 background: #2d709a;*/
}

 .enter-email-popup .modal-body button:hover {
  box-shadow: inset 0 100px 0 0 #ABAF58;
 }

.enter-email-popup ::-webkit-input-placeholder {
 color: #999 !important;
}

.enter-email-popup ::-moz-placeholder {
 color: #999 !important;
}

.enter-email-popup :-ms-input-placeholder {
 color: #999 !important;
}

.enter-email-popup :-moz-placeholder {
 color: #999 !important;
}

.enter-email-popup .modal-body button i {
 position: relative;
 top: 2px;
}

.modal button.close {
 /*opacity: 1;
 position: absolute;
 right: -15px;
 top: -20px;*/
}

.enter-email-popup input {
 border: 1px solid #ccc;
 border-radius: 0;
 box-shadow: none;
 height: 40px;
}

 .enter-email-popup input:focus {
  box-shadow: none;
 }

.enter-email-popup .modal-body {
 
}

.current-situation-cover-part .current-situ-left-part img {
 max-width: 100%;
}



/*************************************************************************BK Portfolio CSS*********************************************************/


.bk-portfolio .we-have-done-part {
 background: none;
}

.bk-portfolio .we-have-done-part-cover-part {
 padding-top: 0;
}

.bk-portfolio .zic-zac-img-right {
 text-align: right;
}
.taymor-portfolio {
    background: url('/BkNew/portfolio/css/images/taymor-bg-img.jpg');
    background-size: cover;
}
.JSC-portfolio {
    background: url('/BkNew/portfolio/css/images/JSC-Consultants-bg-img.jpg');
    background-size: cover;
}

.szulportfolio {
    background: url('/BkNew/portfolio/css/images/szulBanner.jpg');
    background-size: cover;
}

.stjhonporfolio {
 background: url('/BkNew/portfolio/css/images/St_Johns_wellchildBanner.jpg');
 background-size: cover;
}

.plannedparenthoodportfolio {
    background: url('/BkNew/portfolio/css/images/PlannedParenthood_Banner.jpg');
    background-size: cover;
}
.predictiveAnalyticsport {
    background: url('/BkNew/portfolio/css/images/predictiveBanner.jpg');
    background-size: cover;
}
.tawkerprorfolio {
    background: url('/BkNew/portfolio/css/images/tawkerlbanner.jpg');
    background-size: cover;
}
.biInsuranceport {
    background: url('/BkNew/portfolio/css/images/bi_insurancel_banner.jpg');
    background-size: cover;
}
.growport {
    background: url('/BkNew/portfolio/css/images/growPort.jpg');
    background-size: cover;
}
.qAInsurancePort {
    background: url('/BkNew/portfolio/css/images/QInsurancePort.jpg');
    background-size: cover;
}
.biForNPOport {
    background: url('/BkNew/portfolio/css/images/biForNPOport.jpg');
    background-size: cover;
}
.e2ohealthportfolio {
    background: url('/BkNew/portfolio/css/images/e2O-Health.jpg');
    background-size: cover;
}

.bregprorfolio {
    background: url('/BkNew/portfolio/css/images/BregBanner.jpg');
    background-size: cover;
}

.nuelifeprorfolio {
    background: url('/BkNew/portfolio/css/images/NuLifeBanner.jpg');
    background-size: cover;
}

.hodprorfolio {
    background: url('/BkNew/portfolio/css/images/hodBanner.jpg');
    background-size: cover;
}

.qscprorfolio {
    background: url('/BkNew/portfolio/css/images/QSC.jpg');
    background-size: cover;
}
.sales-analytics-prorfolio {
    background: url('/BkNew/portfolio/css/images/sales-analytics-prorfolio.jpg');
    background-size: cover;
}
.data-service-prorfolio {
    background: url('/BkNew/portfolio/css/images/Data-service-prorfolio.jpg');
    background-size: cover;
}
.security-assessment-portfolio {
    background: url('/BkNew/portfolio/css/images/security-assessment-prorfolio.jpg');
    background-size: cover;
}
.ocr-insuranc-portfolio {
    background: url('/BkNew/portfolio/css/images/ocr-insurance-prorfolio.jpg');
    background-size: cover;
}
.bi-manufacturing-prorfolio {
    background: url('/BkNew/portfolio/css/images/bi-manufacturing-prorfolio.jpg');
    background-size: cover;
}

.Endologixprorfolio {
    background: url('/BkNew/portfolio/css/images/EndologixBanner.jpg');
    background-size: cover;
}

.dawsonprorfolio {
    background: url('/BkNew/portfolio/css/images/DawsonBanner.jpg');
    background-size: cover;
}

.autologueprorfolio {
    background: url('/BkNew/portfolio/css/images/AutologueBanner.jpg');
    background-size: cover;
}

.mycusotmerdataprorfolio {
    background: url('/BkNew/portfolio/css/images/MyCustomerDataBanner.jpg');
    background-size: cover;
}

.stockinMobprorfolio {
    background: url('/BkNew/portfolio/css/images/stockinMobBanner.jpg');
    background-size: cover;
}

.dqGpsMobprorfolio {
    background: url('/BkNew/portfolio/css/images/dqGpsMobBanner.jpg');
    background-size: cover;
}

.dqTechMobprorfolio {
    background: url('/BkNew/portfolio/css/images/dqTechMobBanner.jpg');
    background-size: cover;
}

.sdMobprorfolio {
    background: url('/BkNew/portfolio/css/images/soberDashboardMobBanner.jpg');
    background-size: cover;
}

.prMobBanner {
    background: url('/BkNew/portfolio/css/images/prMobBanner.jpg');
    background-size: cover;
}

.dawnewprorfolio {
    background: url('/BkNew/portfolio/css/images/dawsonnewBanner.jpg');
    background-size: cover;
}
.smartnewprorfolio {
    background: url('/BkNew/portfolio/css/images/SmartdoorBanner.jpg');
    background-size: cover;
}

.myparkMobBanner {
    background: url('/BkNew/portfolio/css/images/myparkewBanner.jpg');
    background-size: cover;
}

.spMobprorfolio {
    background: url('/BkNew/portfolio/css/images/spMobBanner.jpg');
    background-size: cover;
}

.dawsonMobprorfolio {
    background: url('/BkNew/portfolio/css/images/dawsonMobBanner.jpg');
    background-size: cover;
}
.blutagportfolio {
    background: url('/BkNew/portfolio/css/images/blutagBanner.jpg');
    background-size: cover;
}

.forecastnewprorfolio {
    background: url('/BkNew/portfolio/css/images/forecastbanner.jpg');
    background-size: cover;
}
.mdjuniorportfolio {
    background: url('/BkNew/portfolio/css/images/mdjuniorbanner.jpg');
    background-size: cover;
}

.mistnewprorfolio {
    background: url('/BkNew/portfolio/css/images/mistbanner.jpg');
    background-size: cover;
}
.chatbotportfolio {
    background: url('/BkNew/portfolio/css/images/chatbotMobBanner.jpg');
    background-size: cover;
}
.deduplcationnewprorfolio {
    background: url('/BkNew/portfolio/css/images/duplcationBanner.jpg');
    background-size: cover;
}
.nexxHomeprorfolio {
    background: url('/BkNew/portfolio/css/images/nexxhomeTechMobBanner.jpg');
    background-size: cover;
}
.mlnewprorfolio {
    background: url('/BkNew/portfolio/css/images/mlMobBanner.jpg');
    background-size: cover;
}
.npoprorfolio {
    background: url('/BkNew/portfolio/css/images/nopMobBanner.jpg');
    background-size: cover;
}
.bihealthcare {
    background: url('/BkNew/portfolio/css/images/bihealthcareMobBanner.jpg');
    background-size: cover;
}
.datavisualizationprorfolio {
    background: url('/BkNew/portfolio/css/images/datavisualizationBanner.jpg');
    background-size: cover;
}
.cognitecprorfolio {
    background: url('/BkNew/portfolio/css/images/CognitecPortBanner.jpg');
    background-size: cover;
}
.cognitecprorfolio {
    background: url('/BkNew/portfolio/css/images/carrygreenBanner.jpg');
    background-size: cover;
}
.HRanalyticsPort {
    background: url('/BkNew/portfolio/css/images/HRanalyticsPort.jpg');
    background-size: cover;
}

.bk-portfolio .we-have-zic-zac-part section {
 height: 780px;
}

.bk-portfolio .zic-zac-part-base, .bk-portfolio .zic-zac-text-right {
 max-width: 90%;
 margin: 0 auto;
 display: block;
 padding: 240px 0;
}

 .bk-portfolio .zic-zac-part-base h3, .bk-portfolio .zic-zac-text-right h3 {
  color: #FFF;
  font-size: 18px !important;
  font-weight: 500 !important;
 }

 .bk-portfolio .zic-zac-part-base p, .bk-portfolio .zic-zac-text-right p {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.5px;
 }

 .bk-portfolio .zic-zac-part-base a, .bk-portfolio .zic-zac-text-right a {
  border: 1px #fff solid;
  border-radius: 4px;
  color: #fff;
  padding: 6px 20px;
 }

  .bk-portfolio .zic-zac-part-base a i, .bk-portfolio .zic-zac-text-right a i {
   color: #fff;
  }


.bk-portfolio .zic-zac-image img {
 max-width: 100%;
}


/*.bk-portfolio .zic-zac-part-base h3
{

}

.bk-portfolio .zic-zac-text-right h3
{

}*/


#snav.porfolio-pg-nv {
 left: 15px;
}


 #snav.porfolio-pg-nv li a {
  width: 5px;
  height: 5px;
 }



#snav a.close-ln {
 text-decoration: none;
 display: block;
 position: relative;
 border-radius: 50%;
 background-color: rgb(255, 255, 255);
 box-shadow: 0px 0px 4.95px 0.05px rgba(140, 151, 62, 0.82);
 width: 64px;
 height: 64px;
 margin: 0 0 12px 0;
 text-align: center;
 padding: 5px;
}

 #snav a.close-ln i {
  text-align: center;
  width: 55px;
  height: 55px;
  line-height: 30px;
  display: block;
  margin: 0 auto;
 }

    #snav a.close-ln i.open {
        background: url(/BkNew/portfolio/css/images/openLNHover.png) no-repeat !important;
    }

/*#snav a.close-ln:hover i.open {
        background: url(images/openLNHover.png) no-repeat !important;
    }*/
#snav a.open-ln i.open {
    background: url(/BkNew/portfolio/css/images/closeLNHover.png) no-repeat !important;
}

/*#snav a.open-ln:hover i.open {
        background: url(images/closeLNHover.png) no-repeat !important;
    }*/


.scollsection {
 min-height: 300px;
}

.s1 .zic-zac-text, .s2 .zic-zac-text, .s3 .zic-zac-text, .s5 .zic-zac-text, .s6 .zic-zac-text, .s7 .zic-zac-text, .s8 .zic-zac-text, .s10 .zic-zac-text, .s11 .zic-zac-text, .s12 .zic-zac-text {
 padding-top: 50px;
}

.s4 .zic-zac-text, .s9 .zic-zac-text {
 padding-top: 70px;
}

.s13 .zic-zac-text, .s14 .zic-zac-text, .s15 .zic-zac-text, .s16 .zic-zac-text, .s18 .zic-zac-text, .s19 .zic-zac-text {
    padding-top: 100px;
}

.s17 .zic-zac-text {
 padding-top: 80px;
}

#snav.porfolio-pg-nv li a.active {
 background: #8C973E !important;
 box-shadow: none;
}

#snav.portfolio-single-nav {
 top: 50%;
 margin-top: -22px;
}

.portDetail .modal-body ul.spCapabilities li {
 padding-left: 24px;
}


.portfoioTwocnt .left-part-text {
    padding-top: 0;
}
/*************************************************************************BK Portfolio CSS End*********************************************************/



/*************************************************************************SZUL Media Query*********************************************************/

@media (min-width: 767px) {


 .navbar {
  padding: 20px 0;
  -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
  -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
  transition: background .5s ease-in-out, padding .5s ease-in-out;
 }

 .top-nav-collapse {
  padding: 0;
 }
}

.intro-section {
 height: 100%;
 padding-top: 150px;
 text-align: center;
 background: #fff;
}

.about-section {
 height: 100%;
 padding-top: 150px;
 text-align: center;
 background: #eee;
}

.services-section {
 height: 100%;
 padding-top: 150px;
 text-align: center;
 background: #fff;
}

.contact-section {
 height: 100%;
 padding-top: 150px;
 text-align: center;
 background: #eee;
}

@media (min-width: 768px) {
 
 .banner-section-case-study {
  margin-top: 66px;
 }
    .tomsbanner-section-case-study {
        margin-top: 60px;
    }
}

@media (max-width: 1199px) {
 .jwellary-mobile-part {
  display: block;
  margin-top: 30px;
 }

 .jwellary-cover-part {
  display: none;
 }

 .jwellary-part {
  height: inherit;
  padding-bottom: 50px;
 }

 .new-big-container {
  height: inherit;
  max-width: inherit;
 }

 .testimonial-section-full-cover {
  display: inline-block;
  width: 90%;
  margin: 0 5%;
  margin-top: 40px;
 }

 .mobile-jwellary-item-one, .mobile-jwellary-item-two, .mobile-jwellary-item-three, .mobile-jwellary-item-fourth, .mobile-jwellary-item-fifth {
  display: inline-block;
  text-align: center;
  position: relative;
 }

 .jwellary-mobile-part .mobile-jwellary-item-three {
  width: 100%;
 }

 .mobile-jwellary-item-one img, .mobile-jwellary-item-two img, .mobile-jwellary-item-three img, .mobile-jwellary-item-fourth img, .mobile-jwellary-item-fifth img {
  display: inline-block;
 }

 .jwellary-mobile-part .mobile-jwellary-item-one .valuetext * {
  position: absolute;
  bottom: 105px;
  right: 132px;
  font-size: 0 !important;
 }

 .jwellary-mobile-part .mobile-jwellary-item-two .valuetext * {
  position: absolute;
  bottom: 140px;
  right: 140px;
  font-size: 0 !important;
 }

 .jwellary-mobile-part .mobile-jwellary-item-three .valuetext * {
  position: absolute;
  bottom: 165px;
  left: 41.5%;
  font-size: 0 !important;
 }

 .jwellary-mobile-part .mobile-jwellary-item-fourth .valuetext * {
  position: absolute;
  bottom: 140px;
  right: 140px;
  font-size: 0 !important;
 }

 .jwellary-mobile-part .mobile-jwellary-item-fifth .valuetext * {
  position: absolute;
  bottom: 100px;
  right: 135px;
  font-size: 0 !important;
 }
}

@media (max-width: 991px) {
 .zic-zac-part-base {
  text-align: center;
 }

 .zic-zac-text {
  text-align: center !important;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
 }

 .case-study-szul .zic-zac-text h3 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
 }

 .case-study-szul .zic-zac-part-base p {
  text-align: center;
 }

 .case-study-szul .zic-zac-image {
  float: none !important;
 }

 .zic-zac-part-base {
  margin-top: 40px !important;
  border-bottom: 1px dashed #999;
  padding-bottom: 20px;
 }

  .zic-zac-part-base:first-child {
   margin-top: 20px !important;
  }

  .zic-zac-part-base:last-child {
   border-bottom: none;
   padding-bottom: 0;
  }

 .case-study-szul .zic-zac-part-base p:last-child {
  margin-bottom: 0 !important;
 }

 .read-show-anchor {
  margin: 20px 0;
  text-align: center;
 }

 .wehavedone-more-para {
  margin-top: 10px;
 }

 .case-study-szul h2 {
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 0;
 }

 .want-to-cover-part {
  padding: 20px 0 40px;
 }

 .previous-situation-cover-part {
  padding: 20px 0 50px;
 }

 .we-have-done-part-cover-part {
  padding: 50px 0 0;
 }

 .technologies-unleashed-cover-part {
  padding: 20px 0 40px;
 }

 .case-study-szul h3 {
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 10px;
  text-align: center;
 }

 .previous-situation-cover-part p {
  text-align: center;
 }

 .current-situation-second-part {
  margin-top: 20px;
 }

 /*.case-study-szul {
  font-size: 18px;
  line-height: 24px;
 }*/

 .technologies-full-images-part > span {
  display: inline-block;
  margin: 4px 0;
 }

 .banner-section-case-study, .tomsbanner-section-case-study {
  height: 500px;
  background-size: cover;
 }

 .banner-heading-text {
  color: #fff;
  padding-top: 30px;
  text-align: center;
 }

  .banner-heading-text h1 {
   font-size: 28px;
   line-height: 20px;
   padding-bottom: 0px;
  }

  .banner-heading-text .sub-text-banner {
   font-size: 20px;
   line-height: 28px;
  }

 .all-we-did-one .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-two .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-three .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-four .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-five .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-six .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-seven .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-eight .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-nine .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-ten .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-eleven .zic-zac-text {
  padding-top: inherit;
 }
}

@media (max-width: 767px) {


 p.pera {
  font-size: 18px;
  max-width: 100%;
 }


 .banner-heading-text .sub-text-banner {
  white-space: inherit;
 }

 .current-situ-left-part {
  text-align: center;
 }

 .current-situ-right-part {
  text-align: center;
 }

 .mobile-jwellary-item-one, .mobile-jwellary-item-two, .mobile-jwellary-item-three, .mobile-jwellary-item-fourth, .mobile-jwellary-item-fifth {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 100%;
  margin: 0 0 20px;
 }

 .testimonial-inner-text-part-only:before {
  display: none;
 }

 .testiminial-block .col-md-3 img {
  display: inline-block;
 }

 .testiminial-block .col-md-3 {
  display: inline-block;
  text-align: center;
  width: 100%;
 }

 .case-study-szul {
  font-size: 16px;
  line-height: 24px;
 }

  .case-study-szul .zic-zac-part-base p {
   font-size: 16px;
   line-height: 24px;
  }

 .testimonial-inner-text-part-only p {
  font-size: 16px;
  line-height: 24px;
 }

 .testimonial-author span {
  font-size: 20px;
 }

 .testimonial-inner-text-part-only {
  margin-top: 20px;
 }

 .testimonial-author {
  padding-left: 0;
  color: #2378b1;
  font-size: 16px;
  font-weight: bold;
 }

  .testimonial-author:before {
   display: none;
  }

 .current-situ-right-part {
  margin-top: 20px;
 }
}

@media (max-width: 640px) {
 .pull-left.site-logo {
  text-align: center;
  width: 100%;
  display: inline-block;
 }

 span.pull-right.top-contact-part {
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
 }

 .banner-section-case-study, .tomsbanner-section-case-study {
  height: 300px;
  background-size: cover;
 }

 .banner-heading-text {
  color: #fff;
  padding-top: 15px;
  text-align: center;
 }

  .banner-heading-text h1 {
   font-size: 18px;
   line-height: normal;
   padding-bottom: 5px;
   margin-bottom: 0;
   padding-top: 0;
   margin-top: 10px;
  }

  .banner-heading-text .sub-text-banner {
   font-size: 14px;
   line-height: 20px;
  }

 .we-have-done-part-cover-part {
  padding: 50px 0 0;
 }
}

@media (max-width: 480px) {
 .testimonial-author {
  font-size: 13px;
 }

  .testimonial-author span {
   font-size: 16px;
  }
}
/*# sourceMappingURL=style.css.map */
.we-have-done-part-cover-part img {
 max-width: 100%;
}


/***************Ends SZUL CSS************/
#snav.portLeftNav {
 top: 15%;
}

 #snav.portLeftNav a.close-ln {
  width: 42px;
  height: 42px;
 }

  #snav.portLeftNav a.close-ln i {
   width: 32px;
   height: 32px;
   line-height: 32px;
   background-size: 100% !important;
  }

 #snav.portLeftNav li a {
  width: 42px;
  height: 42px;
  margin: 0 0 8px 0;
 }

  #snav.portLeftNav li a i {
   width: 32px;
   height: 32px;
   line-height: 32px;
   background-size: 100% !important;
  }

 #snav.portLeftNav li span {
  line-height: 32px;
  height: 32px;
  font-size: 16px;
  padding: 0 10px 0 14px;
 }

 #snav.portLeftNav li a span {
  top: 5px;
 }

 #snav.portLeftNav li a:hover span {
  left: 34px;
  z-index: -9;
  top: 5px;
 }

#snav li a i.ecommerce {
    background: url(/BkNew/portfolio/css/images/pf/Navecommerce.png) no-repeat;
}

#snav li a:hover i.ecommerce, #snav li a.current i.ecommerce {
    background: url(/BkNew/portfolio/css/images/pf/navecommereHover.png) no-repeat;
}

#snav li a i.healthcare {
    background: url(/BkNew/portfolio/css/images/pf/NavHealthcare.png) no-repeat;
}

#snav li a:hover i.healthcare, #snav li a.current i.healthcare {
    background: url(/BkNew/portfolio/css/images/pf/NavHealthcareHover.png) no-repeat;
}

#snav li a i.insurance {
    background: url(/BkNew/portfolio/css/images/pf/NavInsurance.png) no-repeat;
}

#snav li a:hover i.insurance, #snav li a.current i.insurance {
    background: url(/BkNew/portfolio/css/images/pf/NavInsuranceHover.png) no-repeat;
}

#snav li a i.manufacturing {
    background: url(/BkNew/portfolio/css/images/pf/NavManufaturing.png) no-repeat;
}

#snav li a:hover i.manufacturing, #snav li a.current i.manufacturing {
    background: url(/BkNew/portfolio/css/images/pf/NavManufaturingHover.png) no-repeat;
}

#snav li a i.government {
    background: url(/BkNew/portfolio/css/images/pf/NavGovernment.png) no-repeat;
}

#snav li a:hover i.government, #snav li a.current i.government {
    background: url(/BkNew/portfolio/css/images/pf/NavGovenmentHover.png) no-repeat;
}

#snav li a i.automotive {
    background: url(/BkNew/portfolio/css/images/pf/NavAutomotive.png) no-repeat;
}

#snav li a:hover i.automotive, #snav li a.current i.automotive {
    background: url(/BkNew/portfolio/css/images/pf/NavAutomotiveHover.png) no-repeat;
}

#snav li a i.trackingsystems {
    background: url(/BkNew/portfolio/css/images/pf/NavTracking.png) no-repeat;
}

#snav li a:hover i.trackingsystems, #snav li a.current i.trackingsystems {
    background: url(/BkNew/portfolio/css/images/pf/NavTrackingHover.png) no-repeat;
}

#snav li a i.services {
    background: url(/BkNew/portfolio/css/images/pf/NavServices.png) no-repeat;
}

#snav li a:hover i.services, #snav li a.current i.services {
    background: url(/BkNew/portfolio/css/images/pf/NavServicesHover.png) no-repeat;
}

#snav li a i.lms {
    background: url(/BkNew/portfolio/css/images/pf/NavLMS.png) no-repeat;
}

#snav li a:hover i.lms, #snav li a.current i.lms {
    background: url(/BkNew/portfolio/css/images/pf/NavLMSHover.png) no-repeat;
}


#snav.portLeftNav a.close-ln i.open {
    background: url(/BkNew/portfolio/css/images/pf/OpenFilter.png) no-repeat !important;
    background-size: 100% !important;
}

#snav.portLeftNav a.open-ln i.open {
    background: url(/BkNew/portfolio/css/images/closeLNHover.png) no-repeat !important;
    background-size: 100% !important;
}







/****************************Side Bar CSS Starts************************************/

#wrapper {
 position: relative;
 overflow-x: hidden;
}

.nav .open > a {
 background-color: transparent;
}

 .nav .open > a:hover {
  background-color: transparent;
 }

 .nav .open > a:focus {
  background-color: transparent;
 }

#wrapper {
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 padding-left: 0;
 transition: all 0.5s ease;
}

 #wrapper.toggled {
  padding-left: 220px;
 }

  #wrapper.toggled #sidebar-wrapper {
   width: 300px;
  }

  #wrapper.toggled #page-content-wrapper {
   margin-right: -220px;
   position: absolute;
  }

#sidebar-wrapper {
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 background: rgba(16,23,28, 0.985);
 left: 220px;
 margin-left: -220px;
 overflow-x: hidden;
 overflow-y: auto;
 transition: all 0.5s ease;
 width: 0;
 z-index: 1;
 margin-top: 65px;
}

 #sidebar-wrapper::-webkit-scrollbar {
  display: none;
 }

#page-content-wrapper {
 padding-top: 70px;
 width: 100%;
}

.sidebar-nav {
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 60px;
 width: 300px;
}

 .sidebar-nav li {
  display: inline-block;
  line-height: 20px;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #182025;
  color: #d7d7d7;
 }

  .sidebar-nav li:last-child {
   border-bottom: none;
  }

  .sidebar-nav li:before {
   background-color: #1c1c1c;
   content: '';
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   -webkit-transition: width 0.2s ease-in;
   transition: width 0.2s ease-in;
   width: 0px;
   z-index: -1;
  }

    .sidebar-nav li:nth-child(1):before, .sidebar-nav li:nth-child(2):before, .sidebar-nav li:nth-child(3):before, .sidebar-nav li:nth-child(4):before, .sidebar-nav li:nth-child(5):before, .sidebar-nav li:nth-child(6):before, .sidebar-nav li:nth-child(7):before, .sidebar-nav li:nth-child(8):before, .sidebar-nav li:nth-child(9):before, .sidebar-nav li:nth-child(10):before, .sidebar-nav li:nth-child(11):before, .sidebar-nav li:nth-child(12):before, .sidebar-nav li:nth-child(13):before, .sidebar-nav li:nth-child(14):before {
        background-color: #829C4C;
    }

  .sidebar-nav li:hover:before {
   -webkit-transition: width 0.2s ease-in;
   transition: width 0.2s ease-in;
   width: 100%;
  }

  .sidebar-nav li a {
   color: #d7d7d7;
   display: block;
   padding: 20px 15px 20px 65px;
   text-decoration: none;
   position: relative;
   font-size: 18px;
   letter-spacing: 0.5px;
   font-weight: 400;
  }

  .sidebar-nav li.open:hover before {
   -webkit-transition: width 0.2s ease-in;
   transition: width 0.2s ease-in;
   width: 100%;
  }

  .sidebar-nav li.icon_active a {
   color: #829c4c;
  }

 .sidebar-nav .dropdown-menu {
  background-color: #222222;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
 }

 .sidebar-nav li:hover.icon_active span, .sidebar-nav li:hover, .sidebar-nav li a:hover {
  background-color: transparent;
  color: #fff !important;
  text-decoration: none;
 }
 /*.sidebar-nav li:hover.icon_active i.ecommerce_iocn::before {
            content: url(../images/ecommerce.png);
        }*/

 .sidebar-nav > .sidebar-brand {
  font-size: 20px;
  height: 65px;
  line-height: 44px;
 }

.hamburger {
 background: transparent;
 border: none;
 display: block;
 margin: 0 0 0 45px;
 padding: 0;
 position: fixed;
 top: 50%;
 z-index: 9;
}

 .hamburger:hover, .hamburger:focus, .hamburger:active {
  outline: none;
 }

 .hamburger.is-closed:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
 }

 .hamburger.is-closed:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
 }

 .hamburger.is-closed:hover .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  top: 0;
 }

 .hamburger.is-closed:hover .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 0;
 }

 .hamburger.is-closed .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  top: 5px;
 }

 .hamburger.is-closed .hamb-middle {
  background-color: rgba(255, 255, 255, 0.7);
  margin-top: -2px;
  top: 50%;
 }

 .hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  bottom: 5px;
 }

 .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
 }

 .hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #fff;
  margin-top: -2px;
  top: 50%;
 }

 .hamburger.is-open .hamb-middle {
  background-color: #fff;
  display: none;
 }

 .hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #fff;
  margin-top: -2px;
  top: 50%;
 }

 .hamburger.is-open:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
 }

 .hamburger.is-open:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
 }

    .hamburger.is-closed span:after {
        content: url(/BkNew/portfolio/css/images/portfolio_left_icon_isopen.png);
    }

    .hamburger.is-closed:hover span:after {
        content: url(/BkNew/portfolio/css/images/portfolio_left_icon_isopenHover.png);
    }

    .hamburger.is-open span:after {
        content: url(/BkNew/portfolio/css/images/portfolio_left_icon_isclose.png);
        position: relative;
        left: 0;
    }

    .hamburger.is-open:hover span:after {
        content: url(/BkNew/portfolio/css/images/portfolio_left_icon_iscloseHover.png);
    }

span.activeTech {
    display: block;
    background-color: #13191c;
    border: solid 1px #ccc;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -6px;
    right: -12px;
    color: #fff;
    line-height: 32px;
}

 span.activeTech:after {
  content: "" !important;
  width: 40px;
  height: 40px;
  display: block;
  background-size: 75%;
  background-repeat: no-repeat;
 }




.hamburger.is-open span.activeTech {
 display: none;
}

.sidebar-nav a i {
    position: absolute;
    top: 16px;
    left: 21px;
    font-size: 26px;
}

span.number.pull-right {
 position: absolute;
 right: 35px;
 /*color: #d7d7d7;*/
 top: 21px;
 font-weight: 300;
 font-size: 14px;
}

.toggled-on 
{
 overflow: hidden;
 width: 100%;
}


/****************************Side Bar CSS Ends************************************/

/*TOMS Case Study css*/
.bregcasestudy_main_cls .tomsbanner-section-case-study {
 background: url('/BkNew/portfolio/css/images/toms-banner-img.jpg');
 height: 758px;
 background-repeat: no-repeat;
 background-position: center, center;
}
canvas {
        display: block;
        vertical-align: bottom;
    }
    /* ---- particles.js container ---- */

    #particles-js {
        width: 100%;
        height: 100%;
        background: transparent;
        margin: 0;
        padding: 0;
        position: fixed;
        opacity: 0;
        z-index: 1;
        transform: scale(1.1, 1.1);
        -ms-transition: all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
        -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
        transition: all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
    }

    .particles-js-active {
        opacity: 1 !important;
        transform: scale(1, 1) !important;
        -ms-transition: all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
        -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
        transition: all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
    }

/*Breg Case Study css*/
.bregcasestudy_main_cls .banner-section-case-study {
 background: url('/BkNew/portfolio/css/images/breg-banner-img.png');
 height: 758px;
 background-repeat: no-repeat;
 background-position: center, center;
 background-size:cover
}

.challange_problem_section p {
 font-size: 22px;
 color: #676767;
 letter-spacing: 0.5px;
 font-weight: 300;
}

.challange_problem_section ul {
 margin-top: 20px;
 padding-left: 0;
 font-weight: 400;
}

 .challange_problem_section ul, .challange_problem_section ul li {
  font-size: 22px;
  color: #676767;
  letter-spacing: 0.5px;
  list-style: none;
 }

  .challange_problem_section ul li {
   margin: 20px 0;
   font-size: 18px;
   font-weight: 300;
   padding-left: 10px;
  }

.breghelpsection .pera {
 padding-top: 100px;
 line-height: 34px;
}

.bregtechnologies {
 padding-bottom: 0;
}

.bregwanttoknow {
 padding-bottom: 30px;
 padding-top: 50px;
}

.challange_problem_section {
 padding-top: 30px;
 padding-bottom: 0;
}

 .challange_problem_section .lightGrybg {
  background: #FDFDFD !important;
 }

.bregprevioussection {
 padding-top: 0;
 padding-bottom: 0;
}

.bregconcernsection {
 padding-top: 30px;
 padding-bottom: 30px;
}

 .bregconcernsection .lightGrybg {
  background: #FDFDFD !important;
 }

.breghelpsection {
 padding-top: 50px;
 padding-bottom: 0;
}

.bregwhatwedid {
 padding-top: 50px;
 padding-bottom: 50px;
}

.problempart p {
 line-height: 34px;
}

.problempart {
 margin-bottom: 40px;
}

.bregwanttoknow .pera span, .breghelpsection .pera span, .bregconcernsection .pera span, .challange_problem_section p span, .challange_problem_section li span, .bregprevioussection p span {
 font-weight: 400;
}

.bregwhatwedid ul li {
 font-size: 20px;
 line-height: 28px;
 font-weight: 300;
 color: #676767;
 list-style: decimal;
 margin-bottom: 10px;
}

.bregcasestudy_main_cls .banner-heading-text .sub-text-banner {
 font-weight: 500;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 line-height: 50px;
}

    .bregcasestudy_main_cls .banner-heading-text .sub-text-banner span, .banner-heading-text .sub-text-bannerBrg span {
        color: #829c4c;
        font-weight: 600;
        font-size: 40px;
    }

.bregcasestudy_main_cls .first-jwellary .texrdata .valuetext {
 position: absolute;
 bottom: 70px;
 left: 105px;
 right: inherit;
}

.bregcasestudy_main_cls .valuetext p {
 line-height: 22px;
}

.bregcasestudy_main_cls .second-jwellary .texrdata .valuetext {
 position: absolute;
 bottom: 75px;
 left: 105px;
 right: inherit;
}

.bregcasestudy_main_cls .third-jwellary .texrdata .valuetext {
 position: absolute;
 top: 175px;
 left: 100px;
}

.bregcasestudy_main_cls .fourth-jwellary .texrdata .valuetext {
 position: absolute;
 bottom: 75px;
 right: inherit;
 left: 105px;
}


.bregcasestudy_main_cls .fifth-jwellary .texrdata .valuetext {
 position: absolute;
 bottom: 75px;
 left: 105px;
 right: inherit;
}

.bregcasestudy_main_cls .all-we-did-four .zic-zac-text {
 padding-top: 0;
}

.bregcasestudy_main_cls .all-we-did-three .zic-zac-text, .bregcasestudy_main_cls .all-we-did-two .zic-zac-text {
 padding-top: 80px;
}

.bregcasestudy_main_cls .jwellary-part {
 background: url(/BkNew/portfolio/css/images/breg-brick-bg.png) repeat #f4f4f4;
}

.bregstatistics {
 padding: 100px 0;
}

.newbregstatistics .newstatisticsbox {
 text-align: center;
}

.newbregstatistics .coverstatistics {
 position: relative;
 display: inline-block;
}

.newbregstatistics .newstatisticsbox.newboxfirst .valuetext {
 position: absolute;
 top: 50%;
 left: 33%;
}

.newbregstatistics .newstatisticsbox.newboxtwo .valuetext {
 position: absolute;
 top: 50%;
 left: 31%;
}


.newbregstatistics .newstatisticsbox.newboxthree .valuetext {
 position: absolute;
 top: 50%;
 left: 31%;
}


.newbregstatistics .newstatisticsbox.newboxfour .valuetext {
 position: absolute;
 top: 50%;
 left: 33%;
}


.newbregstatistics .newstatisticsbox.newboxfive .valuetext {
 position: absolute;
 top: 45%;
 left: 32%;
}

.challange_problem_section .solutionlightgray {
 background: #f8f8f8 !important;
}







/*.bregcasestudy_main_cls .first-jwellary {
    position: absolute;
    top: 40px;
    left: 100px;
}

 .bregcasestudy_main_cls .fourth-jwellary {
    position: absolute;
    top: 20px;
    right: 250px;
}


 .bregcasestudy_main_cls .second-jwellary {
    position: absolute;
    top: 350px;
    left: 250px;
}


 .bregcasestudy_main_cls .fifth-jwellary {
    position: absolute;
    top: 330px;
    right: 20px;
}*/

/*End Breg Case Study css*/


.main-timeline {
    overflow: hidden;
    position: relative;
    margin-top:50px;

}

    .main-timeline:before,
    .main-timeline:after {
        content: "";
        display: block;
        width: 100%;
        clear: both;
    }

    .main-timeline:before {
        content: "";
        width: 3px;
        height: 100%;
        background: #d6d5d5;
        position: absolute;
        top: 30px;
        left: 50%;
    }

    .main-timeline .timeline {
        width: 50%;
        float: left;
        padding-right: 30px;
        position: relative;
    }

    .main-timeline .timeline-icon {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid #64b9f2;
        position: absolute;
        top: 5.5%;
        right: -17.5px;
    }

    .main-timeline .year {
        display: block;
        padding: 6px;
        margin: 0;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        border-radius: 0 50px 50px 0;
        background: #2378b1;
        text-align: center;
        position: relative;
    }

        .main-timeline .year:before {
            content: "";
            border-top: 35px solid #64b9f2;
            border-left: 35px solid transparent;
            position: absolute;
            bottom: -35px;
            left: 0;
        }

    .main-timeline .timeline-content {
        padding: 30px 20px;
        margin: 0 45px 0 35px;
        background: #fff;
    }

    .main-timeline .title {
        font-size: 19px;
        font-weight: bold;
        color: #504f54;
        margin: 0 0 10px 0;
    }

    .main-timeline .description {
        font-size: 18px;
        font-weight: 300;
        margin: 0;
        color: #676767;
    }

    .main-timeline .timeline:nth-child(2n) {
        padding: 0 0 0 30px;
    }

        .main-timeline .timeline:nth-child(2n) .timeline-icon {
            right: auto;
            left: -14.5px;
        }

        .main-timeline .timeline:nth-child(2n) .year {
            border-radius: 50px 0 0 50px;
        }

            .main-timeline .timeline:nth-child(2n) .year:before {
                border-left: none;
                border-right: 35px solid transparent;
                left: auto;
                right: 0;
            }

        .main-timeline .timeline:nth-child(2n) .timeline-content {
            text-align: right;
            margin: 0 35px 0 45px;
        }

    .main-timeline .timeline:nth-child(2) {
        margin-top: 226px;
    }

    .main-timeline .timeline:nth-child(odd) {
        margin: -175px 0 0 0;
    }

    .main-timeline .timeline:nth-child(even) {
        margin-bottom: 0;
    }

    .main-timeline .timeline:first-child,
    .main-timeline .timeline:last-child:nth-child(even) {
        margin: 0;
    }

    .main-timeline .timeline:nth-child(2n) .timeline-icon {
        border-color: #bbd585;
    }

    .main-timeline .timeline:nth-child(2n) .year {
        background: #829c4c;
    }

        .main-timeline .timeline:nth-child(2n) .year:before {
            border-top-color: #bbd585;
        }

    .main-timeline .timeline:nth-child(3n) .timeline-icon {
        border-color: #2ba8d6;
    }

    .main-timeline .timeline:nth-child(3n) .year {
        background: #2ba8d6;
    }

        .main-timeline .timeline:nth-child(3n) .year:before {
            border-top-color: #74ecec;
        }

    .main-timeline .timeline:nth-child(4n) .timeline-icon {
        border-color: #f98d9c;
    }

    .main-timeline .timeline:nth-child(4n) .year {
        background: #f98d9c;
    }

        .main-timeline .timeline:nth-child(4n) .year:before {
            border-top-color: #f2aab3;
        }

@media only screen and (max-width:767px) {
    .main-timeline {
        overflow: visible;
    }

        .main-timeline:before {
            top: 0;
            left: 0;
        }

        .main-timeline .timeline:nth-child(2),
        .main-timeline .timeline:nth-child(odd),
        .main-timeline .timeline:nth-child(even) {
            margin: 0;
        }

        .main-timeline .timeline {
            width: 100%;
            float: none;
            padding: 0 0 0 30px;
            margin-bottom: 20px !important;
        }

            .main-timeline .timeline:last-child {
                margin: 0 !important;
            }

        .main-timeline .timeline-icon {
            right: auto;
            left: -14.5px;
        }

        .main-timeline .year {
            border-radius: 50px 0 0 50px;
        }

            .main-timeline .year:before {
                border-left: none;
                border-right: 35px solid transparent;
                left: auto;
                right: 0;
            }

        .main-timeline .timeline-content {
            margin: 0 35px 0 45px;
        }
}