body {overflow-x: hidden; font-family: MyriadPro-Regular, sans-serif;}

.text-muted {color: #777;}
.text-primary {color: #00a3e0;}

p {font-size: 14px; line-height: 1.75;}
p.large {font-size: 16px;}
a, a:hover, a:focus, a:active, a.active {outline: 0;}
a {color: #00a3e0;}
/*a:hover, a:focus, a:active, a.active {color: #fec503;}*/
h1, h2, h3, h4, h5, h6, b {font-family: MyriadPro-Bold, sans-serif;}
h1.r, h2.r, h3.r, h4.r, h5.r, h6.r { font-family: MyriadPro-Regular, sans-serif;}
p.r{font-family: MyriadPro-Regular, sans-serif; font-size:16px; }

.img-centered {margin: 0 auto;}
.bg-light-gray {background-color: #f7f7f7;}
.bg-darkest-gray {background-color: #222;}

.btn-primary {
    border-color: #00a3e0;
    text-transform: uppercase;
    font-family: MyriadPro-Regular, sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #00a3e0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {border-color: #f6bf01; color: #fff; background-color: #fec503;}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {background-image: none;}

.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: #00a3e0; background-color: #00a3e0;}

.btn-primary .badge {color: #00a3e0; background-color: #fff;}

.btn-xl {padding: 20px 40px; border-color: #00a3e0; border-radius: 3px;
    text-transform: uppercase; font-family: MyriadPro-Regular, sans-serif;
    font-size: 18px; color: #fff; background-color: #00a3e0;}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {border-color: #f6bf01; color: #fff; background-color: #fec503;}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {background-image: none;}

.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: #00a3e0; background-color: #00a3e0;}

.btn-xl .badge {color: #00a3e0; background-color: #fff;}



.white-l { margin:25px 0; padding:8px 40px 8px 15px; color:#0057b8; background:#fff url(../img/right-b.png) no-repeat right center; 
           border:solid 1px #0057b8; font-family: MyriadPro-Bold, sans-serif; font-size:17px; 
           -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;}
.white-l:hover { background: #0057b8 url(../img/right-w.png) no-repeat right center; color: #fff;}

.tra-l { padding:8px 15px 8px 55px; color:#fff; background:url(../img/down.png) no-repeat left center; 
         border:solid 1px #fff; font-family: MyriadPro-Bold, sans-serif; font-size:17px;
         -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;}
.tra-l:hover { color:#0057b8; background:#fff url(../img/down-b.png) no-repeat left center; }

.blue2-l { padding:8px 15px 8px 55px; color:#fff; background:#0057b8 url(../img/down.png) no-repeat left center; 
         border:solid 1px #0057b8; font-family: MyriadPro-Bold, sans-serif; font-size:17px;
         -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;}
.blue2-l:hover { color:#0057b8; background: url(../img/down-b.png) no-repeat left center; }

.blue-l { margin:25px 0; padding:8px 40px 8px 15px; color:#fff; background:#0057b8 url(../img/right-w.png) no-repeat right center; 
           border:solid 1px #0057b8; font-family: MyriadPro-Bold, sans-serif; font-size:17px; 
           -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;}
.blue-l:hover { background: transparent url(../img/right-b.png) no-repeat right center; color: #0057b8;}

.carousel-caption p{ margin-bottom:20%; color:#0057b8; text-shadow:0px 0px 2px #fff;}
.carousel-caption h1{ color:#0057b8; text-shadow:0px 0px 2px #fff;}
.carousel {background:url(../img/slide1.jpg) no-repeat center center; background-size:cover; }
@media (max-width:768px) {

    .carousel video { display:none; }
    .carousel-caption p{ color:#fff; text-shadow:none; }
    .carousel-caption h1{ color:#fff; text-shadow:none;}
}
.navbar-default {border-color: transparent; background-color: #fff;}

.navbar-default .navbar-brand {background:url(../img/logo.png) no-repeat center center; background-size:100% auto; display:block;}

@media (min-width:768px) 
{
    .navbar-default{padding: 25px 0 10px 0; border: 0; -moz-transition: padding .3s; transition: padding .3s;}

    .navbar-default .navbar-brand {font-size: 2em; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;
    display:block; width:240px; height:35px;}

    .navbar-default .navbar-nav>.active>a {border-radius: 3px;}
    .navbar-default.navbar-shrink {padding: 10px 0; background-color: #fff;}
    .navbar-default.navbar-shrink .navbar-brand {font-size: 1.5em;}
}

@media (min-width:990px) 
{ 
    .navbar-default .navbar-brand{width:380px; height:57px; display:block;}
}

@media (max-width:767px) 
{ 
    .navbar-default{ padding:10px 0 5px 0; }
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {color: #00a3e0;}

.navbar-default .navbar-collapse {border-color: rgba(255,255,255,.02);}

.navbar-default .navbar-toggle {border-color: #00a3e0; background-color: #00a3e0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #00a3e0;}

.navbar-default .nav li a {/*text-transform: uppercase;*/ letter-spacing: 1px; color: #0057b8; font-size:16px;
    font-family: MyriadPro-Bold, sans-serif;}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {outline: 0; color: #00a3e0;}
.navbar-default .navbar-nav>.active>a {border-radius: 0; color: #00a3e0;}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {color:#00a3e0;}

@media (min-width:768px) 
{ 
    .navbar-default .navbar-nav ul.submenu { position:absolute; display:none; list-style-type:none; width:124px;
                                             margin:0 0 0 14px; padding:0; background:#fff; padding:10px;}
    .navbar-default .navbar-nav li:hover ul.submenu {display:block; }
}


header {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
header .col-md-10 h4 {margin: 15px 0; text-transform: none;}


header#about { background-image:url(../img/about-b.jpg); color:#0057b8; padding-top:150px; padding-bottom:150px; min-height:100%; }
header#focus { background-image:url(../img/focus-b.jpg); color:#fff; padding-top:150px; padding-bottom:150px;  min-height:100%; }

header#careers { background-image:url(../img/careers.jpg); color:#fff; padding-top:150px; padding-bottom:150px; }

header#services { min-height:100%; padding:90px 0 40px 0; background:#e6e6e6;}
    #accordian h2{ color:#0057b8; margin-bottom:30px;}
    #accordian li.activeli h4 { background-color: #0057b8; background-image:url(../img/up.png); background-repeat: no-repeat; background-position: 23px center; }
    #accordian h4 {font-weight:normal; line-height: 68px; color:#fff; margin:0; padding: 0 10px 0 100px; cursor: pointer; 
                   background:#8a8d8f url(../img/down.png) no-repeat 23px center; border-bottom:1px solid #fff;
                   -webkit-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s;}
    #accordian h4:hover { background-color: #0057b8; background-image: url(../img/up.png);}
    #accordian ul.acc-ul {margin:0; padding:0;}
    #accordian ul.acc-ul li.acc-li {list-style-type: none; background:#fff; margin:0; padding:0;}
    #accordian ul.acc-ul div {display: none; padding:40px; color:#8a8d8f; float:none; margin:0 auto;}
    #accordian ul.acc-ul li.activeli div {display: block;}
    /*#accordian ul div p span { font-weight:bold; color:#0057b8; }*/

@media (max-width:540px) {
    #accordian h4 { line-height: 40px; padding: 0 10px 0 80px; background-position: 8px center; }
    #accordian li.activeli h4 { background-position: 8px center; }
}
@media (max-width:340px) {
    #accordian h4 { line-height: 30px; padding: 0 10px 0 55px; background-position: 0px center; }
    #accordian li.activeli h4 { background-position: 0px center; }
}

@media (min-width:767px) {

    #accordian ul div {padding:40px 100px;}
}

header#projects { padding:85px 0; background-image:url(../img/projects-b.jpg); color:#fff;}
header#projects h2{ margin-bottom:70px; font-family: MyriadPro-Regular, sans-serif; }
header#projects h2 b { font-family: MyriadPro-Bold, sans-serif;}


    /*****************************contact page*********************************/

header.map {padding:0; color:#fff; height:420px; position:relative; }
header.map iframe { margin:0; padding:0; height:100%; width:100%;}
    header.map .downbtn {position:absolute; display:block; width:100px; height:49px; background:url(../img/down_btn.png) no-repeat; left:50%; top:371px; }


header#visit {padding:100px 0; background-image:url(../img/visit-b.jpg); color:#fff; min-height:100%; position:relative; }
header#visit h3{ font-family: MyriadPro-Regular, sans-serif; }
header#visit h3 b { font-family: MyriadPro-Bold, sans-serif;}

header#visit .contact-txt{font-family: MyriadPro-Bold, sans-serif; padding:13px 20px; border:solid 1px #fff; color:#8a8d8f; margin:10px 2% 10px 0; background:rgba(255,255,255, .7);}
header#visit .contact-txt::-webkit-input-placeholder { color:#8a8d8f}
header#visit .contact-txt:-moz-placeholder { color:#8a8d8f }
header#visit .contact-txt:-ms-input-placeholder { color:#8a8d8f }

header#visit .fulltxt {width:98%; }
header#visit .halftxt {width:48%; float:left; }
header#visit .mlti { height:150px; }

header#visit .blue-l { margin:10px 0; text-align:left; background-image:none; }




header.social{padding:85px 0; background-image:url(../img/social-b.jpg); color:#fff; min-height:400px; }

header.social ul.social-buttons li { margin-left:10px; margin-right:10px; }
header.social ul.social-buttons li a { border:solid 1px #fff;
    width: 140px; height: 140px; border-radius: 7px; font-size: 80px; line-height: 140px;
    outline: 0; color: #005bb3; background-color: #fff; 
    -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;
}
header.social ul.social-buttons li a:hover,
header.social ul.social-buttons li a:focus,
header.social ul.social-buttons li a:active {background-color: transparent; color:#fff;}






/******************************login page****************************************/
header.login{height:100%; background-image:url(../img/login-b.jpg); color:#fff; padding-top:10%; padding-bottom:10%; }
header.login h3{ font-family: MyriadPro-Regular, sans-serif; }
header.login h3 b { font-family: MyriadPro-Bold, sans-serif;}


header.login .psw-txt{font-family: MyriadPro-Bold, sans-serif; padding:13px 20px; border:none; color:#0057b8 }

header.login .psw-txt::-webkit-input-placeholder { color:#0057b8}
header.login .psw-txt:-moz-placeholder { color:#0057b8 }
header.login .psw-txt:-ms-input-placeholder { color:#0057b8 }


    header.login .sbmt-btn {border:none; background:#0057b8; font-family: MyriadPro-Bold, sans-serif; padding:13px 20px;
                        -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
    header.login .sbmt-btn:hover {color:#0057b8; background:#fff;}



/***************************************login page****************************************/



/********************************projects page*****************************************/

header.projects-header { padding:185px 0 85px 0; background-image:url(../img/projects-b.jpg); color:#fff;}
header.projects-header h3{ font-family: MyriadPro-Regular, sans-serif; }
header.projects-header h3 b { font-family: MyriadPro-Bold, sans-serif;}

header.projects { padding:20px 0 200px 0; background-color:#ededed;}


/********************************projects page*****************************************/




/*******************************TEAM PAGE**********************************************/
header.team-header { padding:90px 0; background-image:url(../img/team-b.jpg); color:#fff;}
header.team-header h3{ font-family: MyriadPro-Regular, sans-serif; }
header.team-header h3 b { font-family: MyriadPro-Bold, sans-serif;}




        .person-wrapper { width:33.3%; height:auto; float:left; }

        .person {position:relative; overflow:hidden; display:block; }
            .person img { width:100%; height:auto;}
            .person:hover img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
                                -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
            .person:hover .person-name{ opacity:1; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;}

        .person-name { width:100%; height:100%;  background:rgba(0,0,0, .5); opacity:0; position:absolute; top:0; }
            .person-name span { color:#fff; display:block; text-align:center; }
            .person-name .ptitle { padding-top:37%; font-size:34px; font-family: MyriadPro-Bold, sans-serif;}
            .person-name .psubtitle { font-size:26px; }

        @media (max-width:767px) {
            .person-name .ptitle { font-size:28px;}
            .person-name .psubtitle { font-size:20px; }
        }

        .person-info { width:300%;  margin-top:-32px; padding:50px 200px 50px 0; position:relative; z-index:1000; }
            .person-wrapper:nth-child(4n-3) .person-info { margin-left:0; }
            .person-wrapper:nth-child(4n-2) .person-info { margin-left:-100%; }
            .person-wrapper:nth-child(4n-1) .person-info { margin-left:-200%; }

        .person-info .parrow {border-width:0 40px 32px 40px; border-style:solid; border-color:transparent transparent #e6e6e6 transparent; display:block; width:0; height:0; position:absolute; top:0;}
            .person-wrapper:nth-child(4n-3) .person-info .parrow { left:13%; }
            .person-wrapper:nth-child(4n-2) .person-info .parrow { left:46%; }
            .person-wrapper:nth-child(4n-1) .person-info .parrow { left:79%; }

        .person-info a.pclose { display:block; padding:5px 14px; color:#fff; border-radius:100%; background:#0057b8; cursor:pointer;
                                position:absolute; right:1%; top:50px; text-align:center; font-weight:bold; font-size:20px; }
            .person-info a.pclose:hover { background:#00a3e0; -webkit-transition: all .7s; -moz-transition: all .7s; transition: all .7s; }

        .person-info h2, .person-info h4 { margin-bottom:5px; margin-top:5px; }
        .person-info p { line-height:1.4;   }
        .person-info p.pcontact {font-size:18px; font-family:Candara; font-weight:600; margin-bottom:26px; margin-top:20px;}
        
        .person-info p a { margin-right:15px;  padding:12px 23px; border-radius:100%; background-color:#0057b8; 
                           background-size:40% auto; background-repeat:no-repeat; background-position:center center; }
        .person-info p a:hover { background-color:#00a3e0; -webkit-transition: all .7s; -moz-transition: all .7s; transition: all .7s; }
        .person-info p a.pmail { background-image:url(../img/i-mail.png); cursor:pointer; }
        .person-info p a.pphone {background-image:url(../img/i-phone.png); }
        .person-info p a.pmobile {background-image:url(../img/i-mobil.png); }
/*******************************TEAM PAGE**********************************************/




header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family: MyriadPro-SemiboldIt, sans-serif;
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: MyriadPro-Bold, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

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

    header .intro-text .intro-lead-in {
        margin-bottom: 25px;
        font-family: MyriadPro-SemiboldIt, sans-serif;
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
    }

    header .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        font-family: MyriadPro-Bold, sans-serif;
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
    }
}

section {
    padding: 100px 0;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: MyriadPro-SemiboldIt, sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

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

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(254,209,54,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    font-family: MyriadPro-SemiboldIt, sans-serif;
    font-size: 16px;
    font-style: italic;
}

#portfolio * {
    z-index: 2;
}

@media (min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.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-color: #00a3e0;
}

.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;
    color: inherit;
}

.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: 30px;
        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;
    }

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

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

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

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

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

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

section#contact {
    background-color: #222;
    background-image: url(../img/map-image.png);
    background-position: center;
    background-repeat: no-repeat;
}

section#contact .section-heading {
    color: #fff;
}

section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    height: 236px;
}

section#contact .form-control:focus {
    border-color: #00a3e0;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: MyriadPro-Bold, sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: MyriadPro-Bold, sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: MyriadPro-Bold, sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: MyriadPro-Bold, sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}

footer { height:120px; padding:25px 0; background:url(../img/footer-b.jpg) no-repeat center; background-size:100% 100%;}
footer a.f-logo { float:left; display:block;  width:69px; height:66px; background: url(../img/f-logo.png) no-repeat; }
footer span { color:#fff; float:left; margin:45px 0 0 10px; }



footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: MyriadPro-Bold, sans-serif;
    line-height: 40px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: MyriadPro-Bold, sans-serif;
    line-height: 40px;
}

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

ul.social-buttons li { float:right; }
ul.social-buttons li a { text-align:center; display: block;
    width: 40px; height: 40px;
    border-radius: 3px;
    font-size: 20px; line-height: 40px;
    outline: 0; color: #005bb3; background-color: #fff; 
    -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {background-color: #005bb3; color:#fff;}

@media (max-width:600px) {
    footer { height:160px; }
    footer a.f-logo { width:35px; height:33px; background-size:auto 100%; }
    footer span { display: block; width: 200px; margin: 0 0 0 20px; }

    ul.social-buttons { }
    ul.social-buttons li { float:none; }
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {outline: 0;}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: MyriadPro-SemiboldIt, sans-serif;
    font-size: 16px;
    font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {display: none; opacity: 0;}
::-moz-selection {text-shadow: none; background: #00a3e0;}
::selection {text-shadow: none; background: #00a3e0;}
img::selection {background: 0 0;}
img::-moz-selection {background: 0 0;}

body {webkit-tap-highlight-color: #00a3e0;}