
#para-padding{
  padding-top: 15px !important;
}

/*Section 3 FLIPBOX styles Home Page*/

#section3 {
    background: url("../img/bg3.jpg");
        margin: 0;
    padding: 60px 0;
        text-align: center;
    position: relative;
    overflow: hidden

}
#section4 {
        margin: 0;
    padding: 60px 0;
        text-align: center;
    position: relative;
    overflow: hidden

}
#secton3 h2, #secton4 h3{
  color:#234;
}

#section3 h2, #section4 h2{
    margin: 0 0 30px 0;
    font-size: 2.5em;
    color:#234;
    font-family: 'Work Sans',sans-serif;
    text-transform: none;
    }

 .flip-box h3 {
        font-size: 1.4em;
        color:#224;
    }

/*Technologies We use section home page*/
/* Flip Box
==================================================*/
.icon-box { text-align:center; }
.icon-box+.icon-box { margin-bottom:30px; }
.tech-icon{ color:#fcba41; font-size: 7em; padding-top: 28px; }
/*.icon-box .tech-icon { -webkit-transition:all .2s linear; transition:all .2s linear; }
.icon-box:hover .tech-icon { color:#fff; background-color:#fcba41; }
.tech-icon { text-align:center; color:#fff; background-color:#fcba41; border:solid 1px #fcba41; border-radius:50%; transition:all .45s ease; }
.fa-4x .tech-icon { width:120px; height:120px; padding-top:28px; }*/
.flip-box { margin:0 auto 30px auto; height:250px; position:relative; -webkit-perspective:600px; -moz-perspective:600px; perspective:600px; }
.flip-box .front, .flip-box .back { text-align:center; display:block; width:100%; }
.flip-box .front { height:inherit; position:absolute; top:0; z-index:900; text-align:center; -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); transform:rotateY(0deg); -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
.flip-box .back { height:inherit; position:absolute; top:0; z-index:1000; -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
.flip-box.flip .front { z-index:900; -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); }
.flip-box.flip .back { z-index:1000; -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -ms-transform:rotateY(0deg); transform:rotateY(0deg); }
.pad { background-color:#fff; box-shadow:0 0 3px rgba(0, 0, 0, 0.1); width:100%; height:250px; margin:0 auto; padding:30px; }
.flip-box .front .pad { padding:30px 10px; }
.flip-box .btn { position:absolute; bottom:-18px; left:50%; margin-left:-38px; }
.flip-box .back h3 { margin-top:5px; margin-bottom:5px; }
@media screen and (max-width:480px) {
.flip-box { margin:0 auto 20px auto; }
.flip-box h3 { font-size:1.250em; }
}
@media screen and (max-width:480px) {
.flip-box { margin:0 auto 20px auto; }
.flip-box h3 { font-size:1.250em; }
}


/*End ------Technology section home page*/




/*====== TESTIMONIAL SECTION4 ======*/
/* Testimonial scroll
==================================================*/
#quote-carousel { padding:0 10px 30px 10px; margin-top:60px; text-align:left; }
#quote-carousel .carousel-control { background:none; color:#005289; text-shadow:none; padding-top:4%; width:5%; }
#quote-carousel .carousel-control.left { left:-12px; }
#quote-carousel .carousel-control.right { right:-12px !important; }
#quote-carousel .carousel-indicators { right:50%; top:auto; bottom:0px; margin-right:-19px; margin-bottom:0; }
#quote-carousel .carousel-indicators li { background:#c0c0c0; }
#quote-carousel .carousel-indicators .active { background:#005289; }
.item blockquote { border-left:none; margin:0; padding:0; font-size:1.3em; }
.item blockquote img { margin-bottom:10px; }
.item blockquote small { font-size:60%; color:#8b9b99; }
.item blockquote p:before { content:"\f408"; font-family:'icomoon'; float:left; margin-right:20px; font-size:2em; color:#ccc; }
@media (min-width:768px) {
#quote-carousel { margin-bottom:0; padding:0 40px 30px 40px; }
}
@media (max-width:768px) {
.item blockquote { text-align:center; }
.item blockquote p:before { float:none; margin-right:0; }
#quote-carousel .carousel-indicators { bottom:-20px !important; }
#quote-carousel .carousel-indicators li { display:inline-block; margin:0px 5px; width:15px; height:15px; }
#quote-carousel .carousel-indicators li.active { margin:0px 5px; width:20px; height:20px; }
}


.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner > .item>img, .carousel-inner > .item > a>img {
    margin-left: auto;
    margin-right: auto;
}

.item blockquote p:before {
    content: "\"";
    font-family: 'icomoon';
    float: left;
    margin-right: 20px;
    font-size: 2em;
    color: #ccc;
}

.carousel-inner .item blockquote{
  color:#234;
}
.bg-white #clients img{
  border:none;
}
/*====== END TESTIMONIAL SECTION4 ======*/




/*  ----------------------  SPACING  ----------------------  */
.margin-top-ten-px { margin-top: 10px; }
.margin-bottom-ten-px { margin-bottom: 10px; }
.full-width-button {
  width: 100%;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
 
/*  ----------------------  NAVBAR RENDERING  ---------------------- */
.login-dropdown {
    width: 220px; /*ADJUST IT AS NEEDED*/
    border-top: solid 5px #6cbc42;
    border-left: solid 1px #6cbc42;
    border-right: solid 1px #6cbc42;
    border-bottom: solid 2px #6cbc42;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
/*.two-column-navbar {
    width: 50em; height: auto; margin: 4px 8px; float: right;
    border-top: solid 44px #6cbc42;
    border-left: solid 1px #6cbc42;
    border-right: solid 1px #6cbc42;
    border-bottom: solid 2px #6cbc42;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}*/
.services-column-navbar {
    width: 41em; height: auto; margin: 4px 8px; float: right;
    border-top: solid 5px #fcba41;
    border-left: solid 1px #fcba41;
    border-right: solid 1px #fcba41;
    border-bottom: solid 2px #fcba41;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.products-column-navbar {
    width: 36em; height: auto; margin: 4px 8px; float: right;
    border-top: solid 5px #fcba41;
    border-left: solid 1px #fcba41;
    border-right: solid 1px #fcba41;
    border-bottom: solid 2px #fcba41;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    left:-20%;
}
    

.body-holder{
  backgound-color: whitesmoke;
  background:url("../img/bg3.jpg");
   
}

.content-holder{
  background-color: #fff;

}

.menu-separater{
  border-bottom: 2px solid #012d5a;
  margin-top:0px;
  margin-bottom:0px;
}

.bread-adjust{
  margin-bottom: 0px;
  background:url("../img/bg3.jpg");
}
.pag-title{

background-size: 100% auto !important;
    background-repeat: no-repeat !important;
  }



.left-content{
  box-shadow: 2px 1px 1px 0px #888888;
}






  .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #fff;
background-color: #005289;
}

.margintop20 {
    margin-top:20px;
}

.nav-pills>li>a {
border-radius: 0px;
}

a {
color: #1d1d1d;;
text-decoration: none;
font-family: 'Segoe UI Light_','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;
}

a:hover {
color: #000;
text-decoration: none;
}


.nav-stacked>li+li {
margin-top: 0px;
margin-left: 0;
border-bottom:1px solid #dadada;
/*border-left:1px solid #dadada;
border-right:1px solid #dadada;*/
}

.active2 {
    border-right:4px solid #428bca;
}



.headbar a{
  pointer-events: none;
  font-size: 22px;
}

.tab-content h3{
    font-ize: 17px;
    font-weight: 500;
    color: #005289;
}

.tab-heading{
  font-family: 'Segoe UI Light_','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;
    font-weight: 300;
    color: #525252;
    letter-spacing: .00em;
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: .01em;
    text-transform: none;
}

.module-list{
  border: 1px #eaeaea solid; 
}


.service-banner{
  width: 100%;
  position: relative;
}



.service-ad {
   background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
    color: #fff;
    width: 100%;
    height: 400px;
    padding-top: 10px;
    border-radius: 7px;
}

.product-ad {
   /* background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../img/banners/pro8.jpg");
   background: url("../img/banners/pro17.jpg");
   background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;*/
  background: linear-gradient(141deg, #66CCFF 0%, #0099CC 51%, #005b96 75%);
    color: #fff;
    width: 100%;
    height: 400px;
    padding-top: 10px;
    border-radius: 7px;
}
.about-ad {
  
   background: linear-gradient(141deg, #009fff 10%, #0078ff 51%, #63ace5 75%);
    color: #fff;
    width: 100%;
    height: 350px;
    padding-top: 10px;
    border-radius: 7px;
}

.product-ad .fa-shield{
    font-size: 80px; 
    /*color: #d43710;*/
    color: #d43710;
}

.service-ad .fa-shield{
    font-size: 80px; 
    color: #d43710;
}
#banner-heading{
 /* color: #d43710;*/
 color:#0f52ba;
}

#banner-subheading{
  color: #ffd700;
}


.banner-text{
  padding-right: 10px;
  padding-left: 10px;
  text-algn: left; 
}
.keyword-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: 30px;
}







/*==== Footer ====*/
footer {
  border-top: 1px solid #e5e5e5;
  background:#D8D8D8;
  margin-top: 40px;
    padding-top: 20px;
}
footer ul li {
  list-style: none;
}

.footer2 {
  background: #2d2c31;
  padding: 15px 0;
  color: #aaa;
  font-size: 12px;
  font-family: "Open Sans";
}
.footer2 a {
  color: #aaa;
}
.footer2 a:hover {
  color: #fff;
}
.footer2 p {
  margin: 0;
}

  .footer2 a {
  padding: 4px 8px;
}
.footer2 p {
  margin: 0;
  text-align: center;
}

.footer2 .row{
  margin-bottom: 0px;
}
.foo-panel {
  margin-bottom: 0px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-body {
  padding: 0px;
}

/*==========TECHNOLOGY PAGE STYLES============*/

.tech-panel .glyphicon { 
  margin-right:5px;
}
.tech-panel .section-box h2 {
 margin-top:0px;
}
.tech-panel .section-box h2 { 
  font-size:16px; 
  text-transform: none;
  color:#234;

}
.tech-panel .glyphicon-heart {
 color:#e74c3c;
}
.tech-panel .glyphicon-comment {
 color:#27ae60;
}
.tech-panel .separator {
 padding-right:5px;padding-left:5px;
  }
.tech-panel .section-box hr {
  margin-top: 0;margin-bottom: 5px;border: 0;border-top: 1px solid rgb(199, 199, 199);
}
.tech-panel .section-box p{
  color:#234;

}

.tech-panel .rating-desc{
  color:#234;
  font-weight: 700;
}
.tech-panel .row{
  margin-bottom: 0px;
}

.tech-panel .well{
  background:#dbe5ee;
}
/*
#tech-tablelist td{
  padding-left: 10px;
}*/


/*=====================CONTACT US PAGE STYLES ==================*/

/* === Contact Address ==*/
.contact-address h3{
 font-family: "Open Sans"; 
 color:#234;
}

.contact-address address{
 font-family: "Open Sans";
 
}
.contact-address table td{
  color:#234;
  font-size: 13px;
}
.contact-address table td .fa{
  padding: 10px;
  color:#005289;
}

#contact-banner{
   background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)), url("../img/banners/contact-us.jpg");
   background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 200px;
    width: 100%;
    padding-top: 30px;
}
#contact-banner h1{
  color:#fff;
  text-transform: none;
  font-weight: normal;
}
#contact-banner p{
  color:#fff;
  font-size: 1.125em;
  opacity: 0.82;
}
/* ==== Maps ===*/
.googlemap-wrapper {
  margin-bottom: 40px;
  border:8px solid #dbe5ee;
}
.map-canvas {
  height: 390px;
  border: 10px solid #efefef;
}


/* ====== Contact Form ====== */
#success_message{ display: none;}