/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);



::selection {background-color: #cfcbb1;}
::-moz-selection {background-color: #cfcbb1;}
::-webkit-selection {background-color: #cfcbb1;}


/* cyrillic */
@font-face {
  font-family: 'Philosopher';
  font-style: normal;
  font-weight: 400;
  src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLTUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Philosopher';
  font-style: normal;
  font-weight: 400;
  src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
 
body {
    width: 100%;
    height: 100%;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
}

html {
    width: 100%;
    height: 100%;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
}

@media(min-width:767px) {
    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding:0;
    }
    li ul {display: none;}
}


#slideshow > div { display:none;}

.small-logo{ height:50px;
             -webkit-transition: background .5s ease-in-out,height .5s ease-in-out;
             -moz-transition: background .5s ease-in-out,height .5s ease-in-out;
              transition: background .5s ease-in-out,height .5s ease-in-out;}
                 
.large-logo{ height:60px; margin-top:-5px;
             -webkit-transition: background .5s ease-in-out,height .5s ease-in-out;
             -moz-transition: background .5s ease-in-out,height .5s ease-in-out;
              transition: background .5s ease-in-out,height .5s ease-in-out;}

h1 {
	font-family:'Philosopher', Serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	color:#51ACFD;
	line-height: 26.3999996185303px;
}

h2 { color:#4FAEFB;	font-family:'Philosopher', Serif;}

h3 {
	font-family:'Philosopher', Serif;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.3999996185303px;
}

h4 { color:#86806B;	font-family:'Philosopher', Serif;}

p {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

blockquote {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}

pre {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5714282989502px;
}


::-webkit-scrollbar {
      width: 5px;
} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {
      background-color: #393939;
} /* the new scrollbar will have a flat appearance with the set background color */
 
 
::-webkit-scrollbar-thumb 
{
      background-color:#9d9d9d; 
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-thumb:hover {
 background-color:#309cfe; 
} 
 
::-webkit-scrollbar-button {
      background-color: #ff0000;
      display:none;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

.intro-section {
    height: 100%;
  padding-top: 10%;
    text-align: center;
    background: #0c8cb4;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 10s; /* Chrome, Safari, Opera */
    animation-name: example;
   animation-duration: 10s;
    animation-iteration-count: infinite;
        background-image:url('../img/header.png');  
        overflow:hidden;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color: #0c8cb4;}
    25%  {background-color: #09789d;}
    50%  {background-color: #666666;}
    100% {background-color: #0c8cb4;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color: #0c8cb4;}
    25%  {background-color: #09789d;}
    50%  {background-color: #666666;}
    100% {background-color: #0c8cb4;}
}

.bullet_list { list-style-image:url(../img/bullet.png);}

.about-section {
    height:auto;
    padding-top: 50px;
    text-align: center;
    background: #fff;
                background-image:url(../img/waves2.png);
        background-position:top center;
    background-repeat:no-repeat;

}


.industries-section
{
        height:auto;
    padding-top: 50px;
    text-align: center;

            background-image:url(../img/industries.jpg);
        background-position:top center;
    background-repeat:no-repeat;
      background-size:100% 100%;

    
    }
    
    
    
.background-pic {            background-image:url(../img/waves3.png);
        background-position:top left;
    background-repeat:no-repeat;
   

    
    }
    
    
    

.services-section {
    height: 100%;
    padding-top: 50px;
    text-align: center;
    background: #fff;
}

.client-section {
    height:auto;
    padding-top: 50px;
    text-align: center;
    background: #fff;

}

.careers-section {
    height: 90%;
    padding-top: 50px;
    text-align: center;
    background: #fafafa;
                    background-image:url(../img/Blur-Background.jpg);
                    background-attachment:fixed;
        background-position:top center;
    background-repeat:no-repeat;
  background-size:100% 100%;
}

.contact-section {
    height: 85%;
    padding-top: 50px;
    text-align: center;
    background: #fff;
                background-image:url(../img/waves.png);
        background-position:450px -90px;
    background-repeat:repeat-y;
}

.inner-section {
    height: auto;
    min-height:90%;
    padding-top: 100px;
    text-align: center;
    background: #fff;
}

a { text-decoration:none;}
a:hover { text-decoration:none;}
a:focus { text-decoration:none;}

.blog_active
{
    font-weight:600;
    
    }


.remove-left-padding
{
     padding-left:20px;
    }

.timeline{
  position: relative;
  padding: 0;
  list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
background: rgba(156,207,255,1);
background: -moz-linear-gradient(top, rgba(156,207,255,1) 0%, rgba(156,207,255,1) 35%, rgba(80,172,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,207,255,1)), color-stop(35%, rgba(156,207,255,1)), color-stop(100%, rgba(80,172,252,1)));
background: -webkit-linear-gradient(top, rgba(156,207,255,1) 0%, rgba(156,207,255,1) 35%, rgba(80,172,252,1) 100%);
background: -o-linear-gradient(top, rgba(156,207,255,1) 0%, rgba(156,207,255,1) 35%, rgba(80,172,252,1) 100%);
background: -ms-linear-gradient(top, rgba(156,207,255,1) 0%, rgba(156,207,255,1) 35%, rgba(80,172,252,1) 100%);
background: linear-gradient(to bottom, rgba(156,207,255,1) 0%, rgba(156,207,255,1) 35%, rgba(80,172,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ccfff', endColorstr='#50acfc', GradientType=0 );
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;

}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}

@media(min-width:768px) {
    .timeline:before {
        left: 50%;
    }

    .timeline>li {
        margin-bottom: 100px;
        min-height: 100px;
    }

    .timeline>li .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right;
    }

    .timeline>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left;
    }
}

@media(min-width:992px) {
    .timeline>li {
        min-height: 150px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px;
    }

    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 65px;
        font-size: 18px;
        line-height: 26px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px;
    }
}

@media(min-width:1200px) {
    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h4 {
      /*  margin-top: 40px*/
      color:#fff;

    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px;
    }
}


 .dropdown-menu {
	min-width: 200px;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 400;
	 color:#555;
}
.multi-column-dropdown {
	list-style: none;
	padding:0;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #555;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
	
	
	.industries-section, .client-section, .careers-section, .intro-section  { height:auto;}
	
	
	
	
	
	
}


.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #f1f1f1;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}

aside.clients img {
    margin: 20px auto;
}


.bg-gray
{
     background-color:#fafafa;
    
    }