body
{
font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;  
}

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

@font-face {
 font-family: 'MavenProLight-300';
 src: url("../eot/mavenprolight-300.eot");
 src: local("Γÿ║"),url("../woff/mavenprolight-300.woff") format("woff"),url("../ttf/mavenprolight-300.ttf") format("truetype"),url("../svg/mavenprolight-300.svg") format("svg");
 font-weight: normal;
 font-style: normal;
}
/* -------------------------------- 
        Navigation CSS
-------------------------------- */
.navLogo > a {
 display: block;
 margin: 5px 36px;
}

.navigation-is-open main {
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}

.cd-nav-trigger {
 position: fixed;
 z-index: 999;
 right: 5px;
 top: 5px !important;
 height: 54px;
 width: 54px;
 background-color: #2378b1;
 /*border-radius: 50%;*/
 /* image replacement */
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
 -webkit-transition: -webkit-transform 0.5s;
 -moz-transition: -moz-transform 0.5s;
 transition: transform 0.5s;
}

 .cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #ffffff;
 }

  .cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
   /* upper and lower lines of the menu icon */
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-color: inherit;
   /* Force Hardware Acceleration in WebKit */
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
   -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
   transition: transform 0.5s, width 0.5s, top 0.3s;
  }

  .cd-nav-trigger .cd-nav-icon::before {
   -webkit-transform-origin: right top;
   -moz-transform-origin: right top;
   -ms-transform-origin: right top;
   -o-transform-origin: right top;
   transform-origin: right top;
   -webkit-transform: translateY(-6px);
   -moz-transform: translateY(-6px);
   -ms-transform: translateY(-6px);
   -o-transform: translateY(-6px);
   transform: translateY(-6px);
  }

  .cd-nav-trigger .cd-nav-icon::after {
   -webkit-transform-origin: right bottom;
   -moz-transform-origin: right bottom;
   -ms-transform-origin: right bottom;
   -o-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: translateY(6px);
   -moz-transform: translateY(6px);
   -ms-transform: translateY(6px);
   -o-transform: translateY(6px);
   transform: translateY(6px);
  }

 .cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
 }


.navigation-is-open .cd-nav-trigger {
 /* rotate trigger when navigation becomes visible */
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);
}

 .navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
 .navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
 }

 .navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
 }

 .navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
 }

.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
 top: 0;
}

/*.navigation-is-open .cd-nav-trigger circle {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.4s 0.3s;
    -moz-transition: stroke-dashoffset 0.4s 0.3s;
    transition: stroke-dashoffset 0.4s 0.3s;
}*/

.cd-nav {
 position: fixed;
 z-index: 99;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background: url(../png/navbg.png) repeat;
 visibility: hidden;
 -webkit-transition: visibility 0s 0.7s;
 -moz-transition: visibility 0s 0.7s;
 transition: visibility 0s 0.7s;
}

 .cd-nav .cd-navigation-wrapper {
  /* all navigation content */
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 40px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
 }

.navigation-is-open .cd-nav {
 visibility: visible;
 -webkit-transition: visibility 0s 0s;
 -moz-transition: visibility 0s 0s;
 transition: visibility 0s 0s;
}

 .navigation-is-open .cd-nav .cd-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
 }

.cd-navigation-wrapper h2 {
 font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;  
 font-size: 36px;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 1px;
 padding: 0 0 0 15px;
 margin: 0 0 30px 0;
}

.cd-navigation-wrapper h3 {
 font-size: 22px;
 font-weight: 500;
 color: #9bca39;
 letter-spacing: 1px;
 padding: 0;
 margin: 0 0 25px;
 font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;  
 text-transform: uppercase;
}

.techNav {
 margin: 68px 0 0 0;
 overflow: hidden;
}

.cd-navigation-wrapper a {
 font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;  
 font-size: 20px;
 color: #fff;
 letter-spacing: 1px;
 line-height: 32px;
 font-weight:300;
 padding:0 0 0 10px
}

 .cd-navigation-wrapper a:hover, .cd-navigation-wrapper a:focus {
  color: #829C4C;
  text-decoration: none;
  transition: all .7s ease 0s;
 }

.techNav a {
 display: block;
}

.industriesNav {
 margin: 70px 0 0 0;
 overflow: hidden;
}

 .industriesNav a {
  display: inline-block;
  margin: 0 62px 0 0;
 }

.allNav {
 margin: 100px 0 0 0;
 overflow: hidden;
}

 .allNav a {
  font-family: "nunitosemibold";
  text-transform: uppercase;
  display: inline-block;
  margin: 0 40px 0 0;
  font-size: 20px;
 }






.pull-left {
 float: left;
}

.pull-right {
 float: right;
}

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

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

.top-contact-part {
 padding-top: 20px;
}

.phone-number {
 color: #404040;
 font-size: 18px;
 letter-spacing: 1px;
}

.email-id a {
 color: #404040;
 font-size: 18px;
 margin-left: 20px;
 letter-spacing: 1px;
}

 .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(../../css/images/navAchivements.png) no-repeat;
   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #snav li a:hover i.hamburger {
   background: url(../../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
}


/*******Footer Section*********/
footer {
 /*background: url(images/footer-Bg.png) repeat #2d709d;*/
}

 footer.footer-Wrapper {
 }

  footer .footer-Wrapper h2 {
   font-size: 22px;
   font-family: "Nunito";
   color: #fff;
   text-transform: uppercase;
   font-weight: 400;
   letter-spacing: 1px;
  }

  footer .footer-Wrapper h3 {
   font-size: 20px;
   font-family: "Nunito";
   color: #9bca39;
   text-transform:uppercase;
   font-weight: 600;
   letter-spacing: 1px;
   margin: 10px 0 15px 0;
  }

  footer .footer-Wrapper a {
   display: block;
   color: #fff;
   font-family: "Nunito";
   text-decoration: none;
   font-size: 17px;
   font-weight: 300;
   letter-spacing: 1px;
   line-height: 26px;
  }

   footer .footer-Wrapper a:hover {
    color: #cdcdcd;
   }

.footer-Wrapper .pl0 {
 padding-left: 0;
}

.fAllLinks {
 border-bottom: solid 1px #5f97ba;
 padding: 16px 0;
 margin: 10px 0 10px 0;
}

footer .footer-Wrapper .fAllLinks a {
 display: inline-block;
 color: #fff;
 font-size: 16px;
 font-family: "Nunito";
 font-weight: 300;
 text-decoration: none;
 letter-spacing: 1px;
 margin: 0 28px 0 0;
 text-transform:uppercase
}

 footer .footer-Wrapper .fAllLinks a:hover {
  color: #cdcdcd;
 }

footer .footer-Wrapper .followLonks {
 color: #fff;
 text-align: center;
 font-size: 22px;
 font-family: "Nunito";
 font-weight: 400;
 letter-spacing: 1px;
 padding: 10px 0;
 margin: 0 0 10px;
}

 footer .footer-Wrapper .followLonks a {
  display: inline-block;
  margin: 0 5px 0 0;
 }

  footer .footer-Wrapper .followLonks a img {
   width: 34px;
   height: 34px;
  }

  footer .footer-Wrapper .followLonks a:hover img {
   border: solid 2px #fff;
  }

footer .copyright-section {
 background: #236189;
 text-align: center;
 color: #fff;
 font-size: 14px;
 padding: 10px 0;
 letter-spacing: 1px;
}

 footer .copyright-section a {
  color: #fff;
  text-decoration: none;
 }

  footer .copyright-section a:hover {
   text-decoration: none;
   color: #cdcdcd;
  }






@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("../../css/images/line.png") repeat-x scroll center 50%;*/
 font-size: 40px;
 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 10px;
 font-size: 22px;
 font-weight: 300;
 letter-spacing: 1px;
}

 .contact-item h5 span {
  display: block;
  font-weight: 400;
  margin-top: 10px;
  margin-left: 28px;
  font-size: 18px;
  color: #404040;
 }

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

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

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

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

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

h2.ciTitle {
 color: #404040;
 font-size: 24px;
 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] {
 font-size: 15px;
 padding: 5px 5px 5px 10px;
 margin-top: 20px;
 color: #333 !important;
 border: none;
 border: solid 1px #ccc;
 border-radius: 0 !important;
 box-shadow: none;
}

.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: 110px;
}

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: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);
 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;
 }


/*****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;
 /*left: 0;*/
 /*top: 40px;*/
 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: 8px 14px 115px;*/
  padding: 9px 14px;
  text-transform: none !important;
  width: 302px;
  text-align: center;
  /*background: url(../../css/images/GetAQuote.png) no-repeat;*/
  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
}


/*#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;
}

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


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

p.pera.leftalign{
text-align: left;
}

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

.midContent{
    background: #fff;
color: #383536;
font-size: 1.5em;
line-height: 1.5em;
padding: 4em 0;
text-align: justify;
}