/* GLOBAL STYLES
-------------------------------------------------- */

/*--- Designed By Dream2Design---*/

 html {
 font-family: Arial, Helvetica, sans-serif;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%
}

body {
 /* padding-bottom: 40px;*/
   
}

@font-face {
    font-family: 'aller_lightregular';
    src: url('../fonts/aller_lt_2-webfont.woff2') format('woff2'),
         url('../fonts/aller_lt_2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
    
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/*   class   .container surrounding .navbar, */
.navbar-wrapper {
  /*position: absolute;z-index: 20
  top: 0;
  right: 0;
  left: 0;*/ margin-top:0 !important; z-index:1000;  
}
/*.navbar{ min-height:45px;}*/
.logo-wrapper{ width:100%; margin:0 auto; }
/*.separator{ background:#f2f2f2; overflow:hidden;}
.left-saparator{float:left; width:40%; background: url(../images/main-bg.jpg) left top repeat-x #7C2B6B;transform:skewX(-20deg); margin-left:-45px; overflow:hidden;}
.inside-left-saparator {width:100%; float:left;transform:skewX(20deg); }

.brand{ display:block; width:100%; padding:20px 0 15px 0;font-family:Arial, Helvetica, sans-serif; font-size:100%; text-align:center; font-size:20px; font-family: 'aller_lightregular', Arial, Helvetica, sans-serif; }
.brand img{ padding-bottom:5px;}
.brand h5{font-family:Arial, Helvetica, sans-serif; font-size:15px; }
.brand a{ font-size:0.8em;letter-spacing:1.5px; color:#0A2D4A; text-decoration:none; line-height:20px; display: inline-block; color:#fff;}
.brand a:hover{ text-decoration:none;}
.right-separator{ float:left; width:60%; }
ul.top-contact{ margin:0; padding:15px 0 0 30px;}
ul.top-contact li{ list-style:none; display:inline-block; margin-top:10px;  }
ul.top-contact li span{ padding:10px 0 0 0;}*/
/* Flip around the padding for proper display in narrow viewports */
.menu-back{ background:#00437b/*#30355D*/; text-align:left;}
a{transition:all 0.5s ease 0s;}
.top-fixed{/* position:fixed;*/ z-index:1000; width:100%; margin:0 auto; border-top: solid 5px #0DA9E4; padding-top:20px; padding-bottom:20px;}
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-header{ position:relative; z-index:1030;}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px; 
}
.navbar-wrapper .navbar .container { width: auto; margin-left:auto; margin-right: auto;}
.navbar-brand{ position: relative; left:0; top:0; z-index:1000;}
.logo{ margin:0 auto;}

.top-header{  padding:0 0 18px 0;}
.navBg{  border-radius:none; border: none;}
.navBg ul{ margin:/*10px */0 0 0; padding:0;  }

.navBg ul li{ list-style:none; }

.navbar-default .navbar-nav > li > a {font-size: 18px; color:#fff; }

.navBg ul li a{font-family: 'aller_lightregular', Arial, Helvetica, sans-serif;font-size: 18px!important; color:#fff; padding:20px 20px 20px 35px; text-align: center; vertical-align: middle; text-transform:uppercase; border-left: solid 1px #767CB8;}
.navBg ul li:last-child{border-right: solid 1px #767CB8;}    
 
.navBg ul li a:hover{font-family: 'aller_lightregular', Arial, Helvetica, sans-serif;  cursor: pointer;  font-size: 18px!important; padding:20px 20px 20px 35px;  text-align: center; vertical-align: middle;text-transform:uppercase; color:#A3DAF1!important;}
    
#home .activeHome, #about .activeAbout, #clients .activeClients, #product .activeProduct, #contact .activeContact{ 
font-family: 'aller_lightregular', Arial, Helvetica, sans-serif; cursor: pointer;  font-size: 18px;  padding:20px 20px 20px 35px;/* text-align: center;*/ vertical-align: middle;color:#A3DAF1!important; text-transform:uppercase;}
.navbar-collapse{ border: hidden;}    
/* .navBg ul li li a{ display:block; background:#fff!important; color:#000;text-shadow:none; border-radius:0px; } 
.navBg ul li li a:hover{ display:block; background: #F8A801!important; color:#666; text-shadow:none; border-radius:0; } 
*/ 
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
 /* min-/*height:470px;*/
 /* margin-bottom:40px;
  margin-top:25px;*/
}
/*  caption */
.carousel-caption {
  z-index: 10;
}
.carousel-indicators { bottom:0px;}
.carousel .item {
    }
.carousel-inner { height:350px /*320px; */;overflow:hidden; /*border: 1px solid #bbbbbb;*/}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width:100%;
/*  min-height:470px; border: solid 1px #CCCCCC;*/
}

.banner{ text-align:center; margin:/*183px auto*/ 0 auto; padding: auto; z-index:-1; }
 
/* Center align the text within the three columns below the carousel */
.carousel-control{ /*min-height:361px;*/ overflow:hidden;}
.home-bg{ background:#fff;}
.features-bg{ background: url(../images/prod-bg.jpg) center top; background:cover;padding:30px 20px 20px 20px;}
h3{font-family:'aller_lightregular', Arial, Helvetica, sans-serif;font-size:26px;  text-transform:uppercase; margin:25px 0 20px 0; color:#1082bb /*#0B4679*/; }
h5,h6{font-family: 'aller_lightregular';text-transform:uppercase; }
h4.prodTitle{ font-family: 'aller_lightregular';}
h4{ font-family: 'aller_lightregular';}
.products-data h4 { font-family: 'aller_lightregular';}
h3.white{color:#fff; margin-bottom:35px;font-family: 'aller_lightregular';}
h4.white{color:#fff; font-family: 'aller_lightregular'; text-transform: capitalize;}

ul.features-list{ margin:0; padding:0;}
ul.features-list li{ padding:0; list-style:none; text-align:left; display:block; margin:0 20px 35px 0;}
ul.features-list li a{font-family: 'aller_lightregular', Arial, Helvetica, sans-serif;font-size:20px; text-transform:uppercase; color:#fff;  }
ul.features-list li a:hover{ color:#FFCC00; text-decoration:none;}
ul.features-list li span{ margin-right:15px;}
/*.main-heading{ color:#E62528; text-shadow:1px 1px 2px #ffff00; font-size:2em; }
.main-heading img, .news-heading img { padding:0 13px 0 0;}
.date{ background: #272727; padding:3px 5px;color:#fff; letter-spacing:1px;}
.quick-links{ background:#008FDD;border: solid 1px #0060CA; border-radius:4px; }
ul.quick-links-group{ margin:0; padding:0; }
ul.quick-links-group li{  list-style:none;margin:5px 0 0 40px; line-height:25px; background:url(../images/quick.gif) left center no-repeat; padding:0 0 0 25px;}
ul.quick-links-group li:last-child{ margin-bottom:20px;}
ul.quick-links-group li a{font-family: Arial, Helvetica, sans-serif; color:#000; font-size:16px;}
ul.quick-links-group li a:hover{ color: #CCCCCC; font-size:16px; text-decoration:none;}*/
.welcome-img{ margin:20px 0 0 20px; border-radius:60px 0 60px 0; background:#fff; box-shadow:0 0 9px #707070; padding:6px;}
.gallery{ height:300px!important;}
.gallery img{min-width:100%; height:140px!important; border:none;}
ul.work-gallery{ margin:0; padding:0; width:100%; max-height:300px; height:auto; }
ul.work-gallery li{ margin:0 ; display:inline-block; list-style:none; float:left; padding:20px 0 0 6px; text-align:center; }
ul.work-gallery li:hover{ /*background: #adadad;transition: all 0.5s ease-out 0s;*/ opacity:0.85;transition: all 0.5s ease-out 0s;}
ul.work-gallery li a{ display:inline-block;}
ul.work-gallery li img{border-radius: 0  10px 0 10px; background:#e7e7e7; padding:6px; margin-bottom:15px;}
hr{ width:80px; text-align:center; border: solid 1px #FDE428; }

/*ul.work-gallery li:hover img{transform: scale(0.9); }
*/
ul.work-gallery h4{color:#fff; padding:7px; display:inline-block; font-size:16px; line-height:25px;}
ul.work-gallery h4:hover {color:#FFBC09;}

ul.client-gallery{ margin:0; padding:0; width:100%; max-height:300px; height:auto; }
ul.client-gallery li{ margin:0 ; display:inline-block; list-style:none; float:left; padding:20px 0 0 40px; text-align:center; }
ul.client-gallery li:hover{ /*background: #adadad;transition: all 0.5s ease-out 0s;*/ opacity:0.90;transition: all 0.5s ease-out 0s;}
ul.client-gallery li a{ display:inline-block;}
ul.client-gallery li img{ padding:10px; border:solid 1px #e7e7e7;}

#myCarouselNew {
!important;
  margin-bottom:30px;
 
}

#myCarouselNew .item {
   height:105px!important;
  background: none;
}
#myCarouselNew .item img{
 border:none;max-height:105px!important; height:auto
}
#myCarouselNew .carousel-inner{ max-height:105px;}
#myCarouselNew .carousel-inner  .item img{ padding:10px; border:solid 1px #e7e7e7;} 
.get-quote{ background:#F4F7F5;}
.some-text{ padding:20px 0; line-height:35px;}
.footerTop{ background:#2092CB;/*#0DA9E4;*/  color:#fff; padding:30px 0 20px 0; float:left; width:100%;font-size:14px; }
.footerTop a{ color:#fff; text-decoration:none;}
.footerTop a:hover{ text-decoration:none; color: #d9d9d9;}
ul.get-social{ margin:0; padding:0 0 0 0; color:#0A2D4A}
ul.get-social li { display: inline; float:left; margin:0 10px 0 0;}
.btn-social{border: 2px solid #fff; border-radius:20%; display:inline-block;font-size:23px; height:35px;line-height:35px; text-align: center; width:35px; color:#461A46;}
.btn-social:hover{background:#fff; color:#461A46;transition: all 0.5s ease-in-out 0s;border:2px solid #fff;}
ul.get-social li a { color:#fff; text-decoration:none; background:0DA9E4;}
ul.get-social li a:hover { text-decoration: none; color:#461A46;}
.clear{ clear: left;}
ul.footer-links{ margin:0; padding:0; }
 
ul.footer-links li{ margin:0; line-height:40px; list-style:none;}
.footerBottom{ background:#00619a/*#30355D*/; color:#DED3D4; padding:5px 10px 3px 10px; font-size:13px;}
.scroll{ background:#FFD351; color:#E62528;}
.scroll a{ font-weight:bold; color:#E62528; text-decoration:none;}
.sis-concern:hover{ background:#000;}
@media (min-width:768px) {
  /* Navbar positioning foo */
.navBg ul li{ /*margin-left:10px;*/}
.navbar-default .navbar-nav > li > a {color:#fff; }



  .navbar-wrapper {
 /* height:100px;*/
    margin-top: 20px; position:relative;
    
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
    border-radius: 0; margin:0;
  }

  /* Bump up size of carousel content */
.carousel-inner {  /*height:470px;*/}
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.4;
  }

 .carousel {  /*height:470px;*//*padding-top:/*75px;c20px;*/
}
/*  caption */
.carousel-caption {
  z-index: 10;
}

.carousel .item {
   /*/*height:470px;*/
    
 
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
/*  min-width:980px;
  /*height:470px;*/   
 
}
 .sis-concern{ background:none; position: absolute; top:0; right:0;}
 }


@media only screen and (min-width:220px) and (max-width:479px){
.welcome-img{ margin:20px 0 0 0;}
ul.top-contact{ margin:0; padding:10px 0 0 10px; text-align:right;}
.left-saparator{ float:left; width:100%; background:#7C2B6B;transform:none !important; margin-left:0px !important; overflow:hidden; }
.inside-left-saparator {float:left; width:100%; background:#7C2B6B;transform:none !important; margin-left:0px !important; overflow:hidden; }
.brand{ padding:20px;}

.navBg ul { margin:0; padding:0;}
.navbar-collapse{ margin-top:55px;}
.navBg ul li a{color:#fff !important;background:none !important; font-style:normal; text-align:left;display:block ;border-radius:0!important; text-shadow:none; border:none;  }
.navBg ul li a:hover{ color:#a3daf1 !important;background: #000 !important;font-style:normal;text-align:left;display:block; border-radius:0!important;   }

.navBg ul li:last-child{border: none;}  

.navbar-default{ border:none;} 
.carousel { height:auto*!important;/* margin-bottom:40px;  margin-top:60px;*/ max-ht}
/*  caption */
.carousel-caption {
  z-index: 10;
}

.carousel .item { height:200px; }
.carousel-inner {height:200px;}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width:100%;
  max-height:200px !important;   
  /*border: solid 1px #CCCCCC;*/
}
.navbar-brand img{ width:70%; height:auto;}


#home .activeHome, #about .activeAbout, #clients .activeClients, #product .activeService, #contact .activeContact{ font-family: 'aller_lightregular';
cursor: pointer;
    display:block;
    border-radius:0;
    cursor: pointer;     
    font-size: 20px;  
    text-align: left;
    vertical-align: middle;
  
    color: #a3daf1!important; text-align:left!important;      }
    
    ul.get-social{float:left;}
.navBg ul li:last-child{ border:none;}
.sis-concern{ background:none; position: absolute; bottom:0px; right:0px;}
 }
 
 
@media only screen and (min-width:480px) and (max-width:767px){
.welcome-img{ margin:20px 0 0 0;}
ul.top-contact{ margin:0; padding:10px 0 0 10px; text-align:right;}

.left-saparator{ float:left; width:100%; background:#7C2B6B;overflow:hidden;}
.inside-left-saparator {width:100%; float:left; }


.navBg ul { margin:0; padding:0; background:#003662; border-radius:5px;}
.navbar-collapse{ margin-top:25px;}
.navBg ul li a{color:#fff !important;background:none!important; font-style:normal; text-align:left;display:block ;border-radius:0!important; text-shadow:none; border:none; }
.navBg ul li a:hover{ color:#a3daf1 !important;background:#000 !important;font-style:normal;text-align:left;display:block; border-radius:0!important;   }
.navbar-default{ border:none;} 
.carousel { height:200px!important; /*margin-bottom:40px;  margin-top:60px;*/}
/*  caption */
.carousel-caption {
  z-index: 10;
}

.carousel .item {height:200px; }
.carousel-inner {height:200px;}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width:100%;
  max-height:200px !important;   
  /*border: solid 1px #CCCCCC;*/
}
 .navbar-brand img{ width:70%; height:auto;}



#home .activeHome, #about .activeAbout, #clients .activeClients, #product .activeService, #contact .activeContact{ font-family: 'aller_lightregular';
cursor: pointer;
    display:block;
    border-radius:0;
    cursor: pointer;     
    font-size: 20px;  
   
    text-align: left;
    vertical-align: middle;color:#a3daf1!important;       }
ul.get-social{float:left;}
.navBg ul li:last-child{ border:none;}
 }
 
@media only screen and (min-width:768px) and (max-width:992px){
ul.top-contact{ margin:0;   text-align:right;}
.carousel-inner { height:270px /*320px; */;overflow:hidden;}
.navbar-brand{ float:none;}
.navBg ul { margin:0; padding:0;}
.navBg ul li {/* margin:0; padding:0; float:left;*/}
.navBg ul a{ padding:8px !important; display:block;font-size: 18px;}
ul.get-social{float:left;}
.sis-concern{ background:none; position: absolute; top:-60px; right:0;}
 }



@media (min-width:992px) and (max-width:1199px) {

.navbar-brand > img{ width:90%; height:auto; }
.navBg ul { margin:0 0 0; padding:0;}
.sis-concern{ background:none; position: absolute; top:-50px; right:0;} 
}

/***********  Sub-page CSS ************/
.banner-inner{ background:  url(../images/inner-banner.jpg) center top no-repeat #002A52; max-height:200px;}
.banner-inner h3{ font-family: 'aller_lightregular', Arial, Helvetica, sans-serif;color:#fff; vertical-align:middle; text-transform:uppercase; text-align:center; padding:85px; margin:0; font-size:24px; font-weight:normal;}

.inner-pg{ margin:20px 0;} 
.inner-pg hr { float:left;}
.inner-pg a { text-decoration:none; color:#2092cb ;}
.inner-pg a:hover{ text-decoration:none; color:#0DA9E4 ;}

.inner-img{
    margin:15px 20px 30px 15px;
 }
.contact-form{ /*width:50%;*/}
ul.products-data { margin:30px 0 0 0; padding:0;}
ul.products-data li { background: #fff;font-family: "aller_lightregular"; font-size: 20px; list-style:none; padding: 0 20px 10px 30px; text-decoration: none; display:inline-block; text-align:center;}
ul.products-data li img{ border-radius:0 10px;/* box-shadow:0 0 2px #707070;*/ background:#fcfcfc; padding:8px; border: solid 1px #ddd;}
ul.products-data li img:hover{ box-shadow:0 0px 5px #cacaca;}
ul.products-data li h4{ /*background:#ccc; color:#111; margin:15px 0; padding:10px 0;*/background: #e4e4e4; color: #111;    margin: 10px 0; padding: 6px 3px; font-size:15px; min-height:45px;}
ul.products-data li a{ text-decoration:none;}
ul.products-data li a:hover{ text-decoration:none;  }
.modal-header{ background:/*#30355D*/#0DA9E4;}
.modal-title{ color:#fff;}
.close  { background:#fff; color:#fff!important; opacity:0.5;}
.close:hover{opacity:0.7;}
.close:focus{ opacity:0.8;}
.breadcrumb { background:#fafafa;}
a { text-decoration:none; outline:none; }
a:hover{ text-decoration:none; outline:none;}
h4.clientsGroup{ padding-left:30px; font-family: 'aller_lightregular'; text-transform:uppercase;}
h4.socialText{ padding-left:30px; font-family: 'aller_lightregular'; text-transform:uppercase;}

/*.ekko-lightbox-container .glyphicon { font-}
*/