/*
Intros
*************************************************/
.intro-second {
    margin-top:100px;
    margin-bottom:50px;
}
.intro-second .title {
    border-bottom:1px solid #FB6816;
}
.intro-second h2 {
    text-transform:none;
    color:#202835;
    font-size:25px;
}
.intro-second .intro-text {
    font-size:20px;
    color:#44495e;
    text-align:center;
    padding:50px 0 70px 0;
}
.intro {
    margin:80px auto;
}
.intro h2 {
    border-bottom:1px solid #FB6816;
    text-align:center;
    padding-bottom:10px;
}
.intro .intro-text {
    font-size:20px;
    color:#44495e;
    text-align:center;
    padding:20px 0;
}
.person {
    margin-top:-88px;
}
.person .details {
    margin-top:140px;
}
.person-title {
    margin-left:10px;
    padding:10px;
    background:#44495e;
    border-top:6px solid #FB6816;
}
.person-title h3 {
    font-size:35px;
    line-height:1.1em;
    color:#fff;
}
.person-title p {
    color:#FB6816;
    font-size:20px;
    margin:0;
}

.person {
}



.quote {
    background: #FB6816;
    padding:50px 0;
}
.quote .container {
    position:relative;
}
.quote blockquote {
    border: none;
    padding:0 80px;
    position:relative;
}

.quotedown {
    top:auto;
    left:auto;
    right:0;
    bottom:0;
    background-position:right bottom;
}
.quote blockquote p {
    text-align:center;
    font-size: 25px;
    line-height:30px;
    color:#fff;
}
/***
Service
*******/
@media (min-width: 1200px) {
    .delimiter-hbl {
        position: absolute;
        left:0;
        bottom:0;
        width:95%;
        border-bottom:1px solid red;
    }
    .delimiter-hbr {
        position: absolute;
        right:0;
        bottom:0;
        width:95%;
        border-bottom:1px solid red;
    }
    .delimiter-vrb {
        position: absolute;
        right:0;
        bottom:10%;
        height:80%;
        border-right:1px solid red;
    }
    .delimiter-vrt {
        position: absolute;
        right:0;
        top:10%;
        height:80%;
        border-right:1px solid red;

    }
    .delimiter-top{
        border-top:1px solid red;
    }
}

.boxicon {
    padding-top:50px;
    padding-bottom:50px;
    z-index:20;
}
.boxicon-icon {
    position:absolute;
    top:50px;
    left:0;
    text-align: center;
    font-size: 72px;
    line-height: 100px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: green;
    color: #fff;
}
.boxicon-icon2{
    background-color: red;
}
.boxicon-icon i {
    vertical-align: top;
    line-height: inherit;
}
.boxicon.left .boxicon-text {
    margin-left:105px;
    padding-right:20px;
}
.boxicon.right .boxicon-icon {
    right:0;
    left:auto;
}
.boxicon .boxicon-text p {
    font-size:15px;
}
.boxicon.right .boxicon-text {
    margin-right:105px;
    text-align:right;
    padding-left:20px;
}
.right-align {
    text-align:right;
}
.thumbnail {
    border-radius:0;
    border:none;
    position:relative;
    padding:0;
    margin-bottom:30px;
}
.thumbnail .mask {
    position:absolute;
    top:0;
    left:0;
    background:#FB6816;
    opacity:0;
    width:100%;
    height:100%;
    transition: opacity 0.5s;
}
.thumbnail .mask a {
    color:#fff;
    position:absolute;
    font-size:17px;
}
.thumbnail .mask .search {
    left:50%;
    margin-left:-40px;
    bottom:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.thumbnail .mask:hover .search {
    bottom:50%;
    margin-top: -8px;
}

.thumbnail .mask .link{
    left:50%;
    margin-left:16px;
    bottom:100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.thumbnail .mask:hover .link {
    bottom:50%;
    margin-top: -8px;
}
.thumbnail:hover .mask {
    opacity:0.9;
}
.thumbnail.person {
    overflow:hidden;
    border-top: 6px solid #FB6816
}
.thumbnail.person .mask {
    left:-75%;
    top:60%;
    width:75%;
    height:50px;
    opacity:0.7;
    background: #44495e;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.thumbnail.person:hover .mask{
    left:0;
}

.thumbnail.person .mask p {
    padding:5px;
    padding-left:30px;
    color:#fff;
}
.btn {
    padding: 10px 40px;
}
.btn-default {
    background-color: #FB6816;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #FB6816, 0px 2px 0px 0px #D45711;
    -moz-box-shadow: inset 0px 1px 0px #FB6816, 0px 2px 0px 0px #D45711;
    -o-box-shadow: inset 0px 1px 0px #FB6816, 0px 2px 0px 0px #D45711;
    box-shadow: inset 0px 1px 0px #FB6816, 0px 2px 0px 0px #D45711;
    border: none;
}
.btn-default:hover {
    background-color: #FF7A30;
    color:#fff;
}

.chart {
    position: relative;
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    margin-bottom:20px;
    text-align: center;
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.skill {
    display: inline-block;
    line-height: 130px;
    z-index: 2;
}

.infographic h4 {
    border-bottom:1px solid #FB6816;
    color:#FB6816;
    padding:10px 0;
}
.infographic h3 {
    color:#fff;
    font-size:30px;
}
.infographic p {
    color:#70788C;
    margin-bottom:30px;
}

.div_center{
    text-align: center;
}
.row > [class*="col-"] {
    margin-bottom: 0px; }
@media (max-width: 1200px) {
    .min_img{
        width: 100%;
    }
}