@charset "utf-8"; 

/*

.primary{color:#ed1c24}

font-family: 'Montserrat', sans-serif;

font-family: 'Roboto', sans-serif;

*/

/* ==========================================================================

   Custom styles

   ========================================================================== */

html, body{height:100%; font-family: 'Open Sans', sans-serif;-webkit-font-smoothing:antialiased;line-height: 1.75; color:#333}





#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: -40px 0 0 -40px;

    border-radius: 50%;

  border:2px solid #bbb;

  border-radius: 50%;

  border-top:2px solid #D81159;

  width: 80px;

  height:80px;



    -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: #16181C;

        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";

}





#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:42em; 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:300px;}

.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 3px 0 rgba(0,0,0,0.24);}

#navWrapper .navbar-nav >li>a{text-transform:uppercase; 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; border-top:1px solid #dfdfdf}





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





.footerRow{padding:30px 0}

.copyright{text-align:left; color:#666; padding:10px 0;font-size: 0.9em;border-top: 1px solid #ddd;}

.copyright a{color:#666}

.copyright p{margin-bottom:5px}

.copyright a:hover{text-decoration:underline; color:#666}



.footerLinks a{ color:#666}

/*.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:first-child{margin-left: -13px;}

.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:1.5em; transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;color:#343945;}

.shareicons li a:hover{ text-decoration:none; color: #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:#333 url("../images/hero-img.jpg") 50% 0 no-repeat; background-size: cover

}

  .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 {

 

  width: 100%;



  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;

  border: 2px solid #fff;

  border-radius:50%;

}

.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: center;padding: 0 15px;}

  .bannerContent-inner .btn{ font-size:inherit}

.caption-title{ margin:0 0 0.5em 0;color:#FFF;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}



*/

.typed-cursor{

	opacity: 1;

	-webkit-animation: blink 0.7s infinite;

	-moz-animation: blink 0.7s infinite;

	animation: blink 0.7s infinite;

}

@keyframes blink{

	0% { opacity:1; }

	50% { opacity:0; }

	100% { opacity:1; }

}

@-webkit-keyframes blink{

	0% { opacity:1; }

	50% { opacity:0; }

	100% { opacity:1; }

}

@-moz-keyframes blink{

	0% { opacity:1; }

	50% { opacity:0; }

	100% { opacity:1; }

}

.typed-fade-out{

    opacity: 0;

    animation: 0;

    transition: opacity .25s;

}



.homepage .featurette{padding:100px 0; position: relative;overflow: hidden}

.featurette .featurette-heading{margin-top:0}

.featurette-content{font-size: 1.125em;}

.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{margin-top: 1.5em;}

.servicesList .serviceIcon img{width:120px;}

.servicesList .thumbnail{ border:none; padding:0} .servicesList .thumbnail .caption{padding: 0}

.servicesList .thumbnail .caption a{display: block; text-decoration: none; color: inherit; padding:30px; position: relative}

.servicesList .thumbnail .caption a b.bordered{    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    z-index: 4;}

    b.bordered:before,b.bordered:after{    content: "";

    position: absolute;

    z-index: 3;

    -webkit-transition: all .35s;

    transition: all .35s;

    -webkit-transition-delay: .1s;

    transition-delay: .1s;}

  .servicesList .thumbnail .caption a b.bordered:before  {    border-top: 2px solid #ffd630;

    border-bottom: 2px solid #ffd630;    width: 0;

    height: 100%;

    top: 0;

    left: 50%;}

      .servicesList .thumbnail .caption a b.bordered:after  {      border-left: 2px solid #ffd630;

    border-right:2px solid #ffd630;    width: 100%;

    height: 0;

    top: 50%;

    left: 0;}

    .servicesList .thumbnail .caption a:hover b.bordered:before  { width:100%; left:0}

    .servicesList .thumbnail .caption a:hover b.bordered:after  { height:100%; top:0}

.servicesList .thumbnail .title{margin-top: 0 }



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











.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:#111111}

.featurette-heading,.title{ font-weight:600;}

.thumbnail, .caption{line-height:inherit}



.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:120px 0; position:relative; border:none; background-size:cover!important; -ms-behavior:url(backgroundsize.min.htc); behavior:url(backgroundsize.min.htc);overflow: hidden;background:#333 url(../images/page-header.jpg) 50% 50% no-repeat;}







.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% 30% 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.cloud-header{background:#333  url(../images/cloud-header.jpg) 50% 50% no-repeat; }

.page-header.edi-header{background:#333  url(../images/edi-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; font-weight: bold}

.subtitle{margin:0.5em 0 0; text-align: center; color: #FFF; z-index: 2; position:relative; }



.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:#D81159}

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){

  

  

   .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:#111; position:relative;padding-top:30px; padding-bottom: 30px;}

#navWrapper .nav >li >a:hover, #navWrapper .nav >li >a:focus, #navWrapper .nav >li.active >a{color:#333; text-decoration:none; 

background:none}

#navWrapper.affix .nav >li >a:focus:hover, #navWrapper.affix .nav >li >a:hover{ color:#333}

#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:#333}

#navWrapper .navbar-nav >li.active>a:after{ width:100%;}

#navWrapper .navbar-nav >li>a:after{ content: '';

    display: block;

    width: 0;

    height:2px;

    background: #D81159;

    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:#D81159;  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:#A90D46}

.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){

    .homeBanner{background-position: 20% 0} .enqBlock{ background-position: 70% 30%}

     #navWrapper .navbar-nav >li >a{font-size:1em;}

.subtitle{font-size: 1em;}

    #loader { width:100px; height: 100px;  margin: -50px 0 0 -50px;}



.servicesList .thumbnail .caption a{padding:15px}

.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.25em;}

  .bannerContent-inner .caption-content{font-size:1em;}





}