@charset "utf-8"; 
/*
.primary{color:#ed1c24}
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
*/
/* ==========================================================================
   Custom styles
   ========================================================================== */
html, body{height:100%; font-family: 'Roboto', sans-serif;-webkit-font-smoothing:antialiased;color:#212121;font-size: 1em; line-height: 1.5;}


#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4445;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    border-radius: 50%;
  border:2px solid #bbb;
  border-radius: 50%;
  border-top:2px solid #3498db;
  width: 50px;
  height:50px;

    -webkit-animation: spin 2s linear infinite; 
    animation: spin 2s linear infinite; 
     z-index: 4446;
}


    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ecf0f1;
        z-index: 1000;
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }
    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded styles */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader {
        opacity: 0;

        -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
    
        -webkit-transition: all 0.3s 1s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s 1s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    
/*augFourth 16px+36px */
h1,.h1{font-size:2.25em}
h2,.h2{font-size:1.999em}
h3,.h3{font-size:1.591em}
h4,.h4{font-size:1.414em}
h5,.h5{font-size:1.125em}
h6,.h6{font-size:1em}
blockquote{font-size: 1.591em}
.lead{font-size: 1.414em;}

@media (min-width: 43.75em) {
/*perfectFifth 16px+50px */
h1,.h1{font-size: 3.125em}
h2,.h2{font-size: 2.25em}
h3,.h3{font-size: 2.083em}
h4,.h4{font-size: 1.5em}
h5,.h5{font-size: 1.389em}
h6,.h6{font-size: 1em}
blockquote{font-size: 1.5em}
.lead{ font-size: 1.389em;}
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?kct2yc');
  src:  url('../fonts/icomoon.eot?kct2yc#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?kct2yc') format('truetype'),
    url('../fonts/icomoon.woff?kct2yc') format('woff'),
    url('../fonts/icomoon.svg?kct2yc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-technical-support:before {
  content: "\e900";
}
.icon-datawarehouse:before {
  content: "\e901";
}
.icon-data-analysis:before {
  content: "\e902";
}
.icon-webapp:before {
  content: "\e903";
}

/*[class^="fa-"], [class*=" fa-"] {
    font-family: 'FontAwesome' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
*/

.fa-ul i .fa {
	
    font-family: 'FontAwesome' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
	
    line-height: 1.5;
	font-size: 1em;
	color:#212121;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
  }
  
p {margin-bottom: 1em;}
h1,.h1, h2,.h2,h3,.h3,h4,.h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}
h1,.h1 {margin-top: 0;}
#wrap{height:100%}
body{overflow-x:hidden}
.container{position:relative}
.browsehappy{margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0}
#wrap{height:auto !important; height:100%; margin:0 auto}
.lt-ie8 #wrap{display:table; height:100%}
.page{padding-bottom:40px}
.contentBlock{max-width:50em; margin:0 auto}
.thumbnail{position:relative}
.msgContainer{padding:80px 15px}
.msgContainer-inner{color:#333; border-radius:15px; padding:20px; max-width:500px; margin:0 auto; background:#efefef; text-align:center}
.msgContainer-inner h1{margin-top:0}

.fade-in{visibility:hidden; transform:translateY(50px); transition:all 0.5s ease-out; overflow: hidden;}

.list-services{text-align:center; margin-bottom:30px}
.list-services li{ margin:0 40px 30px; padding:0 10px; font-weight:bold}
.list-services .icon{font-size:100px; color:#3ecadd; margin-bottom:20px; display:block}




/* ==========================================================================
   header
   ========================================================================== */
.affix-top{position:static; top:-103px}
.affix{top:0; width:100%; transition:transform 0.2s ease}
#header{position:relative; z-index:996}
.headerTop{background:#3ecadd; width:100%}
.logo{display:block; float:left; padding:15px; width:380px;}
.mobileLogo{display:block; float:left; padding:8px; background:#222}

ul#topLinks{margin:8px 0; text-align:right}
ul#topLinks.list-inline li{position:relative; color:#FFF}
ul#topLinks.list-inline li a{color:#FFF}
ul#topLinks.list-inline li a:hover{color:#efefef; text-decoration:none}
ul#topLinks.list-inline li a.btn:hover{color:inherit}

#navWrapper{-webkit-transition:all 0.35s; -moz-transition:all 0.35s; transition:all 0.35s; margin:0; border:0; border-radius:0;  box-shadow:0 2px 5px 0 rgba(0,0,0,0.24);}
#navWrapper .navbar-nav >li>a{text-transform:uppercase; letter-spacing: 0.062em; font-family: 'Montserrat', sans-serif;font-weight:600; padding-left:10px;padding-right:10px}
.navbar-default .navbar-toggle{padding: 12px 15px;
    margin-top: 10px;
    margin-bottom: 10px;}
/*
.navbar-default .navbar-toggle .icon-bar{background-color:#ed1c24}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#efefef}*/
/* ==========================================================================
   footer
   ========================================================================== */
.mainfooter{float:left; width:100%; font-weight:normal; font-size:0.875em; background: #3D4351;color:#bbb}
.mainfooter .title{ color: #FFF}

.enqBlock{background:#191919 url(../images/contact-header.jpg) 50% 50% no-repeat; background-size:cover!important;  padding:80px 0; text-align:center; font-family:'Montserrat', sans-serif;color:#FFF;}


.footerRow{padding:30px 0}
.copyright{text-align:left; color:#bbb; padding:15px 0 10px 0;font-size: 0.9em;border-top: 1px solid #343945;}
.copyright a{color:#bbb}
.copyright p{margin-bottom:5px}
.copyright a:hover{text-decoration:underline; color:#FFF}

.footerLinks a{ color:#bbb}
.footerLinks a:hover{color: #FFF}



.socialBar{background:none; padding:0 0 20px}
.shareicons{text-align:left; margin:0}
.shareicons li{padding:0 2px}

.shareicons li a{display:block;  background:none; height:35px; width:35px; border-radius:50%; text-align:center; line-height:35px;text-decoration:none; font-size:18px; transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;color:#FFF;background: #343945}
.shareicons li a:hover{ text-decoration:none; color: #FFF; background: #333 }
.shareicons li a i{line-height:inherit}



/* ==========================================================================
   Custom Button Styles
   ========================================================================== */
.input-group-btn{font-size:inherit}

.btn{text-transform:uppercase; font-size:1em;border-radius: 0; font-family: 'Open Sans', sans-serif;}
.btn-rounded{border-radius:24px}


.btn-lg.btn-rounded{border-radius:22.5px}
.btn-rounded{border-radius:17px}
.btn-sm.btn-rounded{border-radius:15px}
.btn-xs.btn-rounded{border-radius:11px; padding-left:10px; padding-right:10px}

.btn-sm, .btn-xs{font-size:0.875em}
.btn-lg{font-size:1.125em; padding:12px 30px;}

.btn.outline {
	background: none;
  border-width: 2px;
}
.btn-primary.outline {
	color: #ed1c24;
}
.btn-primary.outline:hover{ border-color:#ff1720; color: #ff1720}
.btn-inverse{color:#fff; background-color:#414141; border-color:#333}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open .dropdown-toggle.btn-inverse{color:#fff; background-color:#2f2f2f; border-color:#333}
.btn-inverse:active, .btn-inverse.active, .open .dropdown-toggle.btn-inverse{background-image:none}
.btn-inverse.disabled, .btn-inverse[disabled], fieldset[disabled] .btn-inverse, .btn-inverse.disabled:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse:hover, .btn-inverse.disabled:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-inverse:focus, .btn-inverse.disabled:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-inverse:active, .btn-inverse.disabled.active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse.active{background-color:#414141; border-color:#333}
.btn-inverse .badge{color:#414141; background-color:#fff}
.btn-inverse.btn-outline{background-color:transparent; border-color:#FFF; color:#fff; border-width:2px}
.btn-inverse.btn-outline:hover, .btn-inverse.btn-outline:focus, .btn-inverse.btn-outline:active, .btn-inverse.btn-outline.active, .open >.dropdown-toggle.btn-primary{ color:#FFF;  border-color:#FFF}
.btn-inverse.btn-outline.outline:active, .btn-inverse.btn-outline.outline.active{ border-color:#d9d9d9;  color:#d9d9d9;  box-shadow:none}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

 
/* ==========================================================================
  homepage
   ========================================================================== */
.homepage .page,.aboutpage .page{padding-bottom:0}





/* ==========================================================================
   home page
   ========================================================================== */
.homeBanner {
    position: relative;
    overflow: hidden;
    width: 100%;
height: 100vh; background: #eff3f7;
}
  .canvas-wrapper{ position: absolute; width: 100%; height: 100%; }

#particles-js{
  width: 100%;
  height: 100%;
  background-color: #eff3f7;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}


.scrollDown {
  position: absolute;
  width: 100%;
  bottom:150px;
  text-align: center;
  z-index:101
}
.scrollDown .btn-scroll {
background: transparent;
  height:50px;
  width:50px;
  display:inline-block;
  text-align: center;
  line-height:50px;
  padding: 0;
  letter-spacing: normal;
  color:#FFF;
  font-weight: normal;
  font-size: 28px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.scrollDown .btn-scroll:hover {
  outline: none;
}



.bannerContent{ position: absolute; width: 100%; height: 100%; display: table;}
.bannerContent-inner{position: relative;
    display: table-cell;
    vertical-align: middle;text-align: left;padding: 0 15px;}
  .bannerContent-inner .btn{ font-size:inherit}
.caption-title{ margin:0 0 0.5em 0;font-family: "Montserrat",serif;line-height:1.3; font-weight: bold}
.caption-content{color:#FFF; text-shadow:0 1px 2px rgba(0,0,0,0.6); font-size:1em; margin:0 0 20px 0}

/*
.bannerContainer{position:relative; width:100%; float:left; margin:0; display:none; padding:0}
.innerSlides{margin:0; padding:0; list-style:none}
#bannerSlides{margin:0; padding:0; list-style:none}
.slide{position:relative; overflow:hidden;  z-index: 1}
.slide:before{position:absolute; content:""; background:rgba(0,0,0,0.4); width:100%; height:100%}
.slide img{width:100%}
.bnrCaption{position: absolute; width: 100%;height:100%; display: table;z-index: 101;top:0}
.bnrCaption-inner{position: relative;
    display: table-cell;
    vertical-align: middle;text-align: center;padding: 0 80px;-webkit-backface-visibility:hidden; z-index:99;filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur'); }
.bnrCaption-inner{opacity:0;  transition:opacity 1000ms}
.bnrCaption-inner.active-slide{opacity:1}
#bPrev a, #bNext a{outline:none; text-decoration:none; font-size:20px; color:#FFF; position:absolute; top:50%; transform:translateY(-50%); left:0; width:40px; height:40px; display:block; text-align:center;  opacity:0.9; line-height:40px; z-index:6;background:#ffca19}
#bPrev a .fa, #bNext a .fa{position:relative}
#bNext a{right:0; left:auto}
#bPrev a:hover, #bNext a:hover{opacity:1}

*/


.homepage .featurette{padding:80px 0; position: relative;overflow: hidden}
.featurette .featurette-heading{margin-top:0}

.homepage .btn-lg{ font-size: 1em;}
.featurette{padding:60px 0}
.feat-image{margin:0 0 20px 0; position:relative}
.feat-image img{box-shadow:0 0 20px #ccc; margin: 0 auto}
.projects-featurette{ border-top: 1px solid #dfdfdf}

.bottom-arrow {position: relative;overflow: hidden}
.bottom-arrow:before,.bottom-arrow:after {
    width: 52%;
    height: 90px;
    position: absolute;
    bottom: 0;
    content: '';
    background: #fff;
    padding:2px
   }

 .bg-white.bottom-arrow:before,.bg-white.bottom-arrow:after{ background:#f0eff3 }



#services{  position: relative; border-top:1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf }
.servicesList .serviceIcon{font-size:6em; margin:0.2em 0 0; line-height: 1;color:#ed1c24}
.servicesList .thumbnail{ border-width: 2px; border-color:#EFF3F7}
.servicesList .thumbnail .title{margin-top: 0 }

.servicesList .thumbnail .title{font-weight: 600}


.row-services{ margin-bottom: 100px;}
.services .row-services{margin-bottom: 30px;}
.sun{ position: absolute; width: 400px; height: 400px; background:url(../images/sun.png) 0 0 no-repeat; background-size: contain; left: -20%; }
.sun-circle{ position: absolute; width:180px; height:180px; border-radius: 50%; background: #FFF; opacity: 0.15; bottom: 20px; right: -5%; }
.serviceItem{height:100%; position: relative; padding:15px 10px; background: #ffca19;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); cursor: pointer }
.serviceItem p{ font-size: 1em!important;}
.serviceContent{ vertical-align: middle}
.serviceItem p{ margin-bottom: 15px;}
.serviceImg{ display: block}
.serviceImg img{ display: block; margin: 0 auto}
.hs-border{ border-right:2px solid #f0eff3;}

.sep-triangle svg {
    display: block;
    width: 100%;
    height: 100%;
}
.bg-grey{ background: #f4f4f4}
.bg-primary.bg-article{padding:30px; margin:20px 0}
.bg-primary.bg-article .title{margin:0}
.bg-primary.bg-article a, a.bg-primary.bg-article{text-decoration:none; color:#FFF}

.bg-accent.bg-article{background:#FFC107; padding:30px; margin-bottom:20px}
.bg-accent.bg-article .title{margin:0}
.bg-accent.bg-article a{text-decoration:none; color:#FFF}
.listIndustries .thumbnail{ height: 100%; text-align: center; width:100%; background: #FFF; border:5px solid #f0eff3;}
.listIndustries .thumbnail p{ margin: 0;}
.listIndustries .thumbnail .indIcon{ margin-bottom:5px; font-size:4.5em; color:#0a4a99;}
.indIcon [class^="icon-"], .indIcon [class*=" icon-"]{ line-height: inherit}
/*==========================star mark===============*/
/* ==========================================================================
   Page Headings
   ========================================================================== */
.title, .featurette-heading{position:relative; font-family: 'Montserrat', sans-serif;}
.text-inverse{ color:#1a1a1a}
.featurette-heading{ font-weight:600;}
p,ul, ol{margin-bottom:1.5em}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top:0.8em;
    margin-bottom: 0.5em;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

.featurette-heading.text-white{ color:#FFF; }
.page{min-height:500px}
.titleStyled{position:relative; padding-bottom:10px}
.titleStyled:after{ border:1.5px solid #fff;     bottom:0;     content:"";     display:block;     left:0;     margin:0 auto;     max-width:80px;     position:absolute;     right:0}

.text-grey{color:#FFF}
.title.bg-primary{padding:15px; margin:0 0 20px 0; color:#FFF}

.title.bg-inverse{background:#333; padding:15px; margin:0; color:#FFF}
.bar-full{width:100%; text-align:center; margin:20px 0}
.bar-full .title{margin:0}
.bar-full a.bg-primary{display:block; text-decoration:none; padding:25px 0; color:#FFF}
.bar-full a.bg-primary:hover{background:#0097A7}
#collapseGallery .thumbnails{margin-top:30px; margin-bottom:30px}
.bar-full-grey{background:#F2F2F2; margin-bottom:20px; padding:25px 0}
.bar-full-grey .title{margin:0}

.contactpage .bg-highlighted{margin:0}



.page-header{margin:0 0 2em 0;  padding:150px 0; position:relative; border:none; background:#333  url(../images/page-header.jpg) 50% 50% no-repeat; background-size:cover!important; -ms-behavior:url(backgroundsize.min.htc); behavior:url(backgroundsize.min.htc)}
.page-header.contact-header{background:#333 url(../images/contact-header.jpg) 50% 50% no-repeat; }
.page-header.it-header{background:#333  url(../images/it-header.jpg) 50% 50% no-repeat; }
.page-header.about-header{background:#333  url(../images/about-header.jpg) 50% 50% no-repeat; }
.page-header.data-header{background:#333  url(../images/data-header.jpg) 50% 50% no-repeat; }
.page-header.analysis-header{background:#333  url(../images/analysis-header.jpg) 50% 50% no-repeat; }
.page-header.web-header{background:#333  url(../images/web-header.jpg) 50% 50% no-repeat; }
.page-header.edi-header{background:#333  url(../images/edi-header.jpg) 50% 50% no-repeat; }
.page-header.cloud-header{background:#333  url(../images/cloud-header.jpg) 50% 50% no-repeat; }


.pageTitle{ position:relative; padding-bottom:0; color:#FFF; margin:0; text-align:center;font-family:'Montserrat', sans-serif; z-index: 2}
.subtitle{margin:0.5em 0 0; text-align: center; color: #FFF;}

.breadcrumb{margin:0; padding-left:0;  background:none;  border-radius:0; text-align:center; font-style:italic;z-index: 2;position:relative; display: none}
.breadcrumb a{color:#FFF}
.breadcrumb li.active, .breadcrumb li, .breadcrumb li.active a,.breadcrumb>li+li:before{color:#FFF}






.servicesTable img{width:110px}
.service-item{position:relative; display:block; width:100%; overflow:hidden; filter:none; margin-bottom:20px}
.service-item, .service-item:hover, .service-item:focus, .service-item:active{color:#FFF; text-decoration:none}
.service-thumb{height:0; padding-bottom:75%; display:block; width:100%; overflow:hidden; position:relative; background:#004ed6}
.service-thumb img{width:100%; position:absolute; margin:auto; left:0; top:0; right:0; bottom:0;  transition:transform 0.3s ease-out 0s}
.service-content{  box-sizing:border-box;  display:inline-block;  height:100%;  left:0;  position:absolute;  text-align:center;  top:0;  width:100%;  z-index:9}
.service-content:before{background-color:rgba(0,0,0,0.7); content:'';  height:100%;  left:0;  position:absolute;  text-align:center;  top:0;  transition:background 0.4s ease-out 0s,opacity 0.4s ease-out 0s;  width:100%;  opacity:1}
.service-content .inner{position:absolute; transform:translate(-50%,-50%); max-width:800px; width:80%; left:50%; top:50%; font-size:1.4em; margin:0}
.service-item:hover .service-content:before{ opacity:0.4}
.service-item:hover img{ transform:scale(1.05) translateZ(0px)}

.img-thumbnail{border:2px solid #ccc; padding:0}
.img-thumbnail:hover{border:2px solid #33A3DC; padding:0}

.well blockquote{margin:0}
.well .title{ margin-top: 0}
blockquote p{margin-bottom:0;  font-style:italic; color:#666}
blockquote .title{ margin-top: 0}

.featurette-divider{margin:40px 0}

/*----gallery----*/
.productListWrapper{display:none; position:relative}
.no-js .productListWrapper{display:block}
.productListWrapper .bx-wrapper{background:none}
#gallSlides{margin:0; padding:0; list-style:none; overflow:hidden}
#carNext a, #carPrev a{display:block; width:40px; height:40px; background:#ffca19; position:absolute;  text-align:center; line-height:40px; top:50%; margin-top:-35px; font-size:22px; color:#FFF}
#carPrev a{left:-10px}
#carNext a{right:-10px}
 .productListWrapper .bx-controls.bx-has-pager{ width:100%;  float:left;  min-height:40px}

.gallThumb{position:relative; display:block; border:4px solid #ffca19; padding:0; background:#fff; margin-bottom: 10px}
.gallImg{height:0; position:relative; display:block; padding-bottom:100%}
.gallImg img{bottom:0; left:0; margin:auto; max-height:100% !important; position:absolute; right:0; top:0}
.gallContent{min-height:40px; text-align:left;color:#2d3092; text-decoration:none;}

#gallList li, #gallList2 li{margin-bottom:0}
#gallList .thumbnail, #gallList2 .thumbnail{position:relative;  -webkit-transition:border 0.2s ease-in-out;  -o-transition:border 0.2s ease-in-out;  transition:border 0.2s ease-in-out}
#gallList .thumbnail:hover, #gallList2 .thumbnail:hover{border-color:#33a3dc}
#gallList .thumbnail a{height:0; position:relative; display:block; padding-bottom:75%}
#gallList .thumbnail a img{bottom:0; left:0; margin:auto; max-height:100% !important; position:absolute; right:0; top:0}
#gallList .thumbnail .caption{position:absolute; display:block; width:96%; top:2.5%; left:2%; padding:8px; color:#FFF; font-size:12px; z-index:101;  background:rgb(51,163,220);  background:transparent\9;  background:rgba(51,163,220,0.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc33a3dc,endColorstr=#cc33a3dc);  zoom:1}
#gallList .thumbnail .caption:nth-child(n){filter:none}

#gallList2 .thumbnail{padding:0; border:0; background:none}
#gallList2 .thumbnail a{display:block; overflow:hidden; position:relative}
#gallList2 .thumbnail .mt-overlay{ background-color:rgba(0,0,0,0.65);  box-sizing:border-box;  display:inline-block;  height:100%;  left:0;  opacity:1;  position:absolute;  top:0;  transition:background 0.4s ease-out 0s,opacity 0.4s ease-out 0s;  width:100%;  z-index:9; text-align:center}
#gallList2 .thumbnail .mt-overlay em{position:relative;  top:50%;  transform:translateY(-50%); display:block; font-style:normal; font-size:18px; color:#FFF}
#gallList2 .thumbnail img{ transition:transform 0.3s ease-out 0s}
#gallList2 .thumbnail:hover .mt-overlay{ background-color:transparent;  opacity:0}
#gallList2 .thumbnail:hover img{ transform:scale(1.05) translateZ(0px)}

.contactBlock{}
.contactBlock .title{}
.contactBlock a{ }


/* ==========================================================================
   Form styles
   ========================================================================== */
.placeholder{color:#444}
.submitBtn{ padding:10px 40px}
.form-control{ background: transparent; box-shadow: none; border-color:#ccc; border-width:2px; font-size: 0.8125em}
.form-control:focus{ box-shadow:none; border-color:#0a4a99}
textarea{resize:vertical}
::-webkit-input-placeholder{color:#444}
::-moz-placeholder{color:#444}
.captcha{list-style:none; margin:0; padding:0; display:block; float:left; width:100%}
.captcha li{float:left; margin:0 5px 0 0}
.captcha .input-group{width:130px}
.small-input{width:30px !important; padding:6px 0!important; text-align:center}
.sitePaging{float:right}
.sitePaging .input-group-addon, .sitePaging .input-group-btn{width:auto}
/*=========form errors========*/
.innerError{font-size:10px; color:#f00; background:#fbe3e4 url(../images/invalid.png) 0 50% no-repeat; padding:2px 2px 2px 20px; border:1px solid #fbc2c4; min-height:18px}
.innerHelp{font-size:11px; color:#5f8d00; color:#5f8d00; background:#e6efc2; padding:2px 2px 2px 20px; border:1px solid #390; min-height:18px;  background:#fbe3e4 url(../images/valid.png) 0 50% no-repeat}

/* ==========================================================================
   Accordoin
   ========================================================================== */
#accordion [data-toggle="collapse"]:before{ font-family: 'FontAwesome'; content:"\f0d7";  float:left; line-height:normal; font-size:15px; padding-right:5px; transition: all 0.3s ease; position: relative; width:20px;}
#accordion [data-toggle="collapse"].collapsed:before{ content:"\f0da"}

#accordion .panel-heading{ cursor:pointer}
#accordion .panel-title{font-weight:bold}
#accordion .panel-title a{color:inherit; display:block; text-decoration:none; outline:none; padding-top:8px; padding-bottom:8px}

.panel-default>.panel-heading{ background: transparent; border-radius:0;}
.panel-default>.panel-heading+.panel-collapse>.panel-body{}
.panel-group .panel{ border-radius:0;border-width:2px; }
/* ==========================================================================
   Helper classes
   ========================================================================== */
.mapWrapper{position:relative; padding-bottom:30%; height:0; overflow:hidden; margin-bottom:20px}
#map-canvas{position:absolute; top:0; left:0; width:100%; height:100%; color:#444}
#map-canvas strong{color:#000}

.text-highlighted{font-family:'Lora',serif; font-style:italic; font-size:1.2em}
a{-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;-webkit-backface-visibility: hidden;/*filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');*/}


.sharp, .no-radius{border-radius:0}

.thumbnails{padding-left:0;  list-style:none;  *zoom:1}
.thumbnails:before, 
.thumbnails:after{display:table;  content:"";  line-height:0}
.thumbnails:after{clear:both}
.thumbnails >li{margin-bottom:15px}

.alignleft{margin:0px 20px 20px 0; float:left}
.alignright{margin:0 0 20px 20px; float:right}

.fitImg{width:100%; height:100%; background-size:cover!important; -ms-behavior:url(backgroundsize.min.htc); behavior:url(backgroundsize.min.htc)}

.img-16by9{position:relative; height:0; overflow:hidden; display:block; padding-bottom:56.25%}
.img-16by9 img{position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%}



.show-grid{margin-bottom:10px; margin-top:10px}
 .no-gutter, .no-gutter >[class*='col-']{padding-right:0; padding-left:0}
.marginBtm{margin-bottom:20px}
.no-marginTop{margin-top:0}
.no-marginBtm{margin-bottom:0}
.w100{width:100%}
.paddingTopBottom{padding:30px 0}
.no-padding-rt{padding-right:0}
 
.ir{background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px}
.ir:before{content:""; display:block; width:0; height:150%}

.animScale{transform:translateZ(0px);  transition-duration:0.3s;  transition-property:transform}
.animScale:hover{transform:scale(1.1) rotate(-1.2deg)}
.grayscale {
       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
   filter: gray; filter: grayscale(100%);
   -ms-filter: grayscale(1);
    -webkit-filter:grayscale(1); 
-webkit-transition: all .5s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
-moz-filter: grayscale(100%);
-moz-transition: all .5s ease;
-moz-backface-visibility:hidden;
}

.highlighted{background:#f8f8f8; padding:30px; border-color:#33A3DC}
.highlighted .title{margin-top:0}
.highlighted p{font-style:normal; color:inherit; font-size:14px}
.table >thead >tr >th{vertical-align:top; padding:15px 10px}
.table >tbody >tr >td{padding:10px}
.col-xs-15, 
.col-sm-15, 
.col-md-15, 
.col-lg-15{ position:relative;  min-height:1px;  padding-right:10px;  padding-left:10px}
.col-xs-15{ width:20%;  float:left}

.col-top{ vertical-align:top}
.col-middle{ vertical-align:middle}
.col-bottom{ vertical-align:bottom}

/* columns of same height styles */
.row-full-height{ height:100%}
.col-full-height{ height:100%;  vertical-align:middle}
.row-same-height{ display:table;  width:100%; table-layout:fixed; height: 100%;}
.col-xs-height{ display:table-cell;  float:none !important}
/* ==========================================================================
   back-to-top
   ========================================================================== */
.toTop{visibility:hidden; text-decoration:none; position:fixed; z-index:997; bottom:20px; right:10px; overflow:hidden; width:50px; height:50px; border:none; text-indent:-9999px; background:url("../images/ui-totop.png") no-repeat left top}
.toTop:active, .toTop:focus{outline:none}
.toTop:hover{background:url("../images/ui-totop.png") no-repeat left -50px}
.show-16by9{display:none}
.show-4by3{display:none}
.scrollSection{ z-index: 2; position: relative}
.scrollSection:before { 
	display: block; 
 	content: ""; 
  	height: 100px;      /* Give height of your fixed element */
        margin-top: -100px; /* Give negative margin of your fixed element */  	
        visibility: hidden;
        z-index: 1;
        position: relative;
}

@media screen and (device-aspect-ratio:16/9){
  .show-16by9{display:block!important}
}

@media screen and (device-aspect-ratio:4/3){
  .show-4by3{display:block!important}
}

@media only screen and (min-width:768px){
  .featurette-heading{ font-size: 2.625em;}
  
   .bannerContent-inner{padding: 0 50px;  }
  .bannerContent-inner .caption-title{font-size:4.5em;}
  .bannerContent-inner .caption-content{font-size:1.75em;}


  
  .logo{margin-left:-15px}
.msgContainer{ position:absolute;  left:50%;  top:50%;  transform:translate(-50%,-50%); margin:inherit; width:100%}
.msgContainer-inner{padding:40px 20px}

#navWrapper{width:100%; background:#FFF;border-bottom: 1px solid #dfdfdf}
.navbar-right{margin-right:0}
#nav{float:right}

#navWrapper #nav{-webkit-transition:all 0.35s; -moz-transition:all 0.35s; transition:all 0.35s;}
#navWrapper .navbar-nav >li>a{color:#333; position:relative;padding-top:38px; padding-bottom: 38px;}
#navWrapper .nav >li >a:hover, #navWrapper .nav >li >a:focus, #navWrapper .nav >li.active >a{color:#ed1c24; text-decoration:none; 
background:none}
#navWrapper.affix .nav >li >a:focus:hover, #navWrapper.affix .nav >li >a:hover{ color:#ed1c24}
#navWrapper .navbar-nav >.open >a, #navWrapper .navbar-nav >.open >a:hover, #navWrapper .navbar-nav >.open >a:focus{background-color:#f0f0f0}
#navWrapper .navbar-nav >li.active>a{color:#ed1c24}
#navWrapper .navbar-nav >li.active>a:after{ width:100%;}
#navWrapper .navbar-nav >li>a:after{ content: '';
    display: block;
    width: 0;
    height:3px;
    background: #ed1c24;
    margin:0;
    transition: width .3s; }
#navWrapper .nav > li > a:hover::after {
    width: 100%;
}
#navWrapper.affix{background:rgba(255,255,255,0.95);border-bottom: 1px solid #dfdfdf}
.navbar-default .navbar-collapse{border-color:#dfdfdf}
#navWrapper .dropdown-menu{background:rgb(51,51,51);  margin-top:-1px; border:0; border-radius:0; left:0; min-width:220px; opacity:0; text-align:left;  transition:all 0.3s ease-in-out 0s; visibility:hidden; z-index:-1; display:block}
#navWrapper .dropdown:hover .dropdown-menu{opacity:1; visibility:visible; z-index:99}
#navWrapper .dropdown-menu:nth-child(n){filter:none}
#navWrapper .dropdown-menu>li>a{color:#FFF; padding:8px 10px}
#navWrapper .dropdown-menu>li>a:hover{color:#FFF; background:#222}
.col-sm-15{ width:20%;  float:left}
 .col-sm-height{ display:table-cell;  float:none !important}

 #listFeatures li{padding:0 80px; min-height:330px}
 .service-thumb{padding-bottom:75%}
 

}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px){


    .listIndustries{ margin-bottom: 30px;}
    .listIndustries .thumbnail{ margin-bottom: 0; }
    .listIndustries .thumbnail .indIcon{transition: all 0.3s ease-in-out}
    .listIndustries .thumbnail:hover .indIcon{transform:scale(1.2) }

.col-md-15{ width:20%;  float:left}
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
 .col-md-height{ display:table-cell;  float:none !important}
     .bottom-arrow:before,.bottom-arrow:after {
        height: 90px
    }

    .bottom-arrow:before {
        left: -63px;
        transform: skew(55deg)
    }

    .bottom-arrow:after {
        right: -63px;
        transform: skew(-55deg)
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width:1280px){
.bnrCaption-inner{padding:0 150px; font-size:1.5em;}
 #navWrapper .navbar-nav >li >a{padding-left:15px;padding-right:15px} 
     .bannerContent-inner{padding: 0 200px; }
ul#topLinks.navbar-nav >li>a{padding:18px 15px}
.col-lg-15{ width:20%;  float:left}
.col-lg-height{ display:table-cell;  float:none !important}
#carPrev a{left:40px}
#carNext a{right:40px}

}

@media only screen and (max-width:992px){
.copyright{text-align:center}
.serviceItem{margin-bottom: 30px;}
 #navWrapper .navbar-nav >li >a{font-size:14px;}
.row-services{ margin-bottom: 0}
.services .row-services{margin-bottom: 0;}
}



@media screen and (max-width: 992px) and (min-width: 767px) {
   
  .hs-border{ border: none}

    .bottom-arrow:before,.bottom-arrow:after {
        height: 60px
    }

    .bottom-arrow:before {
        left: -43px;
        transform: skew(55deg)
    }

    .bottom-arrow:after {
        right: -43px;
        transform: skew(-55deg)
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width:767px){
.subtitle{font-size: 1em;}
    #loader { width:100px; height: 100px;  margin: -50px 0 0 -50px;}


.logo{ padding:8px 15px;  width:245px}
.homepage .featurette,.featurette {padding:40px 0}
.services .featurette,#about{ padding-bottom:25px;}


.navbar-header{background:#FFF}
ul#topLinks.list-inline li a{padding:5px 8px; display:inline-block}
.bnrCaption .caption-title{font-size:1.5em;  line-height:1.13636}
.bnrCaption .btn-lg{font-size:0.8em; padding:8px 10px}
.bnrCaption p{margin:0}
#bPrev a, #bNext a{bottom:auto; position:relative; background:#ffca19;transform: none; left:auto; width:50%; float:left; border:0}
#bPrev a:hover, #bPrev a:active, #bPrev a:focus, #bNext a:hover, #bNext a:active, #bNext a:focus{background:#ffca19}
.page-header{padding:50px 0;}

#carNext a, #carPrev a{background:#ffca19; color:#FFF;font-size:1em}
#carPrev a{left:-10px}
#carNext a{right:-10px}
.feat-image{max-width:80%; margin:0 auto 20px}

.list-services li{display:block}
.profImage{text-align:center}
    .bottom-arrow:before,.bottom-arrow:after {
        height: 15px
    }
    .bottom-arrow:before {
        left: -18px;
        transform: skew(55deg)
    }

    .bottom-arrow:after {
        right: -18px;
        transform: skew(-55deg)
    }
   
    .sep-triangle{ margin-top: -20px;}
   
    .gallContent{ font-size: 80%}

        .bannerContent-inner{ padding:0 30px; }
      .bannerContent-inner .caption-title{font-size:2em;}
  .bannerContent-inner .caption-content{font-size:1em;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width:480px){
.bnrCaption .caption-title, .bnrCaption .caption-content{font-size:1em;margin-bottom:5px;line-height:1.13636}
 .bnrCaption-inner{ padding:0 30px; font-size: 1em; }
.scrollDown {bottom:80px}
  .bannerContent-inner{ padding:0 15px;}
     .bannerContent-inner .caption-title{font-size:1.5em;}
  .bannerContent-inner .caption-content{font-size:1em;}


}