/*!
 * Custom CSS
 */

body {
    -webkit-tap-highlight-color: #0074be;
}

.text-muted {
    color: #494949;
}

#contact .text-muted {
    color: #b6b6b6;
}

#contact a {
    border-bottom: 1px dotted;
    color: #fff;
    font-weight: bold;
}

#contact a:hover,
#contact a:active,
#contact a:focus {
    border-bottom: 1px solid;
    color: #fff;
    text-decoration: none;
}

.text-primary {
    color: #0074be;
}

a {
    color: #0074be;
}

a:focus,
a:hover {
    color: #23527c;
}

.btn-primary {
    border-color: #0074be;
    background-color: #0074be;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #0074be;
    background-color: #0074be;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #0074be;
    background-color: white;
}

.btn-primary .badge {
    color: #0074be;
}

.btn-xl {
    border-color: #0074be;
    background-color: #0074be;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #0a92d2;
    background-color: #0a92d2;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #0074be;
    background-color: #0074be;
}

.btn-xl .badge {
    color: #0074be;
}

.navbar-default .navbar-brand {
    color: #0074be;
}

.navbar-brand {
	padding: 0px 15px;
}

.navbar-brand img {
	width: 75px;
    height: auto;
	opacity: 0;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.navbar-shrink img {
	
	/* make things invisible upon start */
	-webkit-animation:fadeIn 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn 1;
	animation:fadeIn 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;

}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #0a92d2;
}

.navbar-default .navbar-toggle {
    border-color: #0074be;
    background-color: #0074be;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #0074be;
}

.navbar-default .nav li a {
	height: 100px;
	padding-top: 40px;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    color: #0a92d2;
}

.navbar-default .navbar-nav>.active>a {
    background-color: #0074be;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: #0a92d2;
}

.ocul img {
	width: 300px;
}

@media(min-width:768px) {
    .navbar-default .navbar-brand {
        padding-top: 10px;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 0px;
    }

    .navbar-default.navbar-shrink {
        padding: 0;
		height: 100px;
    }
}

/* Change breakpoint for navbar collapse */
@media(max-width:991px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,.navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in{
        display: block !important;
    }

    .navbar-default {
        border-color: transparent;
        background-color: #222;
        padding: 0;
        height: auto !important;
    }

    .navbar-collapse.in {
        overflow-y: auto !important;
        background-color: #222;
    }

    .navbar .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .navbar-default .navbar-brand {
        padding-top: 0px;
    }

    .navbar-brand img {
        width: 45px;
        margin: 0;
    }
}

@media(min-width:992px) {
    .navbar-brand>img {
        margin: -5px;
    }
}

header {
    text-align: left;
    background: #000 url(../img/header-bg.jpg);
}

header .intro-text .intro-lead-in {
    margin-top: 45px;
	margin-bottom: 25px;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 52px;
 	font-weight: 100;
    line-height: 50px;
    font-style: inherit;
}

header .intro-text .intro-heading {
    margin-bottom: 50px;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 75px;
    font-weight: 800;
    line-height: 75px;
}

@media (min-width: 768px) {
    header .intro-text {
        padding-top: 100px;
        padding-bottom: 50px;
    }
}

@media(max-width:768px) {
    section {
        padding: 150px 0;
    }

    header .intro-text .intro-lead-in { 
		font-size: 52px;
		line-height: 45px;
	}

	header .intro-text .intro-heading { 
		font-size: 55px;
		line-height: 50px;
	}

	.navbar-right {
	    float: left!important;
	}

	.ocul {
		margin-bottom: 25px;
	}

	.navbar-brand img {
	    width: 45px;
        margin: 0;
	}
}
@media(max-width:568px) {
    header .intro-text {
        padding-top: 50px;
        padding-bottom: 200px;
    }

    header .intro-text img {
       display: none;
    }

	.navbar-brand img {
	    width: 45px;
	    opacity: 1;
        margin-top: 0px;
	}

	.fade-in {
		opacity: 1;
	}

    section {
        padding: 150px 0;
    }

    header .intro-text .intro-lead-in { 
		font-size: 18px;
		line-height: 45px;
	}

	header .intro-text .intro-heading { 
		font-size: 25px;
		line-height: 22px;
	}

	.navbar-right {
	    float: left!important;
	}

	.ocul {
		margin-bottom:25px;
	}

	.navbar-shrink img {
		animation:none;
	}
}

.service-heading {
    font-size: 18px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background: rgba(0, 116, 190,.9);
}

.portfolio-modal .modal-content p:not(.item-intro) {
    text-align: left;
}

#portfolio .portfolio-item .portfolio-link img {
    height: 100%;
}

.portfolio-caption h3 {
    text-transform: none;
    font-size: 18px;
    margin: 0;
}

.timeline .timeline-heading h3.subheading {
    text-transform: none;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px;
}

.timeline>li .timeline-image {
    background-color: #fff;
}

.timeline>li .endpoint {
    background-color: #0074be;
}

.timeline>li .timeline-image a {
    color: #fff;
}

.team-member h4 {
    margin-top: 25px;
}

.subclients {
    padding-top: 20px;
}

th {
    font-size: 18px;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

td {
    font-size: 16px;
    font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.faq-question {
    font-size: 18px;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-bottom: 10px;
}

.faq-answer {
    font-size: 16px;
    padding-bottom: 15px;
}

.tab-indent {
    text-indent: 1.5em;
}

section p.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

section.clients img {
    margin: 50px auto;
}

section#contact {
    background-image: none;
}

section#contact .form-control:focus {
    border-color: #0074be;
}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    background-color: #5a5b5e;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #0074be;
}

::-moz-selection {
    background: lightgray;
}

::selection {
    background: lightgray;
}

.page-logo {
    height: auto;
    max-width: 10%;
}

.pagetext > h2 {
    padding-top: 20px;
}

.pagetext > p {
    font-size: 16px;
    text-align: left;
    padding: 10px 0px;
    line-height: 1.8;
}

.pagetext li {
    font-size: 16px;
    line-height: 1.8;
}