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

body {
    overflow-x: hidden;
    font-family: 'Conv_Merriweather-Regular', 'Conv_TrajanPro-Regular', "Merriweather", serif;
}
.text-muted {
    color: #777;
}
.text-muted {
    text-align: justify;
    padding-left: 22px;
    width: 92%;
    color: #7c7c7c;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
.text-primary {
    color: #fed136;
}
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: #fed136;
}
a:hover,
a:focus,
a:active,
a.active {
    color: #fec503;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    /* text-transform: uppercase;*/
    font-family: "Merriweather", serif;
    font-size: 35px;
    font-weight: 700;
}
.img-centered {
    margin: 0 auto;
}
.bg-light-gray {
    background-color: #f7f7f7;
}
.bg-darkest-gray {
    background-color: #222;
}
.btn-primary {
    border-color: #fed136;
    text-transform: uppercase;
    font-family: "Merriweather", serif;
    font-weight: 700;
    color: #fff;
    background-color: #fed136;
}
.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: #fed136;
    background-color: #fed136;
}
.btn-primary .badge {
    color: #fed136;
    background-color: #fff;
}
.btn-xl {
    padding: 10px 10px;
    border-color: #000;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Montserrat, 'Helvetica Neue', serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    text-align: center;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #000;
    color: #000;
    background-color: #FFF;
}
.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: #fed136;
    background-color: #fed136;
}
.btn-xl .badge {
    color: #fed136;
    background-color: #fff;
}
.navbar-default {
    border-color: transparent;
    background-color: #222;
}
.navbar-default .navbar-brand {
    font-family: "Merriweather", serif;
    color: #fed136;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}
.navbar-default .navbar-collapse {
    border-color: rgba(255, 255, 255, .02);
}
.navbar-default .navbar-toggle {
    /* border-color: #fed136;
    background-color: #fed136;*/
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #41ca70;
}
.navbar-default .nav li a {
    /*text-transform: uppercase;*/
    font-family: "Merriweather", serif;
    /*font-weight: 400;*/
    font-size: 14px;
    letter-spacing: 1px;
    color: #000;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    /*color: #03c;*/
    text-decoration: none;
}

/*.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #000;
   background-color: none;
}*/

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #03c;
    background-color: none;
    border-bottom: 1px solid #03c;
    display: block;
    /*line-height: 30px;*/
    text-decoration: none;
    /*    width: 85px;*/
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #03c;
    /* background-color: #fec503;*/
}
@media(min-width:768px) {
    .navbar-default {
        padding: 25px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -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;
    }
    .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;
    }
}
header hr {
    width: 160px;
}
header {
    text-align: center;
    color: #fff;
    /*height:750px;*/
    height: 100%;
    /*background-attachment: scroll;*/
    background-image: url(../assets/header-bg.png);
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-top: -30px;
}
header .intro-text {
    padding-top: 232px;
    padding-bottom: 50px;
}
header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family: "Merriweather", serif;
    font-size: 33px;
    /*font-style: italic;*/
    line-height: 45px;
}
header .intro-text .intro-heading {
    margin-bottom: 25px;
    /*text-transform: uppercase;*/
    font-family: "Merriweather", serif;
    font-size: 18px;
    margin: 0 auto;
}
header .intro-text .intro-lead-in span {
    font-family: 'Conv_TrajanPro-Regular', Serif;
    font-size: 33px;
}
@media(min-width:768px) {
    header .intro-text {
        padding-top: 300px;
        padding-bottom: 200px;
    }
    header .intro-text .intro-lead-in {
        margin-bottom: 25px;
        font-family: "Merriweather", serif;
        font-size: 60px;
        /*font-style: italic;*/
        line-height: 60px;
    }
    header .intro-text .intro-lead-in h2 {
        font-family: 'Conv_TrajanPro-Regular', Serif;
        font-size: 60px;
        color: #fff;
        font-weight: normal;
        margin-top: 1%;
    }
    header .intro-text .intro-heading {
        margin-bottom: 50px;
        font-family: "Merriweather", serif;
        font-size: 18px;
        line-height: 25px;
        margin: 0 auto;
        width: 60%;
    }
}
section {
    padding: 100px 0;
}
section h2.section-heading {
    margin-top: 0;
    margin-bottom: 5%;
    font-size: 40px;
    color: #03c;
    width: 100%;
    float: left;
    font-weight: normal;
}
.text-center #hr-one hr {
    width: 99%;
    float: left;
    color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.text-center #hr-two hr {
    width: 99%;
    float: left;
    color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#head-text #hr-one {
    width: 20.333333%;
    margin-left: 15%;
    padding-top: 1.2%;
}
#head-text #hr-two {
    width: 20.333333%;
    padding-top: 1.2%;
}
#head-text .col-lg-4 {
    padding-right: 0px;
    padding-left: 0px;
}
#services #head-text #heading {
    width: 28.333333%;
}
#services #head-text #hr-one {
    width: 20.333333%;
    margin-left: 15%;
    padding-top: 1.2%;
}
#services #head-text #hr-two {
    width: 20.333333%;
    padding-top: 1.2%;
}
#competencies #head-text #heading {
    width: 16.333333%;
    float: left;
    color: #e5e5e5;
}
#competencies #head-text #hr-one {
    width: 24.333333%;
    float: left;
    color: #e5e5e5;
}
#competencies #head-text #hr-one hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#competencies #head-text #hr-two {
    width: 24.333333%;
    float: left;
    color: #e5e5e5;
}
#competencies #head-text #hr-two hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#partners #head-text #heading {
    width: 27.333333%;
}
#partners #head-text #hr-one {
    width: 20.333333%;
    margin-left: 15%;
    padding-top: 1.2%;
}
#partners #head-text #hr-one hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#partners #head-text #hr-two {
    width: 20.333333%;
    padding-top: 1.2%;
}
#partners #head-text #hr-two hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.bg-work #head-text #hr-one {
    width: 20.333333%;
    margin-left: 17%;
    padding-top: 2.6%;
}
.bg-work #head-text #hr-two {
    width: 20.333333%;
    padding-top: 2.6%;
}
.bg-work #head-text #heading {
    width: 24.333%;
}
.bg-work #hr-one hr {
    width: 99%;
    float: left;
    color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.bg-work #hr-two hr {
    width: 99%;
    float: left;
    color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.client-row #head-text #hr-one {
    width: 20.333333%;
    margin-left: 19%;
    padding-top: 2.6%;
}
.client-row #head-text #hr-two {
    width: 20.333333%;
    padding-top: 2.6%;
}
.client-row #head-text #heading {
    width: 20.333%;
}
.client-row #hr-one hr {
    width: 99%;
    float: left;
    color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.client-row #hr-two hr {
    width: 99%;
    float: left;
    color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
#team #head-text #hr-one {
    width: 20.333333%;
    margin-left: 19%;
    padding-top: 1.6%;
}
#team #head-text #hr-two {
    width: 20.333333%;
    padding-top: 1.6%;
}
#team #head-text #heading {
    width: 20.333%;
}
#team #hr-one hr {
    width: 99%;
    float: left;
    color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
#team #hr-two hr {
    width: 99%;
    float: left;
    color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.tsestimonial #head-text #heading {
    width: 25.333333%;
    margin-top: -5%
}
.tsestimonial #head-text #hr-one {
    width: 20.333333%;
    margin-left: 17%;
    padding-top: 3.8%;
}
.tsestimonial #head-text #hr-one hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.tsestimonial #head-text #hr-two {
    width: 20.333333%;
    padding-top: 3.8%;
}
.tsestimonial #head-text #hr-two hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#contact #head-text #heading {
    width: 23.333333%;
}
#contact #head-text #hr-one {
    width: 20.333333%;
    margin-left: 18%;
    padding-top: 2.2%;
}
#contact #head-text #hr-two {
    width: 20.333333%;
    padding-top: 2.2%;
}
section p.section-subheading {
    /*margin-bottom: 75px;*/
    text-transform: none;
    font-family: "Merriweather", serif;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    width: 72%;
    /*padding-left: 326px;*/
    color: #7c7c7c;
    margin: 0 auto;
    padding-left: 0px !important;
    padding-bottom: 5%;
    clear: both;
}
@media(min-width:768px) {
    section {
        padding: 150px 0;
    }
    section#competencies {
        padding: 260px 0 !important;
    }
}
.service-heading {
    margin: 15px 0;
    text-transform: none;
    text-align: left;
    padding-left: 22px;
    font-family: "Merriweather", serif;
    font-size: 18px;
}
#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: "Droid Serif", "Helvetica Neue", 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: #fed136;
}
.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(/web/20211220012402im_/http://bluoakcapital.com/img/map-image.png);
    background-position: center;
    background-repeat: no-repeat;*/
    margin-top: -80px;
}
section#contact .section-heading {
    color: #03c;
}
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;*/
    height: 108px;
}
section#contact .form-control:focus {
    border-color: #000;
    box-shadow: none;
}
section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: "Merriweather", serif;
    font-weight: 700;
    color: #bbb;
}
section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: "Merriweather", serif;
    font-weight: 700;
    color: #bbb;
}
section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: "Merriweather", serif;
    font-weight: 700;
    color: #bbb;
}
section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: "Merriweather", serif;
    font-weight: 700;
    color: #bbb;
}
section#contact .text-danger {
    color: #e74c3c;
}
footer {
    padding: 25px 0;
    text-align: center;
}
footer .col-md-12 {
    background-color: #333333;
    height: 45px;
}
footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    line-height: 40px;
    font-size: 14px;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: "Merriweather", serif;
    line-height: 40px;
}
ul.social-buttons {
    margin-bottom: 0;
}
ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -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: #fed136;
}
.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: 18px;
    padding-top: 0px;
    margin-bottom: 5px;
    /*margin-left: -72px;*/
    color: #000;
    text-align: left;
}
.portfolio-modal .modal-content span {
    font-family: "Merriweather", serif;
    font-size: 14px;
    /*margin-left:-188px;*/
    text-align: left
}
.portfolio-modal .col-lg-4 {
    width: 49.333333%;
    margin-bottom: 50px;
}
.portfolio-modal .col-lg-8 {
    background-color: #fff;
}
#portfolioModal8 p {
    margin-left: 10px;
    margin-top: 25px;
}
#portfolioModal8 hr {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal8 h4 {
    font-size: 18px;
    color: #337ab7;
    margin-left: 10px;
    width: 90%;
    margin-top: 30px;
    font-weight: normal;
}
#portfolioModal9 p {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal9 hr {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal9 h4 {
    font-size: 18px;
    color: #337ab7;
    margin-left: 10px;
    margin-top: 30px;
    font-weight: normal;
}
#portfolioModal10 p {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal10 hr {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal10 h4 {
    font-size: 18px;
    color: #337ab7;
    margin-left: 10px;
    margin-top: 30px;
    font-weight: normal;
}
#portfolioModal11 p {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal11 hr {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal11 h4 {
    font-size: 18px;
    color: #337ab7;
    margin-left: 10px;
    margin-top: 30px;
    font-weight: normal;
}
#portfolioModal12 p {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal12 hr {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal12 h4 {
    font-size: 18px;
    color: #337ab7;
    margin-left: 10px;
    margin-top: 30px;
    font-weight: normal;
}
#portfolioModal13 p {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal13 hr {
    margin-left: 10px;
    margin-top: 25px;
    width: 90%;
}
#portfolioModal13 h4 {
    font-size: 18px;
    color: #337ab7;
    margin-left: 10px;
    margin-top: 30px;
    font-weight: normal;
}
#portfolioModal1 h2 {
    margin-left: 9px;
}
#portfolioModal1 span {
    margin-left: -191px;
}
#portfolioModal2 h2 {
    margin-left: 9px;
}
#portfolioModal2 span {
    margin-left: -207px;
}
#portfolioModal3 h2 {
    margin-left: 8px;
}
#portfolioModal3 span {
    margin-left: -208px;
}
#portfolioModal4 h2 {
    margin-left: 7px;
}
#portfolioModal4 span {
    margin-left: -180px;
}
.portfolio-modal .col-lg-offset-2 {
    margin-left: 18.667%;
}
.portfolio-modal .modal-content p {
    margin-bottom: 30px;
    text-align: left;
    width: 100%;
    font-family: "Merriweather", serif;
    margin-top: 0px;
    /*margin-left: -65px;*/
}
#portfolioModal5 .modal-content p {
    margin-left: 0px;
}
#portfolioModal6 .modal-content p {
    margin-left: 0px;
}
#portfolioModal7 .modal-content p {
    margin-left: 0px;
}
#portfolioModal1 .fa-facebook {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    padding-top: 9px;
    margin-right: 20px;
    margin-top: 15px;
}
#portfolioModal1 .fa-linkedin {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    margin-top: 20px;
    padding-top: 9px;
    margin-right: 20px;
    margin-top: 15px;
}
#portfolioModal1 .fa-linkedin:hover {
    background-color: #ccc;
    color: #000;
}
#portfolioModal1 .fa-twitter {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    padding-top: 9px;
    margin-top: 15px;
}
#portfolioModal2 .fa-facebook {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    padding-top: 9px;
    margin-right: 20px;
    margin-top: 15px;
}
#portfolioModal2 .fa-linkedin {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    margin-top: 20px;
    padding-top: 9px;
    margin-right: 20px;
    margin-top: 15px;
}
#portfolioModal2 .fa-linkedin:hover {
    background-color: #ccc;
    color: #000;
}
#portfolioModal2 .fa-twitter {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    padding-top: 9px;
    margin-top: 15px;
}
#portfolioModal3 .fa-facebook {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    padding-top: 9px;
    margin-right: 20px;
    margin-top: 15px;
}
#portfolioModal3 .fa-linkedin {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    margin-top: 20px;
    padding-top: 9px;
    margin-right: 20px;
    margin-top: 15px;
}
#portfolioModal3 .fa-linkedin:hover {
    background-color: #ccc;
    color: #000;
}
#portfolioModal3 .fa-twitter {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    padding-top: 9px;
    margin-top: 15px;
}
#portfolioModal4 .fa-facebook {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    padding-top: 9px;
    margin-right: 20px;
    margin-top: 15px;
}
#portfolioModal4 .fa-linkedin {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    margin-top: 20px;
    padding-top: 9px;
    margin-right: 20px;
    margin-top: 15px;
}
#portfolioModal4 .fa-twitter {
    float: left;
    background-color: #4c4c4c;
    border-radius: 100%;
    width: 30px;
    color: #fff;
    height: 30px;
    padding-top: 9px;
    margin-top: 15px;
}
.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif", "Helvetica Neue", 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;
    /*float: left;*/
    margin-top: 40px;
    margin-left: 0px;
}
.portfolio-modal .close-modal {
    position: absolute;
    top: 57px;
    right: 162px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
    z-index: 1;
}
.portfolio-modal .close-modal:hover {
    opacity: .3;
}
.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 45px;
    margin-left: 35px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 45px;
    background-color: #fff;
    -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: #9fc4f0;
}
::selection {
    text-shadow: none;
    background: rgba(28, 128, 245, 0.28);
}
img::selection {
    background: 0 0;
}
img::-moz-selection {
    background: 0 0;
}
body {
    webkit-tap-highlight-color: #fed136;
}

/*css*/

.bg-why-us {
    background: url(../assets/bgwhyus.jpg) no-repeat;
    height: 819px;
    background-size: 100% 100%;
}
.bg-partners {
    background: url(../assets/partner.jpg) no-repeat;
    height: 800px;
    background-size: 100% 100%;
}

/*work start*/

.case-study {
    margin: 1%;
    0 5%;
}
.case-study1 {
    margin: 2.5%;
    0 5%;
}
.case-study h1 {
    text-align: center;
    color: #03c;
    text-transform: none;
}
.case-study p {
    text-align: center;
    width: 48%;
    margin: 0 auto;
    padding: 2% 0 5%;
    font-family: "Merriweather", serif;
    font-size: 16px;
    color: #7c7c7c;
}
.case-study1 h1 {
    text-align: center;
    color: #03c;
    text-transform: none;
}
.case-study1 p {
    text-align: center;
    width: 48%;
    margin: 0 auto;
    /*padding:8% 0 5%;*/
    padding: 1% 0 1%;
    font-family: "Merriweather", serif;
    font-size: 16px;
    color: #7c7c7c;
    clear: both;
}
.bg-work .box1 {
    width: 23%;
    float: left;
    margin-left: 18px;
    margin-right: 30px;
    border: 2px solid #e5e5e5;
    padding: 20px;
    height: 200px;
}
.bg-work .box1 h5 {
    text-align: left;
    color: #03c;
    text-transform: none;
    font-family: "Merriweather", serif;
    font-size: 18px;
}
.bg-work .box1 p {
    text-align: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
.bg-work .box2 {
    width: 23%;
    float: left;
    margin-right: 30px;
    border: 2px solid #e5e5e5;
    padding: 20px;
    height: 200px;
}
.bg-work .box2 h5 {
    text-align: left;
    color: #03c;
    line-height: 20px;
    font-family: "Merriweather", serif;
    font-size: 18px;
}
.bg-work .box2 p {
    text-align: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
.bg-work .box3 {
    width: 23%;
    float: left;
    border: 2px solid #e5e5e5;
    padding: 20px;
    height: 200px;
}
.bg-work .box3 h5 {
    text-align: left;
    color: #03c;
    line-height: 20px;
    font-family: "Merriweather", serif;
    font-size: 18px;
}
.bg-work .box3 p {
    text-align: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
.bg-work .box4 {
    width: 23%;
    float: left;
    border: 2px solid #e5e5e5;
    padding: 20px;
    height: 200px;
}
.bg-work .box4 h5 {
    text-align: left;
    color: #03c;
    line-height: 20px;
    font-family: "Merriweather", serif;
    font-size: 18px;
}
.bg-work .box4 p {
    text-align: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
#box {
    height: 200px;
    margin-left: 25px;
    margin-bottom: 30px;
}
.bg-work .box1:hover {
    border: 2px solid #03c;
    background: #f3f7fa;
}
.bg-work .box2:hover {
    border: 2px solid #03c;
    background: #f3f7fa;
}
.bg-work .box3:hover {
    border: 2px solid #03c;
    background: #f3f7fa;
}
.bg-work .box4:hover {
    border: 2px solid #03c;
    background: #f3f7fa;
}
#box-2 {
    margin-top: 25px;
    margin-left: 25px;
}
.download-case {
    margin-top: 300px;
    text-align: center;
    margin-left: 24px;
}

/*work end*/

.fa-circle {
    background: url(../assets/img1.png) no-repeat;
    width: 336px;
    height: 106px;
    display: block;
}
.fa-circle1 {
    background: url(../assets/img2.png) no-repeat;
    width: 336px;
    height: 106px;
    display: block;
}
.fa-circle2 {
    background: url(../assets/img3.png) no-repeat;
    width: 336px;
    height: 106px;
    display: block;
}
.what-we-offer {
    width: 348px;
    margin: 0px;
    padding-left: 8px;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
.what-we-offer li {
    text-align: left;
    /*list-style:url(/web/20211220012402im_/http://bluoakcapital.com/img/list-style.jpg); */
    list-style: none;
    color: #7c7c7c;
}
.what-we-offer hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.what-we-offer1 {
    width: 348px;
    margin: 0px;
    padding-left: 17px;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
.what-we-offer1 li {
    text-align: left;
    /*list-style:url(/web/20211220012402im_/http://bluoakcapital.com/img/list-style.jpg); */
    list-style: none;
    color: #7c7c7c;
}
.what-we-offer1 hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.what-we-offer2 {
    width: 348px;
    margin: 0px;
    padding-left: 27px;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
.what-we-offer2 li {
    text-align: left;
    /*list-style:url(/web/20211220012402im_/http://bluoakcapital.com/img/list-style.jpg);*/
    list-style: none;
    color: #7c7c7c;
}
.what-we-offer2 hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* WHY US START*/

.why-us {
    margin-bottom: 50px;
    margin-top: -112px;
}
.why-us h2 {
    font-size: 40px;
    color: #03c;
    text-align: center;
}
.why-us p {
    /* padding-left: 294px;*/
    text-align: center;
    width: 48%;
    font-family: "Merriweather", serif;
    font-size: 16px;
    margin: 0 auto;
    color: #7c7c7c;
}
.why-us-bg {
    background-color: #FFFFFF;
    width: 363px;
    height: 460px;
    float: left;
    margin-right: 20px;
}
.why-us-bg img {
    margin-left: 11px;
    margin-top: 50px;
}
.why-us-bg h1 {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}
.why-us-bg p {
    font-family: "Merriweather", serif;
    font-size: 14px;
    color: #7c7c7c;
    line-height: 25px;
    width: 86%;
    padding-left: 53px;
    text-align: center;
}
.why-us-bg1 {
    background-color: #FFFFFF;
    width: 363px;
    height: 460px;
    float: left;
    margin-right: 20px;
}
.why-us-bg1 img {
    margin-left: 11px;
    margin-top: 50px;
}
.why-us-bg1 h1 {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}
.why-us-bg1 p {
    font-family: "Merriweather", serif;
    font-size: 14px;
    color: #7c7c7c;
    line-height: 25px;
    width: 86%;
    padding-left: 53px;
    text-align: center;
}
.why-us-bg2 {
    background-color: #FFFFFF;
    width: 363px;
    height: 460px;
    float: left;
}
.why-us-bg2 img {
    margin-left: 11px;
    margin-top: 50px;
}
.why-us-bg2 h1 {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}
.why-us-bg2 p {
    font-family: "Merriweather", serif;
    font-size: 14px;
    color: #7c7c7c;
    line-height: 25px;
    width: 86%;
    padding-left: 53px;
    text-align: center;
}

/* WHY US END*/


/*TEAM START*/

.section-teme-p {
    text-align: center;
    font-size: 15px;
    color: #999999;
    /*padding-left: 294px;*/
    width: 54%;
    font-family: "Merriweather", serif;
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 5%;
}

/*.team-member1 a{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/team1-hover.jpg) no-repeat; width:261px; height:260px; display:block;}	
.team-member2 a{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/team2-hover.jpg) no-repeat; width:261px; height:260px; display:block;}
.team-member3 a{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/team3-hover.jpg) no-repeat; width:261px; height:260px; display:block;}
.team-member4 a{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/team4-hover.jpg) no-repeat; width:261px; height:260px; display:block;}	


/*.team-member1 a:hover{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/team1.jpg) no-repeat; width:261px; height:260px;}
.team-member2 a:hover{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/team2.jpg) no-repeat; width:261px; height:260px;}
.team-member3 a:hover{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/team3.jpg) no-repeat; width:261px; height:260px;}
.team-member4 a:hover{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/team4.jpg) no-repeat; width:261px; height:260px;}*/


/*TEAM END*/


/*PARTNERS START*/

.section-partners h2 {
    font-size: 40px;
    color: #03c;
    text-align: center;
    margin-bottom: 8%;
}
.section-partners p {
    /*padding-left: 220px;*/
    text-align: center;
    width: 45%;
    font-size: 16px;
    color: #999999;
    font-family: "Merriweather", serif;
    margin: 0 auto 5%;
    clear: both;
}
.partners1 {
    /*background:url(/web/20211220012402im_/http://bluoakcapital.com/img/partner1.jpg) no-repeat;  width:362px; height:230px;*/
    float: right;
    margin-right: 30px;
    margin-left: 10px;
}
.partners2 {
    /*background:url(/web/20211220012402im_/http://bluoakcapital.com/img/partner1.jpg) no-repeat; width:362px; height:230px;*/
    float: left;
    margin-right: 30px;
}
.partners3 {
    /*background:url(/web/20211220012402im_/http://bluoakcapital.com/img/partner1.jpg) no-repeat; width:362px; height:230px; */
    float: left;
}

/*PARTNERS END*/


/*CONTACT START*/

.contact-p {
    text-align: center;
    font-size: 14px;
    color: #999999;
    /*padding-left: 220px;*/
    width: 50%;
    font-family: "Merriweather", serif;
    clear: both;
    margin: 0 auto;
    padding: 2% 0 4%;
}
#contact-us-col {
    width: 50%;
    margin: 0 auto;
}
.email-p {
    text-align: center;
    font-size: 14px;
    color: #999999;
    font-family: "Merriweather", serif;
}
.email-p a:hover {
    color: #000;
}
.email-p a {
    color: #999999;
}
.phone-p {
    text-align: center;
    font-size: 14px;
    color: #999999;
    font-family: "Merriweather", serif;
}
#contact {
    padding-bottom: 0px !important;
}
.copyright {
    color: #fff;
    padding-top: 10px;
    font-size: 14px;
    font-family: "Merriweather", serif;
}
#contact h2 {
    padding-top: 10px;
}
.contact-img {
    margin-bottom: 30px;
}

/*CONTACT END*/


/*Client*/

.bg-client {
    background: url(../assets/client.jpg) no-repeat;
    height: 1350px;
}
#client-1 {
    height: 204px;
    margin-left: 0px;
}
#client-1 h6 {
    text-align: center;
    padding-top: 85px;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
#client-1 .logo1 {
    /* background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client-logo1.jpg) no-repeat; width:204px; height:204px;*/
    float: left;
    border: 1px solid #e5e5e5;
}
#client-1 .logo2 {
    /*background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client-logo2.jpg) no-repeat;width:204px; height:204px;*/
    float: left;
    border-right: 1px solid #e5e5e5;
}
#client-1 .logo3 {
    /*background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client-logo3.jpg) no-repeat;width:204px; height:204px; */
    float: left;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#client-1 .logo4 {
    /* background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client-logo4.jpg) no-repeat; width:204px; height:204px;*/
    float: left;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#client-1 .logo5 {
    /* background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client-logo5.jpg) no-repeat; width:204px; height:204px;*/
    float: left;
    border-right: 1px solid #e5e5e5;
}
#client-2 {
    height: 250px;
}
#client-2 h6 {
    text-align: center;
    padding-top: 85px;
    font-family: "Merriweather", serif;
    font-size: 14px;
}
#client-2 .logo6 {
    /*background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client-logo6.jpg) no-repeat; width:204px; height:204px;*/
    float: left;
    border: 1px solid #e5e5e5;
}
#client-2 .logo7 {
    /* background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client-logo7.jpg) no-repeat;  width:204px; height:204px;*/
    float: left;
    border-right: 1px solid #e5e5e5;
}
#client-2 .logo8 {
    /* background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client-logo8.jpg) no-repeat;  width:204px; height:204px;*/
    float: left;
    border-right: 1px solid #e5e5e5;
}
.tsestimonial h1 {
    text-align: center;
    color: #FFFFFF;
    margin-top: 90px;
    font-family: "Merriweather", serif;
}
.test-p {
    font-family: "Merriweather", serif;
    font-size: 18px;
    color: #fff;
    padding-top: 15px;
}
.tsestimonial {
    /*margin-top:320px;*/
    margin-top: 695px;
}
.map {
    width: 100%;
    height: 370px;
}

/* Client end*/


/*CSS media*/

@media (max-width: 768px) {
    header {
        height: 609px !important;
    }
    .fa-stack-2x {
        margin-left: 6%;
    }
    .why-us {
        margin-top: 0px;
    }
    #slider-partners {
        width: 100%;
        margin: 0 auto;
    }
    #services .bs-example {
        display: block !important;
    }
    #services .row {
        display: none !important;
    }
    #competencies .bs-example {
        display: block !important;
    }
    #competencies .row {
        display: none !important;
    }
    #team .bs-example {
        display: block !important;
    }
    #team .row {
        display: none !important;
    }
    #partners .bs-example {
        display: block !important;
    }
    #partners .row {
        display: none !important;
    }
    #work .bs-example {
        display: block !important;
    }
    #work .row {
        display: none !important;
    }
    #client .bs-example {
        display: block !important;
    }
    #client .client-row {
        display: none !important;
    }
    .section-teme-p {
        width: 102%;
        padding-left: 0px;
    }
    .section-partners p {
        width: 100%;
        padding-left: 0px;
        margin-bottom: 10%;
    }
    .case-study p {
        width: 100%;
    }
    .bg-work .box1 {
        width: 100%;
        height: 235px;
        margin-left: 0px;
    }
    .bg-work .box2 {
        width: 100%;
        height: 235px;
    }
    .bg-work .box3 {
        width: 100%;
        height: 235px;
    }
    .bg-work p {
        color: #000;
        clear: both;
    }
    /*.logo1{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client1-logo1.jpg) no-repeat; width:224px; height:224px; border:1px solid #e5e5e5;   margin-left: 72px;}
.logo1 h6{ text-align:center;  padding-top: 85px; font-family: "Merriweather",serif; font-size:14px;}
.logo2{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client2-logo1.jpg) no-repeat; width:224px; height:224px; border:1px solid #e5e5e5;  margin-left: 72px;}
.logo2 h6{ text-align:center;  padding-top: 85px; font-family: "Merriweather",serif; font-size:14px;}
.logo3{  background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client3-logo1.jpg) no-repeat; width:224px; height:224px; border:1px solid #e5e5e5;  margin-left: 72px;}
.logo3 h6{ text-align:center;  padding-top: 85px; font-family: "Merriweather",serif; font-size:14px;}
.logo4{ background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client4-logo1.jpg) no-repeat; width:224px; height:224px; border:1px solid #e5e5e5;  margin-left: 72px;}
.logo4 h6{ text-align:center;  padding-top: 85px; font-family: "Merriweather",serif; font-size:14px;}
.logo5{  background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client5-logo1.jpg) no-repeat; width:224px; height:224px; border:1px solid #e5e5e5;  margin-left: 72px;}
.logo5 h6{ text-align:center;  padding-top: 85px; font-family: "Merriweather",serif; font-size:14px;}
.logo6{  background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client6-logo1.jpg) no-repeat; width:224px; height:224px; border:1px solid #e5e5e5;  margin-left: 72px;}
.logo6 h6{ text-align:center;  padding-top: 85px; font-family: "Merriweather",serif; font-size:14px;}
.logo7{   background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client7-logo1.jpg) no-repeat; width:224px; height:224px; border:1px solid #e5e5e5;  margin-left: 72px;}
.logo7 h6{ text-align:center;  padding-top: 85px; font-family: "Merriweather",serif; font-size:14px;}
.logo8{    background:url(/web/20211220012402im_/http://bluoakcapital.com/img/client8-logo1.jpg) no-repeat; width:224px; height:224px; border:1px solid #e5e5e5;  margin-left: 72px;}
.logo8 h6{ text-align:center;  padding-top: 85px; font-family: "Merriweather",serif; font-size:14px;}*/
    .contact-p {
        width: 104%;
        padding-left: 0px;
    }
    .tsestimonial {
        margin-top: 292px;
    }
    .portfolio-modal .col-lg-offset-2 {
        margin-left: 1.667%;
    }
    .portfolio-modal .modal-content img {
        margin-left: 20px;
    }
    .portfolio-modal .modal-content h2 {
        width: 113%;
    }
    .portfolio-modal .col-lg-4 {
        width: 100%;
    }
    .portfolio-modal .modal-content span {
        margin-left: -215px;
    }
    .portfolio-modal .modal-content p {
        margin-top: 50px;
        margin-left: 18px;
        width: 90%;
    }
    .portfolio-modal .col-lg-4 {
        margin-bottom: 90px;
        margin-top: -60px;
    }
    .portfolio-modal .close-modal {
        top: 115px;
        right: 50px;
    }
    #portfolioModal2 h2 {
        margin-left: -137px;
    }
    #portfolioModal2 span {
        margin-left: -229px;
    }
    #portfolioModal3 h2 {
        margin-left: -141px;
    }
    #portfolioModal3 span {
        margin-left: -229px;
    }
    #portfolioModal4 h2 {
        margin-left: -130px;
    }
    #portfolioModal4 span {
        margin-left: -231px;
    }
    #portfolioModal13 h4 {
        font-size: 18px;
        color: #337ab7;
        margin-left: 37px;
        padding-top: 30px;
        text-align: left;
        font-weight: normal;
        line-height: 25px;
        width: 70%;
    }
    #portfolioModal13 hr {
        margin-left: 38px;
        margin-top: 25px;
        width: 390px;
    }
    #portfolioModal13 .close-modal {
        top: 144px;
        right: 50px;
    }
    #portfolioModal12 h4 {
        font-size: 18px;
        color: #337ab7;
        margin-left: 40px;
        margin-top: 0px;
        font-weight: normal;
        width: 70%;
        padding-top: 30px;
        line-height: 25px;
        text-align: left;
    }
    #portfolioModal12 hr {
        margin-left: 38px;
        margin-top: 25px;
        width: 390px;
    }
    #portfolioModal11 hr {
        margin-left: 38px;
        margin-top: 25px;
        width: 390px;
    }
    #portfolioModal11 h4 {
        font-size: 18px;
        color: #337ab7;
        margin-left: 38px;
        margin-top: 30px;
        padding-top: 30px;
        text-align: left;
        font-weight: normal;
        width: 70%;
        line-height: 25px;
    }
    #portfolioModal11 .close-modal {
        top: 144px;
        right: 50px;
    }
    #portfolioModal10 hr {
        margin-left: 38px;
        margin-top: 25px;
        width: 390px;
    }
    #portfolioModal10 .close-modal {
        top: 144px;
        right: 50px;
    }
    #portfolioModal9 hr {
        margin-left: 38px;
        margin-top: 25px;
        width: 390px;
    }
    #portfolioModal9 h4 {
        font-size: 18px;
        color: #337ab7;
        margin-left: -104px;
        padding-top: 30px;
        margin-top: 30px;
        font-weight: normal;
    }
    #portfolioModal9 .close-modal {
        top: 144px;
        right: 50px;
    }
    #portfolioModal8 hr {
        margin-left: 5px;
        margin-top: 25px;
        width: 390px;
    }
    #portfolioModal8 p {
        margin-left: 10px;
        margin-top: 25px;
    }
    #portfolioModal10 h4 {
        font-size: 18px;
        color: #337ab7;
        margin-left: -85px;
        margin-top: 30px;
        padding-top: 30px;
        font-weight: normal;
    }
    .map {
        width: 100%;
    }
    .partners1 img {
        width: 80%;
    }
    .partners2 img {
        width: 80%;
    }
    .partners1 {
        /*margin-right:-30px; margin-left:0px;*/
        float: none;
        width: 100%;
        margin-left: 13%;
    }
    .partners2 {
        /*margin-right:-30px; margin-left:0px;*/
        float: none;
        width: 100%;
        margin-left: 13%;
    }
    .logo1 {
        margin-left: 30%;
    }
    .logo2 {
        margin-left: 30%;
    }
    .logo3 {
        margin-left: 30%;
    }
    .logo4 {
        margin-left: 30%;
    }
    .logo5 {
        margin-left: 30%;
    }
    .logo6 {
        margin-left: 30%;
    }
    .logo7 {
        margin-left: 30%;
    }
    .logo8 {
        margin-left: 30%;
    }
    .text-center #hr-one hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .text-center #hr-two hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #head-text #hr-one {
        width: 20.333333%;
        margin-left: 15%;
        padding-top: 1.2%;
    }
    #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.2%;
    }
    #head-text .col-lg-4 {
        padding-right: 0px;
        padding-left: 0px;
    }
    #services #head-text #heading {
        width: 28.333333%;
    }
    #services #head-text #hr-one {
        width: 20.333333%;
        margin-left: 15%;
        padding-top: 1.2%;
    }
    #services #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.2%;
    }
    #competencies #head-text #heading {
        width: 16.333333%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #competencies #head-text #hr-one {
        width: 24.333333%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #competencies #head-text #hr-two {
        width: 24.333333%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #partners #head-text {
        width: 75%;
        margin: 0 auto;
    }
    #partners #head-text #heading {
        width: 60.333333%;
        float: left;
    }
    #partners #head-text #hr-one {
        width: 20.333333%;
        margin-left: -1%;
        padding-top: 2.5%;
        float: left;
    }
    #partners #head-text #hr-two {
        width: 20.333333%;
        padding-top: 2.5%;
        float: left;
    }
    /*.section-partners h2{ font-size:30px;}*/
    .bg-work #head-text #hr-one {
        width: 20.333333%;
        margin-left: -1%;
        padding-top: 8.6%;
        float: left;
    }
    .bg-work #head-text #hr-two {
        width: 20.333333%;
        padding-top: 8.6%;
        float: left;
    }
    .bg-work #head-text #heading {
        width: 60.333%;
        float: left;
    }
    .bg-work #hr-one hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .bg-work #hr-two hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .client-row #head-text #hr-one {
        width: 20.333333%;
        margin-left: 19%;
        padding-top: 2.6%;
    }
    .client-row #head-text #hr-two {
        width: 20.333333%;
        padding-top: 2.6%;
    }
    .client-row #head-text #heading {
        width: 20.333%;
    }
    .client-row #hr-one hr {
        width: 99%;
        float: left;
        color: #bab6b6;
        border-top: 1px solid #bab6b6;
    }
    .client-row #hr-two hr {
        width: 99%;
        float: left;
        color: #bab6b6;
        border-top: 1px solid #bab6b6;
    }
    #team #head-text #hr-one {
        width: 20.333333%;
        margin-left: 19%;
        padding-top: 1.6%;
    }
    #team #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.6%;
    }
    #team #head-text #heading {
        width: 20.333%;
    }
    #team #hr-one hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #team #hr-two hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .tsestimonial #head-text #heading {
        width: 60.333333%;
        margin-top: -5%;
        float: left;
    }
    .tsestimonial #head-text #hr-one {
        width: 20.333333%;
        margin-left: -4%;
        padding-top: 17.8%;
        float: left;
    }
    .tsestimonial #head-text #hr-two {
        width: 20.333333%;
        padding-top: 17.8%;
        float: left;
    }
    #contact #head-text #heading {
        width: 23.333333%;
        float: left;
    }
    #contact #head-text #hr-one {
        width: 20.333333%;
        margin-left: 18%;
        padding-top: 2.2%;
        float: left;
    }
    #contact #head-text #hr-two {
        width: 20.333333%;
        padding-top: 2.2%;
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .navbar-default .nav li a {
        font-size: 12px;
    }
    .navbar-nav>li>a {
        margin: 0 10px;
    }
    #head-text #hr-one {
        float: left;
        margin-left: 9%;
    }
    #head-text #heading {
        width: 44.333333%;
        float: left;
    }
    #head-text #hr-two {
        float: left;
    }
    #competencies #head-text #heading {
        width: 30.333333%;
    }
    #competencies #head-text #hr-one {
        width: 24.333333%;
    }
    #competencies #head-text #hr-two {
        width: 24.333333%;
    }
    .why-us p {
        clear: both;
    }
    .why-us-bg {
        width: 30% !important;
        margin-left: 20px !important;
    }
    .why-us-bg1 {
        width: 30% !important;
    }
    .why-us-bg2 {
        width: 30% !important;
    }
    .why-us-bg img {
        margin-left: 76px !important;
        margin-top: 25px !important;
    }
    .why-us-bg1 img {
        margin-left: 76px !important;
        margin-top: 25px !important;
    }
    .why-us-bg2 img {
        margin-left: 76px !important;
        margin-top: 25px !important;
    }
    .why-us-bg h1 {
        font-size: 15px !important;
    }
    .why-us-bg1 h1 {
        font-size: 15px !important;
    }
    .why-us-bg2 h1 {
        font-size: 15px !important;
    }
    .why-us-bg p {
        width: 100%!important;
        padding: 6%;
        font-size: 12px;
        line-height: 20px;
    }
    .why-us-bg1 p {
        width: 100% !important;
        padding: 6%;
        font-size: 12px;
        line-height: 20px;
    }
    .why-us-bg2 p {
        width: 100% !important;
        padding: 6%;
        font-size: 12px;
        line-height: 20px;
    }
    .section-teme-p {
        clear: both;
    }
    #team #head-text #heading {
        width: 30.333333%;
    }
    #team #head-text #hr-one {
        width: 24.333333%;
        margin-left: 9%;
    }
    #team #head-text #hr-two {
        width: 24.333333%;
    }
    .service-heading {
        padding-left: 0px;
    }
    .text-muted {
        padding-left: 0px;
        font-size: 13px;
    }
    #w-w-offer {
        clear: both;
        padding-top: 3%;
    }
    .what-we-offer {
        width: 228px !important;
        font-size: 13px !important;
        margin-left: -15px;
        padding-left: 0px;
    }
    .what-we-offer1 {
        width: 228px !important;
        font-size: 13px !important;
        margin-left: -6px;
        padding-left: 0px;
    }
    .what-we-offer2 {
        width: 228px !important;
        font-size: 13px !important;
        margin-left: 4px;
        padding-left: 0px;
    }
    .what-we-offer hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 215px;
        margin-left: -3px;
    }
    .what-we-offer1 hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 215px;
        margin-left: -3px;
    }
    .what-we-offer2 hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 215px;
        margin-left: -3px;
    }
    .case-study p {
        clear: both;
    }
    .bg-work .box1 {
        padding-top: 15px !important;
        margin-right: 10px;
    }
    .bg-work .box2 {
        padding-top: 15px !important;
        margin-right: 10px;
    }
    .bg-work .box3 {
        padding-top: 15px !important;
        margin-right: 10px;
    }
    #work #head-text #heading {
        width: 31.333333%;
    }
    #work #head-text #hr-one {
        width: 24.333333%;
        margin-left: 10%;
        padding-top: 3.8%;
    }
    #work #head-text #hr-two {
        width: 24.333333%;
        padding-top: 3.8%;
    }
    .case-study p {
        width: 60%;
        clear: both;
    }
    .client-row #head-text #heading {
        width: 35.333333%;
    }
    .client-row #head-text #hr-one {
        width: 24.333333%;
        margin-left: 9%;
        padding-top: 3.8%;
    }
    .client-row #head-text #hr-two {
        width: 24.333333%;
        padding-top: 3.8%;
    }
    .tsestimonial #head-text #heading {
        width: 25.333333%;
        margin-top: -5%
    }
    .tsestimonial #head-text #hr-one {
        width: 20.333333%;
        margin-left: 17%;
        padding-top: 8.5%;
    }
    .tsestimonial #head-text #hr-one hr {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }
    .tsestimonial #head-text #hr-two {
        width: 20.333333%;
        padding-top: 8.5%;
    }
    .tsestimonial #head-text #hr-two hr {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }
    #client-1 img {
        width: 15%;
    }
    #client-2 img {
        width: 15%;
    }
    #client-1 {
        width: 100%;
        margin-bottom: -7%;
        margin-left: 0px;
        text-align: center;
    }
    #client-2 {
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }
    #contact #head-text {
        width: 54%;
        margin: 0 auto;
    }
    #contact #head-text #heading {
        width: 58.333333%;
    }
    #contact #head-text #hr-one {
        width: 24.333333%;
        margin-left: -7%;
        padding-top: 5.8%;
    }
    #contact #head-text #hr-two {
        width: 24.333333%;
        padding-top: 5.8%;
    }
    #partners-col {
        width: 90%;
        margin: 0 auto;
    }
    #team #Image1 {
        width: 100%;
        height: 100%;
    }
    #team #Image2 {
        width: 100%;
        height: 100%;
    }
    #team #Image3 {
        width: 100%;
        height: 100%;
    }
    #team #Image4 {
        width: 100%;
        height: 100%;
    }
    #services .bs-example {
        display: none;
    }
    #services .row {
        display: block;
    }
    #competencies .bs-example {
        display: none;
    }
    #competencies .row {
        display: block;
    }
    #team .bs-example {
        display: none;
    }
    #team .row {
        display: block;
    }
    #partners .bs-example {
        display: none;
    }
    #partners .row {
        display: block;
    }
    #work .bs-example {
        display: none;
    }
    #work .row {
        display: block;
    }
    #client .bs-example {
        display: none;
    }
    #client .client-row {
        display: block;
    }
    header {
        height: 649px !important;
    }
    header .intro-text .intro-heading {
        margin-bottom: 25px;
        /* text-transform: uppercase; */
        font-family: "Merriweather", serif;
        font-size: 18px;
        margin: 0 auto;
    }
    .map {
        width: 100%;
    }
    .tsestimonial {
        /* margin-top: 320px; */
        margin-top: 300px;
    }
    .partners1 {
        width: 50%;
        float: right;
        margin-right: 0px;
    }
    .partners1 img {
        width: 72%;
    }
    .partners2 {
        width: 50%;
        margin-left: 7%;
        margin-right: 0px;
        float: none;
    }
    .partners2 img {
        width: 80%;
    }
    #partners #head-text #heading {
        width: 33.333333%;
    }
    #partners #head-text #hr-one {
        width: 20.333333%;
        margin-left: 15%;
        padding-top: 1.2%;
    }
    #partners #head-text #hr-one hr {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }
    #partners #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.2%;
    }
    #partners #head-text #hr-two hr {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }
    .section-partners p {
        width: 60%;
    }
    section#work {
        padding: 90px 0;
    }
    section#client {
        padding: 90px 0;
    }
}
@media (min-width: 980px) and (max-width: 1280px) {
    #head-text #hr-one {
        float: left;
        margin-left: 12%;
    }
    #head-text #heading {
        width: 34.333333%;
        float: left;
    }
    #head-text #hr-two {
        float: left;
    }
    .fa-stack {
        width: 4.4em !important;
    }
    #w-w-offer {
        clear: both;
        padding-top: 3%;
    }
    .what-we-offer {
        width: 228px;
        font-size: 13px !important;
        margin-left: 8px;
        padding-left: 0px;
    }
    .what-we-offer1 {
        width: 228px;
        font-size: 13px !important;
        margin-left: 17px;
        padding-left: 0px;
    }
    .what-we-offer2 {
        width: 228px;
        font-size: 13px !important;
        margin-left: 28px;
        padding-left: 0px;
    }
    .what-we-offer hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 100%;
        margin-left: -3px;
    }
    .what-we-offer1 hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 100%;
        margin-left: -3px;
    }
    .what-we-offer2 hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 100%;
        margin-left: -3px;
    }
    #competencies #head-text #heading {
        width: 16.333333%;
    }
    #competencies #head-text #hr-one {
        width: 20.333333%;
        margin-left: 22%;
    }
    #competencies #head-text #hr-two {
        width: 20.333333%;
    }
    .why-us p {
        clear: both;
    }
    .why-us-bg {
        width: 30% !important;
        margin-left: 20px !important;
    }
    .why-us-bg1 {
        width: 30% !important;
    }
    .why-us-bg2 {
        width: 30% !important;
    }
    .why-us-bg img {
        margin-left: 105px !important;
        margin-top: 25px !important;
    }
    .why-us-bg1 img {
        margin-left: 105px !important;
        margin-top: 25px !important;
    }
    .why-us-bg2 img {
        margin-left: 105px !important;
        margin-top: 25px !important;
    }
    .why-us-bg h1 {
        font-size: 15px !important;
    }
    .why-us-bg1 h1 {
        font-size: 15px !important;
    }
    .why-us-bg2 h1 {
        font-size: 15px !important;
    }
    .why-us-bg p {
        width: 100%!important;
        padding: 6%;
        font-size: 12px;
        line-height: 20px;
    }
    .why-us-bg1 p {
        width: 100% !important;
        padding: 6%;
        font-size: 12px;
        line-height: 20px;
    }
    .why-us-bg2 p {
        width: 100% !important;
        padding: 6%;
        font-size: 12px;
        line-height: 20px;
    }
    .case-study p {
        clear: both;
    }
    .bg-work .box1 {
        padding-top: 15px !important;
        margin-right: 10px;
    }
    .bg-work .box2 {
        padding-top: 15px !important;
        margin-right: 10px;
    }
    .bg-work .box3 {
        padding-top: 15px !important;
        margin-right: 10px;
    }
    .bg-work .box4 {
        padding-top: 15px !important;
        margin-right: 10px;
    }
    #work #head-text #heading {
        width: 25.333333%;
    }
    #work #head-text #hr-one {
        width: 24.333333%;
        margin-left: 13%;
        padding-top: 2.8%;
    }
    #work #head-text #hr-two {
        width: 24.333333%;
        padding-top: 2.8%;
    }
    .client-row #head-text #heading {
        width: 20.333333%;
    }
    .client-row #head-text #hr-one {
        width: 24.333333%;
        margin-left: 15%;
        padding-top: 2.8%;
    }
    .client-row #head-text #hr-two {
        width: 24.333333%;
        padding-top: 2.8%;
    }
    .tsestimonial #head-text #heading {
        width: 25.333333%;
        margin-top: -5%
    }
    .tsestimonial #head-text #hr-one {
        width: 20.333333%;
        margin-left: 17%;
        padding-top: 3.8%;
    }
    .tsestimonial #head-text #hr-two {
        width: 20.333333%;
        padding-top: 3.8%;
    }
    #client-1 img {
        width: 15%;
    }
    #client-2 img {
        width: 15%;
    }
    #client-1 {
        width: 100%;
        margin-bottom: -5%;
        margin-left: 0px;
        text-align: center;
    }
    #client-2 {
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }
    #contact #head-text #heading {
        width: 23.333333%;
    }
    #contact #head-text #hr-one {
        width: 20.333333%;
        margin-left: 18%;
        padding-top: 2.2%;
    }
    #contact #head-text #hr-two {
        width: 20.333333%;
        padding-top: 2.2%;
    }
    #partners-col {
        width: 90%;
        margin: 0 auto;
    }
    #team #Image1 {
        width: 100%;
        height: 100%;
    }
    #team #Image2 {
        width: 100%;
        height: 100%;
    }
    #team #Image3 {
        width: 100%;
        height: 100%;
    }
    #team #Image4 {
        width: 100%;
        height: 100%;
    }
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .why-us-bg img {
        margin-left: 137px !important;
    }
    .why-us-bg1 img {
        margin-left: 137px !important;
    }
    .why-us-bg2 img {
        margin-left: 137px !important;
    }
    .why-us-bg p {
        width: 100%!important;
        padding: 6%;
        font-size: 14px;
        line-height: 24px;
    }
    .why-us-bg1 p {
        width: 100%!important;
        padding: 6%;
        font-size: 14px;
        line-height: 24px;
    }
    .why-us-bg2 p {
        width: 100%!important;
        padding: 6%;
        font-size: 14px;
        line-height: 24px;
    }
}
@media (min-width: 1281px) and (max-width: 1600px) {
    .why-us-bg p {
        width: 100%!important;
        padding: 6%;
        font-size: 13px;
        line-height: 20px;
    }
    .why-us-bg1 p {
        width: 100%!important;
        padding: 6%;
        font-size: 13px;
        line-height: 20px;
    }
    .why-us-bg2 p {
        width: 100%!important;
        padding: 6%;
        font-size: 13px;
        line-height: 20px;
    }
    .tsestimonial {
        margin-top: 680px !important;
    }
    .client-row #head-text #heading {
        width: 20.333333%;
    }
    .client-row #head-text #hr-one {
        width: 24.333333%;
        margin-left: 15%;
        padding-top: 2.8%;
    }
    .client-row #head-text #hr-two {
        width: 24.333333%;
        padding-top: 2.8%;
    }
    .tsestimonial #head-text #heading {
        width: 25.333333%;
        margin-top: -5%
    }
    .tsestimonial #head-text #hr-one {
        width: 20.333333%;
        margin-left: 17%;
        padding-top: 3.8%;
    }
    .tsestimonial #head-text #hr-two {
        width: 20.333333%;
        padding-top: 3.8%;
    }
}
@media only screen and (max-width: 1024px) {
    #services .bs-example {
        display: none;
    }
    #services .row {
        display: block;
    }
    #competencies .bs-example {
        display: none;
    }
    #competencies .row {
        display: block;
    }
    #team .bs-example {
        display: none;
    }
    #team .row {
        display: block;
    }
    #partners .bs-example {
        display: none;
    }
    #partners .row {
        display: block;
    }
    #work .bs-example {
        display: none;
    }
    #work .row {
        display: block;
    }
    #client .bs-example {
        display: none;
    }
    #client .client-row {
        display: block;
    }
    .col-lg-offset-2 {
        margin-left: 11.666667%;
    }
    /*header{ height: 800px !important;}*/
    .contact-img {
        margin-top: 30px;
        margin-bottom: 30px;
        /*margin-left: -257px;*/
    }
    header .intro-text .intro-heading {
        margin-bottom: 25px;
        /* text-transform: uppercase; */
        font-family: "Merriweather", serif;
        font-size: 18px;
        margin: 0 auto;
    }
    .map {
        width: 100%;
    }
}
@media only screen and (max-width: 448px) {
    /*p.section-subheading {
  width: 343px !important;
  padding-left: 0px !important;
}*/
    /*#services .bs-example{ display:block !important;}
#services .row{ display:none !important;}

#competencies .bs-example{ display:block !important;}
#competencies .row{ display:none !important;}

#team .bs-example{ display:block !important;}
#team .row{ display:none !important;}

#partners .bs-example{ display:block !important;}
#partners .row{ display:none !important;}

#work .bs-example{ display:block !important;}
#work .row{ display:none !important;}

#client .bs-example{ display:block !important;}
#client .client-row{ display:none !important;}*/
    /*.slide{ width:290px !important;}*/
    .slide {
        width: 100% !important;
    }
    /*header{ height: 649px !important;}*/
    header .intro-text .intro-heading {
        margin-bottom: 25px;
        /* text-transform: uppercase; */
        font-family: "Merriweather", serif;
        font-size: 18px;
        margin: 0 auto;
    }
    .map {
        width: 100%;
        height: 240px;
    }
}
@media (min-width: 320px) and (max-width: 479px) {}
@media only screen and (max-width: 480px) {
    section p.section-subheading {
        width: /*257px */
        217px !important;
        padding-left: 0px !important;
    }
    .fa-circle {
        background: url(/web/20211220012402im_/http://bluoakcapital.com/img/img1.png) no-repeat;
        width: 280px;
        height: 88px;
        display: block;
        margin-left: 25px !important
    }
    .fa-circle1 {
        background: url(/web/20211220012402im_/http://bluoakcapital.com/img/img2.png) no-repeat;
        width: 280px;
        height: 88px;
        display: block;
        margin-left: 25px !important;
    }
    .fa-circle2 {
        background: url(/web/20211220012402im_/http://bluoakcapital.com/img/img3.png) no-repeat;
        width: 280px;
        height: 88px;
        display: block;
        margin-left: 25px !important;
    }
    .text-muted {
        width: 145% !important;
        padding-left: 25px;
    }
    .service-heading {
        padding-left: 25px;
    }
    .what-we-offer {
        width: 285px;
        padding-left: 27px;
    }
    .what-we-offer1 {
        width: 285px;
        padding-left: 27px;
    }
    .what-we-offer2 {
        width: 285px;
    }
    .what-we-offer hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 265px;
        margin-left: -3px;
    }
    .what-we-offer1 hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 265px;
        margin-left: -3px;
    }
    .what-we-offer2 hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 265px;
        margin-left: -3px;
    }
    #services h2 {
        /*padding-top:80px; margin-left: -223px;*/
    }
    .col-md-4 {
        margin-left: -20px;
    }
    #services .slider {
        height: 990px;
    }
    .why-us p {
        width: 100% !important;
    }
    #why-us-head {
        width: 100%;
    }
    .why-us h2 {
        /*margin-left: -220px;*/
        padding-bottom: 20px;
    }
    .why-us-bg {
        width: 260px;
        margin-left: -9px;
    }
    .why-us-bg1 {
        width: 260px;
        margin-left: -9px;
    }
    .why-us-bg2 {
        width: 260px;
        margin-left: -9px;
    }
    .why-us-bg p {
        width: 94%;
        padding-left: 18px;
    }
    .why-us-bg1 p {
        width: 94%;
        padding-left: 18px;
    }
    .why-us-bg2 p {
        width: 94%;
        padding-left: 18px;
    }
    #team h2.section-heading {
        margin-left: 0px;
    }
    #our-team {
        width: 100%;
    }
    #team .section-teme-p {
        width: 100%;
        padding-left: 0px;
        /*margin-left: -20px;*/
    }
    .team-member1 {
        margin-left: -22%;
    }
    .team-member2 {
        margin-left: -22%;
    }
    .team-member3 {
        margin-left: -22%;
    }
    .team-member4 {
        margin-left: -22%;
    }
    img.right4 {
        margin-top: -402px !important;
        z-index: 1;
        position: relative;
        margin-left: 290px !important;
    }
    img.left4 {
        margin-left: -23px !important;
    }
    /*.section-partners h2{ margin-left:-215px;}*/
    .section-partners p {
        width: 90% !important;
        margin: 0;
        padding-bottom: 10%;
        padding-top: 0px;
    }
    #slider-partners {
        width: 110%;
    }
    /*.case-study h1{ margin-left:-215px;}*/
    .case-study p {
        width: 100% !important;
        margin-left: 0px!important;
    }
    .bg-work .box1 {
        width: 100% !important;
        height: 255px !important;
        margin-left: -5px !important;
    }
    .bg-work .box2 {
        width: 100% !important;
        height: 255px !important;
        margin-left: -5px !important;
    }
    .bg-work .box3 {
        width: 100% !important;
        height: 255px !important;
        margin-left: -5px !important;
    }
    img.right3 {
        /*margin-top: -340px !important;*/
        margin-top: -384px !important;
        z-index: 1;
        position: relative;
        margin-left: 240px !important;
    }
    img.left3 {
        margin-top: -340px;
        z-index: 1;
        position: relative;
        margin-left: 0px !important;
    }
    .bg-work .box1 p {
        font-size: 12px !important;
    }
    .bg-work .box2 p {
        font-size: 12px !important;
    }
    .bg-work .box3 p {
        font-size: 12px !important;
    }
    .bg-work .box1 h5 {
        font-size: 15px !important;
    }
    .bg-work .box2 h5 {
        font-size: 15px !important;
    }
    .bg-work .box3 h5 {
        font-size: 15px !important;
    }
    .logo1 {
        margin-left: 42px !important;
    }
    .logo2 {
        margin-left: 42px !important;
    }
    .logo3 {
        margin-left: 42px !important;
    }
    .logo4 {
        margin-left: 42px !important;
    }
    .logo5 {
        margin-left: 42px !important;
    }
    .logo6 {
        margin-left: 42px !important;
    }
    .logo7 {
        margin-left: 42px !important;
    }
    .logo8 {
        margin-left: 42px !important;
    }
    img.right5 {
        margin-top: /*-396px*/
        -1204px !important;
        z-index: 1;
        position: relative;
        margin-left: 280px !important;
    }
    img.left5 {
        margin-top: -340px;
        z-index: 1;
        position: relative;
        margin-left: -20px !important;
    }
    img.right6 {
        margin-top: -364px !important;
        z-index: 1;
        position: relative;
        margin-left: 262px !important;
    }
    img.left6 {
        margin-top: -321px !important;
        z-index: 1;
        position: relative;
        margin-left: -8px !important;
    }
    img.left1 {
        margin-top: -539px;
        z-index: 1;
        position: relative;
        margin-left: -14px !important;
    }
    img.right1 {
        margin-top: -590px !important;
        margin-left: 276px !important;
    }
    img.right2 {
        margin-top: -365px;
        z-index: 1;
        position: relative;
        margin-left: 250px;
    }
    #portfolioModal1 h2 {
        margin-left: -51px !important;
    }
    #portfolioModal1 span {
        margin-left: -80px !important;
    }
    #portfolioModal2 h2 {
        margin-left: -51px !important;
    }
    #portfolioModal2 span {
        margin-left: -80px !important;
    }
    #portfolioModal3 h2 {
        margin-left: -51px !important;
    }
    #portfolioModal3 span {
        margin-left: -80px !important;
    }
    #portfolioModal4 h2 {
        margin-left: -40px !important;
    }
    #portfolioModal4 span {
        margin-left: -80px !important;
    }
    .portfolio-modal .modal-content img {
        margin-left: 0px !important;
    }
    .portfolio-modal .modal-content p {
        margin-top: 50px;
        margin-left: 0px !important;
        width: 100% !important;
    }
    .portfolio-modal .close-modal {
        right: 0px !important;
    }
    #portfolioModal8 h4 {
        margin-left: -15px !important;
        text-align: left !important;
    }
    #portfolioModal8 hr {
        margin-left: -15px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal8 .modal-content p {
        margin-top: 50px;
        margin-left: -12px !important;
        width: 110% !important;
    }
    #portfolioModal9 h4 {
        margin-left: -15px !important;
        text-align: left !important;
    }
    #portfolioModal9 hr {
        margin-left: -15px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal9 .modal-content p {
        margin-top: 50px;
        margin-left: -12px !important;
        width: 110% !important;
    }
    #portfolioModal10 h4 {
        margin-left: 10px !important;
        padding-top: 75px !important;
        text-align: left !important;
    }
    #portfolioModal10 hr {
        margin-left: 20px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal10 .modal-content p {
        margin-top: 50px;
        margin-left: 25px !important;
        width: 90% !important;
    }
    #portfolioModal11 h4 {
        margin-left: 10px !important;
        text-align: left !important;
    }
    #portfolioModal11 hr {
        margin-left: 10px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal11 .modal-content p {
        margin-top: 50px;
        margin-left: 15px !important;
        width: 90% !important;
    }
    #portfolioModal12 h4 {
        margin-left: 10px !important;
        text-align: left !important;
    }
    #portfolioModal12 hr {
        margin-left: 10px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal12 .modal-content p {
        margin-top: 50px;
        margin-left: 15px !important;
        width: 90% !important;
    }
    #portfolioModal13 h4 {
        margin-left: 10px !important;
        text-align: left !important;
    }
    #portfolioModal13 hr {
        margin-left: 10px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal13 .modal-content p {
        margin-top: 50px;
        margin-left: 15px !important;
        width: 90% !important;
    }
    #what-we-offer {
        width: 100%;
        margin-left: 0%;
        padding-left: 0;
        padding-right: 0px;
    }
    section h2.section-heading {
        font-size: 38px;
    }
    .navbar-header {
        width: 100%;
    }
    #slider-case-study {
        width: 50%;
    }
    #slider-case-client {
        width: 100%;
    }
    .tsestimonial {
        margin-top: 326px;
    }
    .map {
        width: 100%;
        height: 280px;
    }
    #partners #head-text {
        width: 100%;
        margin: 0 auto;
    }
    #partners #head-text #heading {
        width: 50.333333%;
        float: left;
    }
    #partners #head-text #heading h2 {
        font-size: 20px;
    }
    #partners #head-text #hr-one {
        width: 20.333333%;
        margin-left: 0%;
        padding-top: 2.5%;
        float: left;
    }
    #partners #head-text #hr-two {
        width: 20.333333%;
        padding-top: 2.5%;
        float: left;
    }
    .text-center #hr-one hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .text-center #hr-two hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #head-text #hr-one {
        width: 20.333333%;
        margin-left: 15%;
        padding-top: 1.2%;
    }
    #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.2%;
    }
    #head-text .col-lg-4 {
        padding-right: 0px;
        padding-left: 0px;
    }
    #services #head-text #heading {
        width: 28.333333%;
    }
    #services #head-text #hr-one {
        width: 20.333333%;
        margin-left: 15%;
        padding-top: 1.2%;
    }
    #services #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.2%;
    }
    #competencies #head-text #heading {
        width: 16.333333%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #competencies #head-text #hr-one {
        width: 24.333333%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #competencies #head-text #hr-two {
        width: 24.333333%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .bg-work #head-text #hr-one {
        width: 20.333333%;
        margin-left: -1%;
        padding-top: 8.6%;
        float: left;
    }
    .bg-work #head-text #hr-two {
        width: 20.333333%;
        padding-top: 8.6%;
        float: left;
    }
    .bg-work #head-text #heading {
        width: 60.333%;
        float: left;
    }
    .bg-work #head-text #heading h1 {
        font-size: 24px;
    }
    .bg-work #hr-one hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .bg-work #hr-two hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .case-study1 #slider-case-client #hr-one {
        width: 22.333333%;
        margin-left: 0%;
        padding-top: 9.3%;
        float: left;
        padding-right: 0px;
    }
    .case-study1 #slider-case-client #hr-two {
        width: 22.333333%;
        padding-top: 9.3%;
        float: left;
        margin: 0;
        padding-left: 0px;
    }
    .case-study1 #slider-case-client #heading {
        width: 52.333%;
        float: left;
        margin: 0;
        padding: 0;
    }
    .case-study1 #slider-case-client #heading h1 {
        font-size: 24px;
    }
    .case-study1 #hr-one hr {
        width: 99%;
        float: left;
        color: #bab6b6;
        border-top: 1px solid #bab6b6;
    }
    .case-study1 #hr-two hr {
        width: 99%;
        float: left;
        color: #bab6b6;
        border-top: 1px solid #bab6b6;
    }
    .case-study1 p {
        width: 100%;
    }
    #team #head-text #hr-one {
        width: 20.333333%;
        margin-left: 19%;
        padding-top: 1.6%;
    }
    #team #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.6%;
    }
    #team #head-text #heading {
        width: 20.333%;
    }
    #team #hr-one hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #team #hr-two hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .tsestimonial #head-text {
        width: 100%;
    }
    .tsestimonial #head-text #heading {
        width: 48.333333%;
        margin-top: -5%;
        float: left;
    }
    .tsestimonial #head-text #heading h1 {
        font-size: 24px;
    }
    .tsestimonial #head-text #hr-one {
        width: 20.333333%;
        margin-left: 5%;
        padding-top: 23.8%;
        float: left;
    }
    .tsestimonial #head-text #hr-two {
        width: 20.333333%;
        padding-top: 23.8%;
        float: left;
    }
    #contact #head-text #heading {
        width: 43.333333%;
        float: left;
    }
    #contact #head-text #heading h2 {
        font-size: 24px;
    }
    #contact #head-text #hr-one {
        width: 20.333333%;
        margin-left: 7%;
        padding-top: 4.4%;
        float: left;
    }
    #contact #head-text #hr-two {
        width: 20.333333%;
        padding-top: 4.4%;
        float: left;
    }
    .contact-p {
        width: 88%;
        padding: 6% 0 8%;
    }
    .partners1 img {
        width: 100%;
    }
    .partners2 img {
        width: 100%;
    }
    .partners1 {
        /*margin-right:-30px; margin-left:0px;*/
        float: none;
        width: 100%;
        margin-left: 30%;
        margin-top: -90%;
    }
    .partners2 {
        /*margin-right:-30px; margin-left:0px;*/
        float: none;
        width: 100%;
        margin-left: 30%;
        margin-top: -90%;
    }
}
img.right1 {
    margin-top: -582px;
    z-index: 1;
    position: relative;
    margin-left: 390px;
}
img.left1 {
    margin-top: -539px;
    z-index: 1;
    position: relative;
    margin-left: -14px;
}
img.right2 {
    margin-top: -365px;
    z-index: 1;
    position: relative;
    margin-left: 311px;
}
img.left2 {
    margin-top: -324px;
    z-index: 1;
    position: relative;
    margin-left: 15px;
}
img.right3 {
    margin-top: -402px;
    z-index: 1;
    position: relative;
    margin-left: 400px;
}
img.left3 {
    margin-top: -340px;
    z-index: 1;
    position: relative;
    margin-left: -30px;
}
img.right4 {
    margin-top: -402px;
    z-index: 1;
    position: relative;
    margin-left: 400px;
}
img.left4 {
    margin-top: -360px;
    z-index: 1;
    position: relative;
    margin-left: 18px;
}
img.right5 {
    margin-top: -1260px;
    z-index: 1;
    position: relative;
    margin-left: 400px;
}
img.left5 {
    margin-top: -1162px;
    z-index: 1;
    position: relative;
    margin-left: -8px;
}
img.right6 {
    margin-top: -437px;
    z-index: 1;
    position: relative;
    margin-left: 400px;
}
img.left6 {
    margin-top: -381px;
    z-index: 1;
    position: relative;
    margin-left: -8px;
}
#portfolioModal1 h2 {
    margin-left: 9px;
}
#portfolioModal1 span {
    margin-left: -191px;
}

/* Smartphones (portrait and landscape) ----------- */

@media (max-device-width: 640px) {
    section p.section-subheading {
        width: /*257px */
        217px !important;
        padding-left: 0px !important;
    }
    .fa-circle {
        background: url(/web/20211220012402im_/http://bluoakcapital.com/img/img11.png) no-repeat;
        width: 280px;
        height: 88px;
        display: block;
        margin-left: 25px !important
    }
    .fa-circle1 {
        background: url(/web/20211220012402im_/http://bluoakcapital.com/img/img22.png) no-repeat;
        width: 280px;
        height: 88px;
        display: block;
        margin-left: 25px !important;
    }
    .fa-circle2 {
        background: url(/web/20211220012402im_/http://bluoakcapital.com/img/img33.png) no-repeat;
        width: 280px;
        height: 88px;
        display: block;
        margin-left: 25px !important;
    }
    .text-muted {
        width: 145% !important;
        padding-left: 25px;
    }
    .service-heading {
        padding-left: 25px;
    }
    .what-we-offer {
        width: 285px;
        padding-left: 27px;
    }
    .what-we-offer1 {
        width: 285px;
        padding-left: 27px;
    }
    .what-we-offer2 {
        width: 285px;
    }
    .what-we-offer hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 265px;
        margin-left: -3px;
    }
    .what-we-offer1 hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 265px;
        margin-left: -3px;
    }
    .what-we-offer2 hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 265px;
        margin-left: -3px;
    }
    #services h2 {
        /*padding-top:80px; margin-left: -223px;*/
    }
    .col-md-4 {
        margin-left: -20px;
    }
    #services .slider {
        height: 990px;
    }
    .why-us p {
        width: 100% !important;
    }
    #why-us-head {
        width: 100%;
    }
    .why-us h2 {
        /*margin-left: -220px;*/
        padding-bottom: 20px;
    }
    .why-us-bg {
        width: 260px;
        margin-left: -9px;
    }
    .why-us-bg1 {
        width: 260px;
        margin-left: -9px;
    }
    .why-us-bg2 {
        width: 260px;
        margin-left: -9px;
    }
    .why-us-bg p {
        width: 94%;
        padding-left: 18px;
    }
    .why-us-bg1 p {
        width: 94%;
        padding-left: 18px;
    }
    .why-us-bg2 p {
        width: 94%;
        padding-left: 18px;
    }
    #team h2.section-heading {
        margin-left: 0px;
    }
    #our-team {
        width: 100%;
    }
    #team .section-teme-p {
        width: 100%;
        padding-left: 0px;
        /*margin-left: -20px;*/
    }
    .team-member1 {
        margin-left: -22%;
    }
    .team-member2 {
        margin-left: -22%;
    }
    .team-member3 {
        margin-left: -22%;
    }
    .team-member4 {
        margin-left: -22%;
    }
    img.right4 {
        margin-top: -402px !important;
        z-index: 1;
        position: relative;
        margin-left: 290px !important;
    }
    img.left4 {
        margin-left: -23px !important;
    }
    /*.section-partners h2{ margin-left:-215px;}*/
    .section-partners p {
        width: 100% !important;
        margin: 0;
        padding-bottom: 10%;
        padding-top: 0px;
    }
    #slider-partners {
        width: 110%;
    }
    /*.case-study h1{ margin-left:-215px;}*/
    .case-study p {
        width: 100% !important;
        margin-left: 0px!important;
    }
    .bg-work .box1 {
        width: 100% !important;
        height: 255px !important;
        margin-left: -5px !important;
    }
    .bg-work .box2 {
        width: 100% !important;
        height: 255px !important;
        margin-left: -5px !important;
    }
    .bg-work .box3 {
        width: 100% !important;
        height: 255px !important;
        margin-left: -5px !important;
    }
    img.right3 {
        margin-top: -340px !important;
        z-index: 1;
        position: relative;
        margin-left: 240px !important;
    }
    img.left3 {
        margin-top: -340px;
        z-index: 1;
        position: relative;
        margin-left: 0px !important;
    }
    .bg-work .box1 p {
        font-size: 12px !important;
    }
    .bg-work .box2 p {
        font-size: 12px !important;
    }
    .bg-work .box3 p {
        font-size: 12px !important;
    }
    .bg-work .box1 h5 {
        font-size: 15px !important;
    }
    .bg-work .box2 h5 {
        font-size: 15px !important;
    }
    .bg-work .box3 h5 {
        font-size: 15px !important;
    }
    .logo1 {
        margin-left: 42px !important;
    }
    .logo2 {
        margin-left: 42px !important;
    }
    .logo3 {
        margin-left: 42px !important;
    }
    .logo4 {
        margin-left: 42px !important;
    }
    .logo5 {
        margin-left: 42px !important;
    }
    .logo6 {
        margin-left: 42px !important;
    }
    .logo7 {
        margin-left: 42px !important;
    }
    .logo8 {
        margin-left: 42px !important;
    }
    img.right5 {
        margin-top: /*-396px*/
        -1204px !important;
        z-index: 1;
        position: relative;
        margin-left: 280px !important;
    }
    img.left5 {
        margin-top: -340px;
        z-index: 1;
        position: relative;
        margin-left: -20px !important;
    }
    img.right6 {
        margin-top: -321px !important;
        z-index: 1;
        position: relative;
        margin-left: 250px !important;
    }
    img.left6 {
        margin-top: -321px !important;
        z-index: 1;
        position: relative;
        margin-left: -8px !important;
    }
    img.left1 {
        margin-top: -539px;
        z-index: 1;
        position: relative;
        margin-left: -14px !important;
    }
    img.right1 {
        margin-top: -590px !important;
        margin-left: 276px !important;
    }
    #portfolioModal1 h2 {
        margin-left: -51px !important;
    }
    #portfolioModal1 span {
        margin-left: -80px !important;
    }
    #portfolioModal2 h2 {
        margin-left: -51px !important;
    }
    #portfolioModal2 span {
        margin-left: -80px !important;
    }
    #portfolioModal3 h2 {
        margin-left: -51px !important;
    }
    #portfolioModal3 span {
        margin-left: -80px !important;
    }
    #portfolioModal4 h2 {
        margin-left: -40px !important;
    }
    #portfolioModal4 span {
        margin-left: -80px !important;
    }
    .portfolio-modal .modal-content img {
        margin-left: 0px !important;
    }
    .portfolio-modal .modal-content p {
        margin-top: 50px;
        margin-left: 0px !important;
        width: 100% !important;
    }
    .portfolio-modal .close-modal {
        right: 0px !important;
    }
    #portfolioModal8 h4 {
        margin-left: -15px !important;
        text-align: left !important;
    }
    #portfolioModal8 hr {
        margin-left: -15px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal8 .modal-content p {
        margin-top: 50px;
        margin-left: -12px !important;
        width: 110% !important;
    }
    #portfolioModal9 h4 {
        margin-left: -15px !important;
        text-align: left !important;
    }
    #portfolioModal9 hr {
        margin-left: -15px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal9 .modal-content p {
        margin-top: 50px;
        margin-left: -12px !important;
        width: 110% !important;
    }
    #portfolioModal10 h4 {
        margin-left: 10px !important;
        padding-top: 75px !important;
        text-align: left !important;
    }
    #portfolioModal10 hr {
        margin-left: 20px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal10 .modal-content p {
        margin-top: 50px;
        margin-left: 25px !important;
        width: 90% !important;
    }
    #portfolioModal11 h4 {
        margin-left: 10px !important;
        text-align: left !important;
    }
    #portfolioModal11 hr {
        margin-left: 10px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal11 .modal-content p {
        margin-top: 50px;
        margin-left: 15px !important;
        width: 90% !important;
    }
    #portfolioModal12 h4 {
        margin-left: 10px !important;
        text-align: left !important;
    }
    #portfolioModal12 hr {
        margin-left: 10px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal12 .modal-content p {
        margin-top: 50px;
        margin-left: 15px !important;
        width: 90% !important;
    }
    #portfolioModal13 h4 {
        margin-left: 10px !important;
        text-align: left !important;
    }
    #portfolioModal13 hr {
        margin-left: 10px !important;
        margin-top: 25px;
        width: 220px !important;
    }
    #portfolioModal13 .modal-content p {
        margin-top: 50px;
        margin-left: 15px !important;
        width: 90% !important;
    }
    #what-we-offer {
        width: 100%;
        margin-left: 0%;
        padding-left: 0;
        padding-right: 0px;
    }
    section h2.section-heading {
        font-size: 38px;
    }
    .navbar-header {
        width: 100%;
    }
    #slider-case-study {
        width: 50%;
    }
    #slider-case-client {
        width: 100%;
    }
    .tsestimonial {
        /*margin-top:125px;*/
        margin-top: 383px;
    }
    .map {
        width: 100%;
    }
    #partners #head-text {
        width: 100%;
        margin: 0 auto;
    }
    #partners #head-text #heading {
        width: 50.333333%;
        float: left;
    }
    #partners #head-text #heading h2 {
        font-size: 20px;
    }
    #partners #head-text #hr-one {
        width: 20.333333%;
        margin-left: 0%;
        padding-top: 2.5%;
        float: left;
    }
    #partners #head-text #hr-two {
        width: 20.333333%;
        padding-top: 2.5%;
        float: left;
    }
    .text-center #hr-one hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .text-center #hr-two hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #head-text #hr-one {
        width: 20.333333%;
        margin-left: 15%;
        padding-top: 1.2%;
    }
    #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.2%;
    }
    #head-text .col-lg-4 {
        padding-right: 0px;
        padding-left: 0px;
    }
    #services #head-text #heading {
        width: 28.333333%;
    }
    #services #head-text #hr-one {
        width: 20.333333%;
        margin-left: 15%;
        padding-top: 1.2%;
    }
    #services #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.2%;
    }
    #competencies #head-text #heading {
        width: 16.333333%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #competencies #head-text #hr-one {
        width: 24.333333%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #competencies #head-text #hr-two {
        width: 24.333333%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .bg-work #head-text #hr-one {
        width: 20.333333%;
        margin-left: -1%;
        padding-top: 8.6%;
        float: left;
    }
    .bg-work #head-text #hr-two {
        width: 20.333333%;
        padding-top: 8.6%;
        float: left;
    }
    .bg-work #head-text #heading {
        width: 60.333%;
        float: left;
    }
    .bg-work #head-text #heading h1 {
        font-size: 24px;
    }
    .bg-work #hr-one hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .bg-work #hr-two hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .case-study1 #slider-case-client #hr-one {
        width: 22.333333%;
        margin-left: 0%;
        padding-top: 9.3%;
        float: left;
        padding-right: 0px;
    }
    .case-study1 #slider-case-client #hr-two {
        width: 22.333333%;
        padding-top: 9.3%;
        float: left;
        margin: 0;
        padding-left: 0px;
    }
    .case-study1 #slider-case-client #heading {
        width: 52.333%;
        float: left;
        margin: 0;
        padding: 0;
    }
    .case-study1 #slider-case-client #heading h1 {
        font-size: 24px;
    }
    .case-study1 #hr-one hr {
        width: 99%;
        float: left;
        color: #bab6b6;
        border-top: 1px solid #bab6b6;
    }
    .case-study1 #hr-two hr {
        width: 99%;
        float: left;
        color: #bab6b6;
        border-top: 1px solid #bab6b6;
    }
    .case-study1 p {
        width: 100%;
    }
    #team #head-text #hr-one {
        width: 20.333333%;
        margin-left: 19%;
        padding-top: 1.6%;
    }
    #team #head-text #hr-two {
        width: 20.333333%;
        padding-top: 1.6%;
    }
    #team #head-text #heading {
        width: 20.333%;
    }
    #team #hr-one hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #team #hr-two hr {
        width: 99%;
        float: left;
        color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    .tsestimonial #head-text {
        width: 100%;
    }
    .tsestimonial #head-text #heading {
        width: 48.333333%;
        margin-top: -5%;
        float: left;
    }
    .tsestimonial #head-text #heading h1 {
        font-size: 24px;
    }
    .tsestimonial #head-text #hr-one {
        width: 20.333333%;
        margin-left: 5%;
        padding-top: 23.8%;
        float: left;
    }
    .tsestimonial #head-text #hr-two {
        width: 20.333333%;
        padding-top: 23.8%;
        float: left;
    }
    #contact #head-text #heading {
        width: 43.333333%;
        float: left;
    }
    #contact #head-text #heading h2 {
        font-size: 24px;
    }
    #contact #head-text #hr-one {
        width: 20.333333%;
        margin-left: 7%;
        padding-top: 4.4%;
        float: left;
    }
    #contact #head-text #hr-two {
        width: 20.333333%;
        padding-top: 4.4%;
        float: left;
    }
    .contact-p {
        width: 88%;
        padding: 6% 0 8%;
    }
    .partners1 img {
        width: 100%;
    }
    .partners2 img {
        width: 100%;
    }
    .partners1 {
        /*margin-right:-30px; margin-left:0px;*/
        float: none;
        width: 100%;
        margin-left: 35%;
        margin-top: -90%;
    }
    .partners2 {
        /*margin-right:-30px; margin-left:0px;*/
        float: none;
        width: 100%;
        margin-left: 35%;
        margin-top: -90%;
    }
}
.bg-work .box4 h5 {
    font-size: 16px !important;
    margin-top: 0 !important;
}
.section-partners {
    padding-top: 5%;
}
.bg-work .box4 p {
    font-size: 12px !important;
}
#portfolioModalsi h4 {
    font-size: 18px;
    color: #337ab7;
    margin-left: 0px;
    width: 90%;
    margin-top: 30px;
    font-weight: normal;
}
#portfolioModalac h4 {
    font-size: 18px;
    color: #337ab7;
    margin-left: 0px;
    width: 90%;
    margin-top: 30px;
    font-weight: normal;
}
#client-1 img {
    width: 15%;
    margin: 2px;
}
#client-2 img {
    width: 15%;
    margin: 2px;
}

/*
     FILE ARCHIVED ON 01:24:02 Dec 20, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:17:07 Sep 12, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/


/*
playback timings (ms):
  captures_list: 0.497
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.01
  esindex: 0.01
  cdx.remote: 5.987
  LoadShardBlock: 171.958 (3)
  PetaboxLoader3.datanode: 155.946 (4)
  PetaboxLoader3.resolve: 165.832 (2)
  load_resource: 154.434
*/