@import url('https://fonts.googleapis.com/css?family=Roboto:400,600,700,900 | Source+Sans+Pro:400,600,700,900');


/* 1.2 - Global Style
------------------------------------------------------------------------*/
body {
    color: #4d4747;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;

    text-rendering: optimizeLegibility !important;

    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;

    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
p,
.description {
    color: #4d4747;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
    margin-top: 15px;
}
a {
    text-decoration: none;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
a:focus,
a:hover {
    color: #4d4747;
    text-decoration: none;
}
h1 {
    font-size: 50px;
}
h2 {
    font-size: 25px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 15px;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
    height: auto;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
ul,
li {
    margin: 0;
    padding: 0;
}
li {
    display: inline-block;
    list-style: none;
}
img {
    max-width: 100%;
}
a:focus {
    outline: 0;
}
a:hover {
    color: #272727;
}
.media {
    padding: 0;
    margin: 0;
}
select:focus,
input:focus,
button:focus,
textarea:focus,
.form-control:focus,
button {
    box-shadow: none;
    outline: 0;
}
iframe {
    border: none;
    border-radius: 0;
    width: 100%;
}

button:focus,
button:visited,
input:focus,
input:visited,
.btn:focus,
.btn:visited {
    box-shadow: none !important;
    outline: 0 !important;
}
.social-icon a {
    color: #666;
    display: inline-block;
    font-size: 20px;
    margin: 5px; 
}
.social-icon a:hover{
    color:#262626;
    text-decoration: none;
}
.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.overlay {
    background: rgba(36, 36, 36, 0.1);
}
.section-padding {
    padding: 85px 0;
}
.padding {
    padding-bottom: 130px;
}

.section-title,
.title {
    font-family: 'Source Sans Pro', sans-serif;
    color: #272727;
    font-size: 1.75em;
    font-weight: 700;
    text-transform: uppercase;    
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: 2px;
}
.section-title {
    margin-bottom: 100px;
}
.section-sub-title {
    color: #272727;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    margin: -3px 0 57px;
    position: relative;
    text-transform: uppercase; 
}
.section-sub-title:before {
    content: '';
    background: #e6e6e6;
    height: 2px;
    width: 50px;
    left: 0;
    bottom: -8px;
    position: absolute;
}
.section-description {
    color: #4d4747;
    font-size: 1.25em;
    line-height: 28px;
    margin: -20px auto 100px;
    max-width: 1000px;
    text-align: justify;
}
.title {
    font-size: 25px;
    margin-bottom: 0;
    text-align: left;
}
.item-title {
    font-size: 1.25em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.overlay .section-title,
.overlay .title {
    color: #ffffff;
}
.home .overlay {
    background: rgba(17, 17, 17, 0.15);
}
.overlay.dark {
    background: rgba(30, 30, 30, 0.75);
}
.overlay {
    background: rgba(36, 36, 36, 0.7);
    height: 100%;
}
.mb-0 {
    margin-bottom: 0 !important;
}

.item,
.item-icon {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn {
    background: #ffa726;
    border-color: #ffa726;
    font-family: 'Source Sans Pro', helvetica, sans-serif;
    border: 1px solid #ffa726;
    border-radius: .5em;
    padding: 15px 48px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn:hover {
    background: #fff;
    border-color: #353535;
    color: #353535;
}
.btn.white-bg {
    background: #fff;
    border-color: #262626;
    color: #262626;
} 
.btn.white-bg:hover {
    background: #ffa726;
    border-color: #ffa726;
    color: #fff;
}
.dropcap { 
    float: left; 
    font-size: 75px;
    font-weight: 700; 
    line-height: 60px;  
    padding: 4px 8px 0 0;
    text-transform: uppercase;
}
.overlay .btn {
    border-color: #d8d8d8;
    color: #d8d8d8;
}
.overlay .btn:hover {
    background: #d8d8d8;
    color: #262626;
}

.background-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.bg-gray {
    background-color: #f2f2f2;
}

.callout-action {
    color: #fff;
}
.callout-action .overlay {
    padding: 125px 0; 
    background: rgba(36, 36, 36, 0.5); 
}
.pop-video {
    background-color: rgba(0, 0, 0, 0.55);
    color: #f1f1f1;
    display: inline-block;
    font-size: 22px;
    height: 46px;
    line-height: 50px;
    width: 46px;
    left: 50%;
    margin-left: -23px;
    top: 50%;
    margin-top: -23px;
    text-align: center;
    position: absolute;
}
.banner .pop-video {
    background: none;
    height: initial;
    width: initial;
    position: initial;
}
.banner .pop-video:before {
    content: '';
    display: none;
}
.footer-social-icon {
    padding-bottom: 30px;
}
.team .member:hover img {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
}
.blog.blog-page article {
    margin-bottom: 100px;
}
.blog.blog-page article .entry-thumbnail {
    margin-bottom: 40px;
}

.scroll-to-top {
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    font-size: 24px;
    position: fixed;
    right: 50px;
    bottom: 40px;
    cursor: pointer;
    opacity: .7;
    z-index: 99999;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
}

.sidebar .widget {
    margin-bottom: 60px;
}
.widget-title {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 35px;
}
.sidebar .widget-title {
    color: #272727;
}
.sidebar .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* 2 ---------- Page Name Section ----------*/

.page-name .name-box {
    border: 2px solid #fff;
    margin: 100px auto;
    max-width: 600px;
    padding: 30px;
    text-transform: uppercase;
}
.page-name .box-details {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 70px 50px;
}
.page-name .title {
    color: #262626;
    font-size: 30px;
    letter-spacing: 3px;
    margin: 0;
    padding: 0 0 13px;  
    text-align: center;
}
.page-name .location {
    color: #666; 
    font-family: 'Roboto';
    font-size: 13px;
    margin: 0;
}
.page-name .location a {
    color: #bfbfbf;
    font-family: 'Roboto';
    position: relative;
    padding-right: 10px;
}
.page-name .location a:after {
    content: "/";
    font-size: 13px;
    margin-left: 13px;
}
.top-section .page-name {
    margin-top: 0;
}

/* 2.1 -------- Page Name 02 & 03 --------*/

.page-name-2 .name-box,
.page-name-3 .name-box  {
    border: none;
    margin: 0;
    max-width: initial;
    padding: 0;
}
.page-name-2 .box-details,
.page-name-3 .box-details {
    background: none;
    padding: 0 !important;
}
.page-name-2 .title,
.page-name-3 .title {
    color: #fff;
    padding: 13px 0 0;
    text-align: left;
}
.page-name-2 .location,
.page-name-3 .location {
    color: #bfbfbf;
    display: inline-block;
    letter-spacing: 1px;
    padding: 15px 20px;
    text-align: left;
}
.page-name-2 .location {
    background: rgba(0, 0, 0, 0.5);
}
.page-name-3 .location {
    background: none;
}
.page-name-2 .location a,
.page-name-3 .location a {
    color: #8b8b8b;
}
.page-name-2 .location a:after,
.page-name-3 .location a:after {
    content: '';
    display: none;
}
.page-name-3 .section-padding {
    padding: 80px 0 153px;
}

/* 2.2 -------- Page Name 04 --------*/

.page-name-4 {
    background: #e6e6e6;
}
.page-name-4 .section-padding,
.page-name-5 .section-padding {
    padding: 80px 0 102px;
}
.page-name-4 .name-box,
.page-name-5 .name-box  {
    border: none;
    margin: 0;
    max-width: initial;
    padding: 14px 0 0;
}
.page-name-4 .box-details,
.page-name-5 .box-details {
    background: none;
    padding: 0 !important;
}
.page-name-4 .title,
.page-name-5 .title {
    color: #262626;
    padding: 13px 0 0;
    text-align: left;
}
.page-name-4 .location,
.page-name-5 .location {
    color: #666;
    display: inline-block;
    letter-spacing: 1px;
    padding: 15px 20px;
    text-align: left;
}

/* 2.3 -------- Page Name 05 --------*/

.page-name-5 {
    background: transparent;
}

/* 2.4 -------- Page Name 06 --------*/

.page-name-6 .title {
    color: #fff;
    text-align: center;
}
.page-name-6 .name-box {
    border: none;
    margin: 0 auto;
    max-width: 630px;
    padding: 0;
}
.page-name-6 .box-details {
    background: rgba(0, 0, 0, 0.5);
    padding: 35px 50px;
}

/* 3 ------------- Banner Styles --------------*/

.banner {
    height: 25vh;
    position: relative;
}
.banner .content {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    position: absolute;
    top: -190%;
    left: 15px;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.banner .sub-title {
    color: #fff;
    font-size: 30px;
}
.banner .title {
    color: #fff;
    font-size: 50px;
    margin: 30px 0 65px;
    text-align: center;
}
.banner .btn {
    margin: 9px;
    margin-left: 0;
}

/* 4 ------------ About Styles -----------*/

/* 4.1 ------ About 01 ---------*/

.about-1 .heading {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding-left: 20px;
    position: relative;
}
.about-1 .heading:before {
    content: '';
    border-left: 2px solid #d9d9d9;
    left: 0;
    top: -3px;
    height: 100%;
    position: absolute;
}
.about-1 .numb {
    color: #cccccc;
    font-size: 30px;
    margin-bottom: 10px;
}
.about-1 .title {
    color: #272727;
    font-size: 20px;
}

/*  4.2------ About 02 ---------*/

.about-2 .icon {
    color: #252525;
    font-size: 35px;
    margin-bottom: 15px;
}

/* 4.3 ------ About 03 ---------*/

.about-3 .heading {
    position: relative;
    margin-bottom: 40px;
}
.about-3 .title {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.44);
    font-size: 20px;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 15px 30px;
}
.about-3 .heading img {
    width: 100%;
}
.about-3 .description {
    padding-right: 0;
}

/* 4.4 --------- About 04 ---------*/

.about-4 .section-padding {
    padding-bottom: 0;
}
.about-box .item {
    border: 1px solid #fff;
    height: 200px;
    overflow: hidden;
    padding: 0;
}
.about-box .item-title {
    color: #272727;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    margin-top: 16px;
    text-transform: uppercase;
}
.about-box .icon {
    color: #272727;
    font-size: 35px;
}
.about-box .item .item-front,
.about-box .item .item-back {
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    text-align: center;
    display: block;
    height: 200px;
    width: 100%;
    padding: 20px;
    overflow: hidden;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.about-box .item .item-front {
    background: #f2f2f2;
    padding-top: 62px;
    z-index: 2;
}
.about-box .item .item-back {
    background-color: #262626;
    padding-top: 25px;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateY(110px) rotateX(-90deg);
    -moz-transform: translateY(110px) rotateX(-90deg);
    -ms-transform: translateY(110px) rotateX(-90deg);
    -o-transform: translateY(110px) rotateX(-90deg);
    transform: translateY(110px) rotateX(-90deg);
}
.item-back .item-title,
.item-back .description {
    color: #ccc;
    margin-top: 0; 
}
.about-box .item:hover .item-front,
.about-box .item:focus .item-front,
.about-box .item:active .item-front {
    opacity: 0;

    -webkit-transform: translateY(-110px) rotateX(90deg);
    -moz-transform: translateY(-110px) rotateX(90deg);
    -ms-transform: translateY(-110px) rotateX(90deg);
    -o-transform: translateY(-110px) rotateX(90deg);
    transform: translateY(-110px) rotateX(90deg);
}
.about-box .item:hover .item-back,
.about-box .item:focus .item-back,
.about-box .item:active .item-back {
    opacity: 1;

    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}

/* 4.5 --------- About 05 ---------*/

.about-5 .description {
    padding: 15px 0 0;
}
.about-5 .btn {
    margin-top: 40px;
}
.about-5 img {
    padding-left: 50px;
}

/* 5 -------------- Skills Styles --------------*/

.thin.progress {
    background-color: #e5e5e5;
    box-shadow: none;
    height: 4px;
    margin-top: 45px;
    position: relative;
    overflow: visible;
}
.progress-bar {
    background-color: #ffa726;
    box-shadow: none;
    position: relative;
    font-size: 16px;
}
.thin .progress-text,
.thin .progress-percent {
    font-family: 'Source Sans Pro', sans-serif;
    position: absolute;
    top: -25px;
    font-size: 1.0625em;
    left: 0;
    color: #272727;
    text-transform: uppercase;
}
.thin .progress-percent {
    right: 0;
    left: inherit;
}

/* 5.1 ------- Skill 02 --------*/

.skill-2 .progress.thin {
    max-width: 145px;
    margin-top: 75px;

    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg);
}
.skill-2 .progress-text,
.skill-2 .progress-percent {
    font-family: 'Source Sans Pro', sans-serif;
    position: absolute;

    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);
}
.skill-2 .progress-percent {
    top: 30px;
    right: -15px;
}
.skill-2 .progress-text {
    top: 40px;
    left: -18px;
}
.skill-2 .col-sm-3:nth-child(2) .progress-text {
    top: 63px;
    left: -41px;
}
.skill-2 .col-sm-3:nth-child(3) .progress-text {
    top: 50px;
    left: -26px;
}
.skill-2 .col-sm-3:nth-child(4) .progress-text {
    top: 53px;
    left: -31px;
}

/* 5.2 ------- Skill 02 --------*/

.skill-4 {
    max-height: 462px;
    overflow: hidden;
}
.skill-4 .section-padding {
    padding: 45px 0 0;
}
.circliful {
    display: inline-block;
    margin: 0 -10px;
    position: relative; 
}
.circle-text, 
.circle-info, 
.circle-text-half, 
.circle-info-half {
    color: #272727;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    font-weight: 500;
    width: 100%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
}
.circle-info-half {
    margin-top: -5px;
}
.circliful .fa {
    margin: -10px 3px 0 3px;
    position: relative;
    bottom: 4px;
}
.circle-progress-bars {
    margin-top: -20px;
}

/* 6 ------------ Services -----------*/

.services .section-padding {
    padding-bottom: 60px;
}
.services .item {
    padding-bottom: 70px;
}
.services .item-title,
.services .title {
    color: #272727;
    font-size: 20px;
    margin-bottom: 20px;
}

/* 6.1 ------ Service 1 ------*/
.service-1 .icon {
    color: #cccccc;
    font-size: 100px;
    float: left;
    margin: 10px 45px 0 0;
}
.service-1 .info {
    overflow: hidden;
}

/* 6.2 ------ Service 2 ------*/

.service-2 .section-padding {
    padding-bottom: 70px;
}
.service-2 .item {
    border: 2px solid #f2f2f2;
    margin-bottom: 60px;
    padding-bottom: 0;

    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
.service-2 .icon {
    background: #f2f2f2;
    border-radius: 0; 
    color: #ccc;
    font-size: 75px;
    float: left;
    width: 150px;
    height: 100%; 
    line-height: 200px; 
    text-align: center;

    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
.service-2 .item:hover {
    border-color: #ffa726;
}
.service-2 .item:hover .icon {
    background: #ffa726;
    color: #fff;
} 
.service-2 .item-details {
    padding: 35px 15px 35px 30px;
}
.service-2 .description {
    margin: 20px 0 0;
}

/* 6.3 ------ Service 3 ------*/

.service-3 .title,
.service-4 .title {
    margin-bottom: 22px;
    text-align: center;
}
.service-3 .icon,
.service-4 .icon {
    color: #262626;
    font-size: 50px;
    margin: 0 auto 35px;
}

/* 6.4 ------ Service 4 ------*/
.anyimg {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  
}
.service-4 .section-padding {
    padding: 70px 0 75px;
}
.service-4 .title {
    color: #fff;
    margin-bottom: 22px;
    text-align: center;
}
.service-4 .icon {
    color: #fff;
    font-size: 50px;
    margin: 0 auto 35px;
}
.service-4 .section-title,
.service-4 .section-description {
    color: #fff;
}
.service-4 .description {
    color: #bfbfbf;
    padding-right: 0;
}
.service-4 .service-slider i {
    display: inline-block;
    margin-bottom: 15px !important;
}

/* 6.5 ------ Service 5 ------*/

.service-5 .section-padding {
    padding: 195px 0;
}
.service-5 .left-side, 
.service-5 .right-side {
    margin-top: 50px;
}
.service-5 .item {
    margin-top: 30px;
    padding-bottom: 0;
}
.service-5 .item-title {
    color: #272727;
}
.service-5 .description {
    padding-top: 7px;
}

/* 6.6 ------ Service 6 ------*/

.service-6 .section-padding {
    padding: 195px 0 140px;
}
.service-6 .item {
    display: inline-block;
    margin-bottom: 60px;
    padding: 0;
}
.service-6 .icon-box {
    background: #fff;
    color: #262626;
    font-size: 75px;
    line-height: 200px;
    width: 150px;
    text-align: center;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.service-6 .left-side .icon-box {
    float: right;
    margin-left: 30px;
}
.service-6 .right-side .icon-box {
    float: left;
    margin-right: 30px;
}
.service-6 .item-title {
    color: #272727;
    margin: 0;
    padding: 37px 0 5px;
}
.service-6 .left-side .description {
    padding: 0 0 0 15px;
}
.service-6 .right-side .description {
    padding: 0 15px 0 0;
}
.service-6 .item:hover .icon-box {
    background: #ffa726;
    color: #fff;
}

/* 7 -------------- Facts ------------ */

.facts .section-padding {
    padding: 150px 0 140px;
}
.facts .item {
    color: #666;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    text-align: center;
}
.overlay .facts .item {
    color: #a6a6a6;
}
.count-inner {
    color: #262626;
    font-size: 2.75em;
    margin: auto;
    line-height: 36px;
}
.overlay .count-inner {
    color: #ffffff;
}
.fact-title {
    color: #cacaca;
    font-size: 18px;
    margin-top: 15px;
}
.facts .count {
    margin-left: -10px;
}

/* 7.1 -------- Fact 01 ---------*/
.fact-1 .count-inner {
    border: 2px solid #a6a6a6;
    font-weight: 700;
    width: 100px;
    height: 60px;
    line-height: 60px;
}

/* 7.2 -------- Fact 02 ---------*/
.fact-2 .icon,
.fact-3 .icon  {
    color: #fff;
    font-size: 40px;
}
.overlay .fact-2 .icon {
    color: #ffffff;
}
.fact-2 .fact-title {
    color: #fff;
    margin-bottom: 18px;
    position: relative;
}
.fact-2 .fact-title:before {
    content: "";
    position: absolute;
    background: #a6a6a6;
    height: 2px;
    bottom: -10px;
    left: 50%;
    width: 96px;
    margin-left: -48px;
}

/* 7.3 -------- Fact 03 ---------*/

.fact-3 .icon {
    font-size: 44px;
    margin: 0;
    padding: 26px 20px 0 0;
}
.fact-3 .item-details {
    border-left: 2px solid #a6a6a6;
    padding: 20px 0 10px 15px;
    position: relative;
}
.fact-3 .count-inner {
    color: #fff;
}
.fact-3 .fact-title {
    margin-top: 10px;
}

/* 7.4 -------- Fact 04 ---------*/

.fact-4 .section-padding {
    padding: 195px 0;
}
.fact-4 .item {
    padding: 39px 15px;
    position: relative;
}
.fact-4 .item:before {
    content: '';
    background: #f2f2f2;
    height: 100%;
    width: 2px;
    top: 0;
    right: 15px;
    position: absolute;
}
.fact-4 .col-sm-3:last-child .item:before {
    content: '';
    display: none;
}
.fact-4 .icon {
    color: #666;
    font-size: 44px;
    padding: 10px 20px 0 0;
}
.fact-4 .count-inner {
    color: #666;
}
.fact-4 .fact-title {
    margin-top: 10px;
}

/* 7.5 -------- Fact 10 ---------*/

.fact-10 i {
    color: #262626;
    font-size: 44px;
}
.fact-10 .fact-title {
    color: #4d4747;
    position: relative;
    padding-bottom: 14px;
}
.fact-10 .fact-title:before {
    content: '';
    background: #999;
    height: 2px;
    width: 94px;
    bottom: 0;
    left: 50%;
    margin-left: -47px;
    position: absolute;
}
.fact-10 .count-inner {
    font-weight: 700;
    margin-top: 8px;
}

/* 8 ------------ Portfolio Works -------------*/

/* ----------- ItemFilters ---------- */

.itemFilter {
    margin-bottom: 70px;
    text-align: center;
}
.itemFilter a {
    border-bottom: 2px solid transparent;
    color: #666;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    margin: 0 43px 20px;
    text-transform: uppercase;
}
.itemFilter a:hover {
    color: #272727;
}
.itemFilter a.current {
    border-color: #ffa726;
    color: #e65100;
}

.work .item {
    overflow: hidden;
    position: relative;
}
.image-popup-vertical-fit {
    cursor: crosshair;
    display: inline-block;
    position: relative;
}
.image-popup-vertical-fit:before {
    content: '';
    background: rgba(255, 255, 255, 0.85);
    height: 101%;
    width: 100%;
    top: 0;
}
.image-popup-vertical-fit:before,
.work .item-details,
.work .image-popup-vertical-fit:after {
    position: absolute;
    left: 0;
    opacity: 0;

    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
.item:hover .image-popup-vertical-fit:before {
    opacity: 1;
}
.work .image-popup-vertical-fit:after {
    content: '';
    background: transparent;
    border: 10px solid #ffa726;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    height: 87%;
    width: 89%;
}
.work .item:hover .image-popup-vertical-fit:after {
    opacity: 1;
}
.work .item-details {
    font-family: 'Source Sans Pro', sans-serif;
    left: 50%;
    top: 50%;
    line-height: 0;
    padding: 35px;
    text-align: center;
    width: 100%;
    -webkit-transform: translate(-50%, -20%);
    -moz-transform: translate(-50%, -20%);
    -ms-transform: translate(-50%, -20%);
    -o-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
}
.work .item-details:before {
    content: '';
    background: transparent;
}
.work .item:hover .item-details {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.work .item-title,
.work .item-title a {
    color: #262626;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}
.work .category {
    color: #666;
    display: block;
    font-size: 14px;
    padding-top: 15px;
    text-transform: capitalize;
}
.work .btn {
    display: inline-block;
    margin-top: 65px;
}

/* 8.1 -------- Work 01 ---------*/
.work-1 .owl-item img {
    transform-style: initial;
}
.work-1 .owl-controls {
    display: none !important;
}

/* 8.2 -------- Work 02 ---------*/
.work-2 .item {
    border: 2px solid #fff;
    padding: 0;
}

/* 8.3 -------- Work 03 ---------*/
.masonry {
    overflow: hidden;
    margin: 0 auto;
}
.recent-work.masonry img {
    width: 100%;
    height: 100%;
}
.masonry div {
    width: 388px;
    height: 250px;
}
.masonry div.sq {
    width: 300px;
    height: 300px;
}
.masonry div.sqb {
    width: 388px;
    height: 350px;
}
.masonry div.wd {
    width: 445px;
}
.masonry div.hl {
    height: 300px;
}
.work-3 .item {
    border: 2px solid #fff;
}
.work-3 .item-details {
    background: rgba(255, 255, 255, 0.85); 
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: inherit;
    padding-left: 50px;
}
.work-3 .item:hover .item-details {
    top: 0;
    padding-top: 50px;
}
.work-3 .image-popup-vertical-fit {
    border: 2px solid #ccc;
    border-radius: 50%;
    bottom: 0;
    color: #ccc;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    position: absolute;
}
.work-3 .image-popup-vertical-fit:before {
    content: '';
    display: none;
}
.work-3 .item:hover .image-popup-vertical-fit {
    bottom: 50px;
}
.work-3  .image-popup-vertical-fit:hover {
    border-color: #262626;
    color: #262626;
}

/* 8.4 -------- Work 04 ---------*/

.work-4 {
    margin: 2px -2px 0;
}
.work-4 .item {
    border: 2px solid #fff;
}
.recent-work-4 {
    margin: 0 -2pc;
}

/* 8.5 -------- Work 05 ---------*/

.recent-work-5 {
    margin: 0 -2pc;
}
.recent-work-5 .item {
    border: 3px solid #fff;
}


/* 8.6 -------- Work 06 & 07 ---------*/

.work-6 .item,
.work-7 .item  {
    border: 2px solid #fff;
    padding: 0;
}
.work-7 .section-padding {
    padding-bottom: 0;
}
.work-7 .recent-works {
    clear: both;
    display: inline-block;
}

/* 9 ----------- Clients Section -----------*/

.clients .section-padding {
    padding: 150px 0;
}
.clients-logo {
    display: inline-block;
}
.clients img {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .5;
}
.clients img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.clients-2 .section-padding {
    padding: 165px 0 200px;
}

/* 10 ----------- Features & About More Section -----------*/

.features .title ,
.about-more .title,
.about-5 .title {
    color: #262626;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2.5px;
    margin-top: -10px;
    text-transform: none;
}
.features .description {
    font-size: 18px;
    padding-top: 10px;
}
.features-list,
.trends-list li {
    position: relative;
    padding: 13px 0 0;
    list-style: none;
}
.features-list li,
.trends-list li {
    color: #666;
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 32px;
    padding-left: 35px;
}
.features-list li:before,
.trends-list li:before {
    content: "\e079";
    position: absolute;
    font-family: 'simple-line-icons';
    left: 0;
}
.features-list li p {
    line-height: 30px;
    margin: 0;
    padding: 0;
}
.features .btn,
.about-more .btn {
    margin-top: 35px;
}
.about-more .description {
    font-family: 'Roboto';
    font-size: 15px;
    padding-top: 16px;
}
.about-more .description strong {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.75px;
    margin-bottom: 33px;
}

/* 10.1 ----------- Features 02 -----------*/

.feature-2 .description {
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.4px;
    padding-top: 0;
}
.feature-2 .features-list {
    padding-top: 17px;
}
.feature-2 .features-list li {
    line-height: 34px;
}

/* 10.2 ----------- Features 03 & 08 -----------*/

.feature-3 .section-padding {
    padding-top: 50px;
}
.feature-3 .item-icon,
.feature-8 .item-icon {
    background: #f2f2f2;
    border-radius: 50%;
    color: #272727;
    font-size: 35px;
    height: 160px;
    line-height: 170px;
    margin: 0 auto;
    width: 160px;

    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
.feature-8 .item-icon {
    border: 2px solid #e6e6e6;
}
.feature-3 .item:hover .item-icon,
.feature-8 .item:hover .item-icon {
    background: #272727;
    color: #f2f2f2;
}
.feature-3 .title,
.feature-8 .title {
    font-size: 20px;
    padding-top: 36px;
    text-align: center;
    text-transform: uppercase;
}
.feature-3 .description,
.feature-8 .description {
    font-size: 15px;
    margin: 5px 0 0;
    padding: 0 5px;
}

/* 10.3 ----------- Features 06 -----------*/

.feature-6 .section-padding {
    padding: 125px 0 135px;
}
.feature-6 .item {
    padding-bottom: 48px;
}
.feature-6 .icon {
    color: #ccc;
    font-size: 50px;
    width: 80px;
}
.feature-6 .item-title {
    color: #272727;
    letter-spacing: 1px;
    padding-top: 15px;
}
.feature-6 .description {
    clear: both;
    font-size: 15px;
    padding-top: 20px;
    padding-right: 0;
}

/* 10.4 ----------- Features 07 -----------*/

.feature-7 .description {
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
}

/* 10.5 ----------- Features 09 -----------*/

.feature-9 .feature-details {
    padding-right: 30px;
}
.feature-9 .title {
    color: #fff;
    font-size: 25px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}
.feature-9 .description {
    color: #d9d9d9;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 0;
    padding-top: 0;
    word-spacing: 1px;
}
.feature-9 .item {
    margin-top: 37px;
}
.feature-9 .icon {
    background: #f1f1f1;
    color: #262626;
    display: inline-block;
    font-size: 32px;
    height: 65px;
    line-height: 70px;
    margin-right: 20px;
    padding: 0;
    text-align: center;
    width: 65px;
}
.feature-9 .item-icon {
    padding: 0;
}
.feature-9 .item-title {
    color: #fff;
    font-size: 17px;
    letter-spacing: 2.75px;
    line-height: 25px;
    margin: 9px 0 0;
    padding: 0;
}
.feature-9 .feature-img {
    top: -90px;
    right: 0;
    position: absolute;
}

/* 11 ----------- Testimonials Section -----------*/

.testimonial .section-padding {
    padding: 150px 0 140px;
}
.testimonial.background-bg p {
    color: #fff !important;
}
.twitter-feed {
    color: #b2b2b2;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    position: relative;
    margin: 75px auto 0;
    max-width: 845px;
}
.testimonial-slider {
    padding-bottom: 55px;
}
.testimonial-1 .testimonial-slider {
    margin: 0 auto;
    padding-top: 57px;
}
.testimonial-slider:before {
    content: "\f10e";
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 55px;
    top: 13px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    color: #b3b3b3;
}
.testimonial-slider .avatar {
    max-width: 100px;
    margin: 0 auto;
}
.testimonial-slider .client-info {
    color: #666;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    padding-top: 10px;
}
.testimonial-slider .name {
    text-transform: uppercase;
}
.testimonial-slider .owl-controls {
    width: 100px;
    left: 50%;
    margin-left: -50px;
    bottom: 0;
    position: absolute;
}
.testimonial-slider .owl-page {
    display: inline-block;
}
.testimonial-slider .owl-page span {
    cursor: pointer;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #525454;
    display: block;
    margin: 0 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;    
}
.owl-page.active span,
.owl-page:hover span {
    background-color: #939494;
}

/* 11.1 --------- Testimonial 02 ---------*/

.testimonial-2 .testimonial-slider,
.testimonial-3 .testimonial-slider {
    margin-top: 0;
}
.testimonial-2 .testimonial-slider:before,
.testimonial-3 .testimonial-slider:before {
    content: "";
    display: none;
}
.testimonial .user-icon {
    background: #c0c0c0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 55px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 15px;
    width: 100px;
}

/* 11.2 --------- Testimonial 05 ---------*/

.testimonial-5 .section-padding {
    padding: 195px 0 140px;
}
.testimonial-5 .item {
    border: 2px solid #f2f2f2;
    margin: 0 0 60px;
    padding: 20px;
}
.testimonial-5 .avatar {
    float: left;
    max-width: 80px;
    margin-right: 15px;
    padding-right: 0;
}
.testimonial-5 .name,
.testimonial-slider-2 .name,
.testimonial-slider-3 .name,
.testimonial-slider-4 .name {
    color: #272727;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    padding-top: 10px;
    text-transform: uppercase;
}
.testimonial-5 .designation,
.testimonial-slider-2 .designation,
.testimonial-slider-3 .designation,
.testimonial-slider-4 .designation {
    color: #bfbfbf;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}
.testimonial-5 .description {
    clear: both;
    display: inline-block;
    line-height: 25px;
    margin-top: 23px;
}

/* 11.3 --------- Testimonial 06 ---------*/

.testimonial-6 .section-padding {
    padding: 200px 0 0;
}

.testimonial-slider-7 {
    padding-bottom: 60px;
}

/* 11.4 --------- Testimonial 11 ---------*/

.testimonial-11 .section-padding {
    padding: 195px 0;
}
.testimonial-11 .section-title {
    color: #fff;
}
.testimonial-11 .section-description {
    color: #bfbfbf;
}
.testimonial-11 .client-avatar {
    height: 100px;
    width: 100px;
    margin: 0 auto;
}
.testimonial-11 .description {
    color: #ccc;
    padding: 0 15%;
}
.testimonial-11 .client-info {
    color: #bdbdbd;
    padding-top: 6px;
}
.testimonial-11 .carousel-indicators {
    bottom: -58px;
}
.testimonial-11 .carousel-indicators li,
.testimonial-11 .carousel-indicators li.active {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
}
.testimonial-11 .carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}
.testimonial-11 .carousel-indicators li.active {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/* 12 ----------- Trends Section -----------*/

.trends .nav-tabs {
    border-bottom: none;
}
.trends .nav-tabs a {
    background: #f2f2f2;
    border: 2px solid #f2f2f2 !important;
    color: #272727;
    border: 1px solid #f2f2f2;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    text-transform: none;
    margin: 0 5px 5px 0;
    display: inline-block;
    text-align: center;
    padding: 22px;
    width: 205px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.trends .nav-tabs a:hover {
    background: transparent;
}
.trends .nav-tabs a .icons {
    color: #cccccc;
    display: block;
    font-size: 50px;
    margin-bottom: 15px;
}
.trends .tab-content {
    padding-left: 60px;
}
.trends .btn {
    margin-top: 35px;
}

/* 12.1 -------- Trend 02 --------*/

.trend-2 .section-padding {
    padding: 150px 0 90px;
}
.trend-2 .nav-tabs {
    margin-top: 20px;
}
.trend-2 .nav-tabs a {
    background: transparent !important;
    border-radius: 0 !important;
    color: #666;
    line-height: 75px;
    margin: 0;
    max-width: 180px;
    overflow: hidden;
    padding: 0 2px;
    position: relative;
    text-align: right;
}
.trend-2 .nav-tabs a .icons {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 12px;
    left: 52px;
}
.trend-2 .nav-tabs li {
    border: 2px solid transparent;
    border-bottom-color: #d9d9d9;
    line-height: 0;
    margin: 0;
    max-width: 180px;
    overflow: hidden;
}
.trend-2 .nav-tabs li:first-child {
    border-top-color: #d9d9d9;
}
.trend-2 .nav-tabs li.active {
    border-left-color: #d9d9d9;
}
.trend-2 .nav-tabs li.active a,
.trend-2 .nav-tabs li.active .icons {
    color: #262626;
}
.trend-2 .tab-content {
    margin-left: -15px;
}
.trend-2 .content-details {
    padding-left: 30px;
}
.trend-2 .description {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    letter-spacing: 1.5px;
    margin-top: 20px;
}
.trends-list {
    padding-left: 0;
}
.trends-list li {
    line-height: 20px;
}
.trends-list li p {
    line-height: 19px;
    margin: 0;
    padding: 0;
}
.trend-2 .tab-pane:nth-child(even) .content-details {
    padding-left: 0;
}

/* 12.2 --------- Trends 04 ----------*/

.trends.trend-4 .nav-tabs a {
    background: #fff;
}
.trends.trend-4 .nav-tabs li.active a {
    background: #ffa726;
    border-color: #ffa726;
    color: #fff;
}
.trends.trend-4 .nav-tabs li.active a .icons {
    color: #fff;
}

/* 13 ------------ Core Services Section ------------*/

.core-services .section-padding {
    padding: 135px 0;
} 
.core-services .btn {
    margin-top: 25px;
}
.core-services-2 .section-padding {
    padding: 130px 0;
}
.core-services-2 {
    overflow: hidden;
}
.core-services .description {
    padding-right: 0;
}
.phone-on-hand {
    position: absolute;
    top: -47px;
}
.big-ipad {
    position: absolute;
    top: -271px;
}

/* 13.1 -------- Core 02 ---------*/

.core-services-3 .section-padding {
    overflow: hidden;
    padding: 330px 0 0;
}
.core-services-3 .btn {
    margin-bottom: 135px;
}
.core-services-3 .big-ipad {
    top: -130px;
}

/* 13.2 -------- Core 04 ---------*/

.core-services-4 .section-padding {
    padding: 195px 0;
}
.core-services-4 .core-details {
    padding: 65px 0 0 55px;
}

/* 13.3 -------- Core 05 ---------*/

.core-services-5 .section-padding {
    padding: 90px 0 0;
}
.core-services-5 {
    max-height: 480px;
    overflow: hidden;
}
.core-services-5 img {
    max-width: 485px;
}
.core-services-5 .title {
    color: #fff;
    margin-bottom: 25px;
    padding-top: 40px;
}
.core-services-5 p {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.1px;
    line-height: 27px;
}

/* 13.4 -------- Core 06 ---------*/

.core-services-6 img {
    position: absolute;
    right: 0;
    top: -200px;
}


/* 14 ------------- Blog Post Section --------------*/

.post {
    margin-bottom: 90px;
}
.post .entry-thumbnail {
    margin-bottom: 30px;
    position: relative;
}
.post .entry-title {
    font-size: 1.125em; 
    color: #404040;
    margin: 0 0 18px;
    text-transform: uppercase;
}
.post .entry-title a {
    color: #404040;
}
.post .entry-title a:hover {
    text-decoration: none;
}
.post .entry-content {
    color: #666;
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 26px;
}
.post .entry-content p {
    letter-spacing: 0.3px;
    margin-bottom: 25px;
    padding-right: 0;
}
.post .entry-meta {
    color: #4d4747;
    font-family: 'Roboto';
    font-size: 14px;
    text-align: center;
}
.post .entry-meta a {
    color: #ffa726;
}
.post .main-content {
    overflow: hidden;
}
.blog-posts .btn-container {
    padding-top: 35px;
}
.blog-page-link {
    border-bottom: 2px solid #ffa726;
    color: #ffa726;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    display: inline-block; 
    position: relative;
    word-spacing: 5px; 
}
.padding-left {
    padding-left: 45px;
}

/* 14.1 -------- Blog Post 01 ---------*/

.blog-1 .entry-meta {
    float: left;
    margin-right: 30px;    
}
.blog-1 .post .date {
    font-weight: 700;
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 1.875em;
    border: 2px solid #d8d8d8;
}
.blog-1 .post .month {
    font-size: 1.125em;
}

/* 14.2 --------- Blog Post 02 ----------*/

.blog-2 .post .entry-title {
    margin: 8px 0 8px;
}
.blog-2 .entry-meta {
    color: #bebebe;
    display: block;
    float: none;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    margin: 0;
    text-align: left;
}
.blog-2 .author,
.blog-2 .date {
    color: #666;
}
.blog-2 .date {
    border: none;
    font-size: 15px;
    font-weight: normal;
    line-height: 0;
}
.blog-2 .entry-content {
    padding-top: 20px;
}
.blog-2 .description {
    padding-right: 0;
}
.blog-2 .btn {
    border-color: #272727;
    color: #272727;
}
.blog-2 .btn:hover {
    color: #fff;
}
.blog-2 .carousel-control {
    background: #fff;
    background-image: none !important;
    color: #262626;
    font-size: 17px;
    top: 50%;
    height: 35px;
    line-height: 38px;
    margin-top: -17px;
    opacity: 1;
    text-align: center;
    text-shadow: none;
    width: 35px;
}
.blog-2 .carousel-control.left {
    left: 3%;
}
.blog-2 .carousel-control.right {
    right: 3%;
}

/* 14.3 --------- Blog Post 04 ----------*/

.blog-4 .section-title,
.blog-4 .section-description {
    margin: 0;
    text-align: left;
    padding: 0;
}
.blog-4 .section-title {
    margin-bottom: 20px;
    padding-left: 15px;
}
.blog-4 .post-details {
    display: inline-block;
    padding-top: 95px;
}
.blog-4 article {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    margin: 0;
    padding: 0;
    position: relative;
}
.blog-4 .entry-thumbnail {
    margin: 0;
}
.blog-4 .entry-meta {
    color: #bebebe;
    text-align: left;
}
.blg-4 .entry-meta a {
    color: #d7d7d7;
}
.blog-4 .content {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px 60px;
    position: absolute;
}
.blog-4 .post-date {
    background: rgba(0, 0, 0, 0.25); 
    border: 2px solid #808080;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px;
    padding: 10px 8px;
    text-align: center;
    text-transform: uppercase;
}
.blog-4 .post-date span {
    font-size: 20px;
}
.blog-4 .entry-header {
    padding-left: 30px;
}
.blog-4 .entry-title {
    margin: 8px 0 5px !important;
}
.blog-4 .entry-title a {
    color: #fff;
}
.blog-4 .entry-meta a {
    color: #d7d7d7;
}

/* 14.4 --------- Blog Post 05 ----------*/

.blog-5 article {
    border-bottom: 2px solid #f1f1f1;
    margin: 0;
    padding: 60px 0;
    text-align: center;
}
.blog-5 article:last-child {
    border-bottom: none;
}
.blog-5 .entry-header {
    margin-top: 30px;
}
.blog-5 .entry-meta {
    display: block;
    float: none;
}
.blog-5 .entry-title {
    font-size: 30px;
    letter-spacing: 3px;
}
.blog-5 .entry-content {
    margin-bottom: 0;
    padding: 0 20%;
}
.blog-5 .btn {
    margin-top: 95px;
}


/* 15 ----------- Subscribe Section ------------*/

.subscribe .section-padding {
    padding: 150px 0;
}
.subscribe .section-title {
    color: #fff;
    margin-bottom: 35px;
}
.subscribe.bg-gray .section-title {
    color: #262626;
}
.subscribe-form {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.subscribe-form .form-control {
    color: #bfbfbf;
    width: 100%;
    height: 55px;
    background: transparent;
    border: 1px solid #d9d9d9;
    border-radius: 50px;
    padding: 6px 20px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}
.subscribe-form .btn-subscribe {
    background: #d8d8d8;
    color: #262626;
    position: absolute;
    height: 47px;
    top: 4px;
    right: 4px;
    padding: 13px 48px;
}
.subscribe-form .btn-subscribe:hover {
    background: #f2f2f2;
    color: #262626;
}
.subscribe-form .btn-subscribe:focus {
    outline: 0;
}

/* 16 ------------ Contact Section ------------*/

.contact-item {
    text-align: center;
}
.contact-item .icon {
    background: #f2f2f2;
    border-radius: 50%;
    color: #262626;
    font-size: 2.062em;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto 35px;
    text-align: center;

    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
.contact-item:hover .icon {
    background: #262626;
    color: #f2f2f2;
}
.contact-item .item-title {
    color: #272727;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-bottom: 17px;
    text-transform: uppercase;
}
.contact-item span,
.contact-item span a {
    color: #666;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

/* 16.1 -------- Contact 02 ---------*/
.contact-2 .icon,
.contact-3 .icon {
    background: transparent;
    border: 2px solid #f2f2f2;
    border-radius: 0;
    color: #262626;
}
.contact-2 .contact-item:hover .icon {
    border-color: #262626;
}

/* 16.2 -------- Contact 03 ---------*/

.contact-3 .contact-item {
    clear: both;
    margin-left: 30px;
    text-align: left;
}
.contact-3 .contact-item .icon {
    background: #f2f2f2;
    float: left;
    margin: 0 20px 12px 0;
    padding-right: 0;
}
.contact-3 .contact-item:hover .icon {
    background: #262626;
    color: #fff;
}
.contact-3 .contact-item p {
    overflow: hidden;
}
address {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-align: justify;
}
.wpcf7-form .form-control {
    color: #666;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    box-shadow: none;
    border: 0;
    border-bottom: 2px solid #d9d9d9;
    height: 55px;
    padding: 20px 0;
    margin-bottom: 33px;
    text-transform: uppercase;
    border-radius: 0;
}
.wpcf7-form .form-control:focus {
    border-color: #262626;
    outline: 0;
}
.wpcf7-form textarea.form-control {
    height: inherit;
}
.wpcf7-form input[type=button] {
    margin-top: 25px;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    background: transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.btn.focus, .btn:focus, .btn:hover {
    outline: 0;
}

/* 16.3 -------- Contact 04 ---------*/

.contact-4 .contact-item {
    text-align: left;
}
.contact-4 .icon {
    background: transparent;
    border-radius: 0;
    color: #666;
    font-size: 50px;
    float: left;
    text-align: left;
    width: inherit;
}
.contact-4 .contact-item:hover .icon {
    background: transparent;
    color: #666;
}
.contact-4 .item-details {
    margin-left: 110px;    
    padding-top: 80px;
    position: relative;
}
.contact-4 .item-details:before {
    content: '';
    background: #e6e6e6;
    position: absolute;
    height: 160px;
    width: 2px;
    top: 0;
    left: -30px;

    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

/* 17 ------------ Twitter Feed ----------- */

.tweet-feed .section-padding {
    padding: 115px 0 70px;
}
.tweet-slider {
    max-width: 685px;
    margin: 0 auto;
    min-height: 125px;
    overflow: hidden;
    padding-bottom: 50px;
    position: relative;
}
.tweet-icon {
    color: #262626;
    font-size: 40px;
    margin-bottom: 40px;
}
.tweet li {
    color: #666;
    display: none;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 26px;
    list-style: none;
    position: relative;
}
.tweet li:first-child {
    display: block;
}
.tweet-slider a {
    color: #262626;
}
.tweet-slider strong {
    font-family: 'Roboto';
    font-weight: normal;
    position: absolute;
    bottom: -30px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}

/* 18 -------------- Choose Us & Service-5 --------------*/

.choose-us .item {
    margin-top: 40px;
}
.choose-us .item .icon-box {
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.choose-us .item .icon,
.service-5 .item .icon {
    color: #ccc;
    font-size: 50px;
    width: 80px;
}
.choose-us .col-md-4:nth-child(2) {
    text-align: center;
}
.choose-us .right-side .item {
    text-align: right;
}
.choose-us .right-side .item .icon,
.choose-us .right-side .item-title,
.service-5 .right-side .item .icon,
.service-5.right-side .item-title {
    float: left;
}
.choose-us .right-side .item-title,
.choose-us .left-side .item-title,
.service-5 .right-side .item-title,
.service-5 .left-side .item-title {
    margin-top: 17px;
}
.choose-us .left-side .item .icon,
.choose-us .left-side .item-title,
.service-5 .left-side .item .icon,
.service-5 .left-side .item-title {
    float: right;
}
.choose-us .item .icon-box,
.service-5 .item .icon-box {
    clear: both;
    overflow: hidden;
}
.choose-us .description,
.service-5 .description {
    padding-right: 0;
}
.choose-us .right-side .description {
    text-align: left;
}
.choose-list p {
    line-height: 30px;
    margin: 0;
    padding: 0;
}

/* 18.1 ------- Choose Us 02 --------*/

.choose-us-2 .item {
    margin-top: 30px;
}
.choose-us-2 .item:first-child {
    margin-top: 45px;
}
.choose-us-2 .icon-box {
    margin-bottom: 25px !important;
}
.choose-us-2 .icon {
    float: left;
    margin-right: 15px;
}
.choose-us-2 .item-title {
    color: #272727;
    font-size: 18px;
    margin-top: 10px;
    padding-left: 15px;
    text-align: left;
}
.choose-us-2 .description {
    margin-top: 0;
    text-align: left;
}
.choose-us-2 img {
    margin: 0 0 0 60px;
}

/* 18.2 ------- Choose Us 03 --------*/

.choose-us-3 .section-padding {
    padding-bottom: 0;
}
.choose-us-3 .background-bg {
    background-position: center top; 
    padding-bottom: 295px;
}
.choose-us-3 .item {
    margin-top: 35px;
    text-align: left;
}
.choose-us-3 .icon-box {
    margin-bottom: 20px;
}
.choose-us-3 .item-title {
    color: #272727;
    font-size: 18px;
    padding: 15px 0 0 20px;
    text-align: left;
}

/* 18.3 ------- Choose Us 04 --------*/

.choose-us-4 .container {
    border-bottom: 2px solid #f1f1f1;
}
.choose-us-4 .title {
    font-size: 25px;
    margin-top: -3px;
    padding: 0 0 38px 30px;
}
.choose-us-4 .accordion {
    padding-left: 30px;
}

/* 18.4 ------- Choose Us 06 --------*/

.choose-us-6 .section-title {
    font-size: 40px;
    margin: -4px 0 50px;
    text-align: left;
    text-transform: initial;
}
.choose-us-6 .description strong {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 26px;
}
.choose-us-6 .btn {
    margin-top: 58px;
}

/* 19 ------------- Callout Section ---------------*/

.callout-action {
    color: #272727;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.562em;
    letter-spacing: 5px;
    text-transform: uppercase;
    line-height: 56px;
}
.callout-action .section-padding {
    padding: 70px 0;
}

/* 20 ----------- Team Member Section -----------*/

.team-1 .section-padding {
    padding-bottom: 0;
}
.team-member {
    overflow: hidden;
    position: relative;
}
.member {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.member-details {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.member .bio {
    background: rgba(255, 255, 255, 0.8);
    font-family: 'Source Sans Pro', sans-serif;
    position: absolute;
    padding: 10px 30px;
    right: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.team-member .col-sm-3:first-child .bio {
    bottom: 20%;
}
.team-member .col-sm-3:nth-child(2) .bio {
    bottom: 45%;
}
.team-member .col-sm-3:nth-child(3) .bio {
    bottom: 40%;
}
.team-member .col-sm-3:nth-child(4) .bio {
    bottom: 50%;
}
.member:hover .bio {
    background: transparent;
}
.bio .name {
    color: #272727;
    font-size: 18px;
}
.bio .designation {
    color: #666;
    font-size: 15px;
    padding-left: 10px;
    position: relative;
}
.bio .designation:before {
    content: '';
    background: #272727;
    height: 1px;
    width: 5px;
    top: 50%;
    left: 0;
    position: absolute;
}
.member-social {
    opacity: 0;
    position: absolute;
    right: 10%;
    padding-top: 20px;
    text-align: center;
    -webkit-transition: all .45s ease;
    -moz-transition: all .45s ease;
    -ms-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
}
.member-social a {
    color: #262626;
    font-size: 18px;
    padding: 0 5px;
}
.member:hover .member-social {
    opacity: 1;
}
.col-sm-3:first-child .member-social {
    bottom: 15%;
}
.col-sm-3:nth-child(2) .member-social {
    bottom: 40%;
}
.col-sm-3:nth-child(3) .member-social {
    bottom: 35%;
}
.col-sm-3:nth-child(4) .member-social {
    bottom: 45%;
}
.member:hover img {
    opacity: 0.25;
}

/* 20.1 ---------- Team 02 -----------*/

.team-2 .about-details {
    background: #f1f1f1;
    overflow: hidden;
    position: relative;
}
.team-2 .member-details {
    background: rgba(255, 255, 255, 0.65);
    height: 101%;
    opacity: 0;
    padding: 40px 20px;
    text-align: center;
    z-index: 0;

    -webkit-transition: all .45s ease;
    -moz-transition: all .45s ease;
    -ms-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
}
.team-2 .member-details:before {
    content: '';
    background: rgba(255, 255, 255, 0.85);
    bottom: 40px;
    left: 10px;
    top: 40px;
    right: 10px;
    position: absolute;
    z-index: -1;
}
.team-2 .member:hover .member-details {
    opacity: 1;
}
.team-2 .description {
    margin: 0;
    padding: 26% 0 0;
}
.team-2 .member-social {
    padding-top: 30px;
    position: static;
    opacity: 1;
}
.team-2 .bio {
    position: static;
    text-align: center;
}
.team-2 .name {
    display: block;
}
.team-2 .designation:before {
    content: '';
    display: none;
}
.team-2 img {
    transition: none;
}
.team-2 .member:hover img {
    opacity: 1;
}

/* 20.2 --------- Team 03 --------- */

.team-03 .member-details {
    text-align: center;
}
.team-03 .member-details .bio {
    display: inline-block;
    margin-top: 80%;
    position: initial !important;
}

/* ============ Home Corporate Styles =============*/


/* 21 -------- Welcome Section ---------*/
.welcome .section-padding {
    padding-bottom: 0;
}
.section-logo {
    margin: 5px 0 35px;
}

/* 21.1 --------- Welcome 02 ----------*/

.welcome-2 .section-title {
    font-size: 40px;
    text-transform: inherit;
}
.welcome-2 .section-title span {
    font-family: 'Anton';
    text-transform: uppercase;
}
.welcome-2 .section-description {
    margin-bottom: 35px;
}

/* 22 ---------- Extra Features ----------*/

.extra-features {
    min-height: 700px;
    overflow: hidden;
}
.extra-features .col-md-6 {
    padding: 0;
}
.extra-features .features-details {
    max-width: 580px;
    padding: 115px 0 115px 60px;
}
.extra-features .description {
    margin: 20px 0 30px;
    padding-right: 0;
}
.features-items .item {
    padding: 0 25% 18px 0;
}
.features-items .numb,
.features-items .title {
    display: inline-block;
    font-size: 17px;
}
.features-items .description {
    margin: 6px 0;
}

/* 22.1 ------- Extra Features 02 --------*/

.extra-features-2 .features-details {
    background: rgba(255, 255, 255, 0.95);
    max-width: inherit;
    padding: 115px 60px 115px 20%;
}
.extra-features-2 .features-items {
    padding-top: 15px;
}
.extra-features-2 .features-items .item {
    padding-bottom: 24px;
}
.extra-features-2 .item-icon {
    color: #666;
    font-size: 50px;
    padding-right: 30px;
}

/* 23 ---------- Our Progress ----------*/

.our-progress .section-title,
.our-progress.background-bg .section-description {
    color: #fff;
}
.our-progress .section-details {
    padding-top: 50px;
    position: relative;
}
.our-progress .section-details:before {
    content: '';
    border-top: 2px solid #808080;
    width: 75.15%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -44.5%;
}
.our-progress .item-icon {
    border: 2px solid #808080;
    color: #fff;
    display: inline-block;
    font-size: 50px;
    float: left;
    height: 100px;
    line-height: 105px;
    width: 100px;
    padding-right: 0;
    position: relative;
}
.our-progress .item-icon:before {
    content: '';
    background: #808080;
    height: 48px;
    width: 2px;
    top: -52%;
    left: 50%;
    margin-left: -1px;
    position: absolute;
}
.our-progress .title {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 100px;
    padding-left: 20px;
}

/* 23.1 ---------- Progress 02 ----------*/

.our-progress-2 .section-details {
    padding-top: 0;
}
.our-progress-2 .section-details:before,
.our-progress-2 .item-icon:before {
    content: '';
    display: none;
}
.our-progress-2 .item-icon {
    margin-right: 20px;
}
.our-progress-2 .count {
    color: #fff;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    padding: 23px 0 5px;
}
.our-progress-2 .title {
    line-height: inherit;
    padding-left: 0;
}

/* 24 ------------ Purchase  Section -------------*/
.purchase {
    background: #2f2f2f;
}
.purchase .section-padding {
    padding: 115px 0;
}
.purchase .section-title,
.purchase .section-description {
    margin: 0;
    text-align: left;
    padding: 0;
}
.purchase .section-title {
    color: #fbfbfb;
    margin-bottom: 20px;
    padding-left: 15px;
}
.purchase .btn {
    border-color: #fff;
    color: #fff;
    letter-spacing: 1px;
}
.purchase .btn:hover {
    background: #fff;
    color: #2f2f2f;
}

/* 25 ------------ Responsive Section ------------*/

.responsive .section-padding {
    padding-bottom: 0;
}

/* 26 -------------- Video Section ---------------*/

.video-background {
    max-height: 700px;
    overflow: hidden;
    position: relative;
}
.video-background .section-title {
    color: #fff;
    font-size: 40px;
    text-transform: initial;
}
.video-background .section-description {
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 33px;
    padding-top: 5px;
}
.video-background .btn {
    background: #d9d9d9;
    border-color: #d9d9d9;
    color: #262626;
    letter-spacing: 1px;
    margin: 10px 0;
    padding: 15px 48px;
}
.video-container {
    left: 0;
    top: -15%;
    width: 100%;
    position: absolute;
    z-index: -1;
}
.video-container video {
    width: 100%;
}
.video-overlay {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/* 27 -------------- Create Section ---------------*/

.create .section-title {
    margin-bottom: 15px;
    text-align: left;
}
.create .description {
    padding-right: 0;
}
.create .description:nth-child(2) {
    margin-top: 27px;
}
.create .button {
    margin-top: 35px;
}

/* 28 -------------- Combined Section ---------------*/

/* 28.1 -------- Progress Bars ---------*/

.combined .section-title {
    margin-bottom: 80px;
    text-align: left;
}
.combined .progress-details {
    margin-top: 10px;
}
.combined .thin.progress {
    margin: 52px 15px 0 0;
}
.combined .progress-text, 
.combined .progress-percent {
    letter-spacing: 1px;
    position: initial;
    text-align: left;
}
.combined .progress-percent {
    padding-left: 15px;
    position: relative;
    top: inherit;
}
.combined .progress-percent:before {
    content: '/';
    position: absolute;
    top: 1px;
    left: 3px;
}

/* 29 -------- Testiminial Slider --------*/

/* 29.1 -------- Testimonial Slider 2,3 & 4 --------*/

.testimonial-slider-2 {
    padding-left: 15px;
}
.testimonial-slider-2 .item,
.testimonial-slider-3 .item,
.testimonial-slider-4 .item {
    margin: 0;
}
.testimonial-slider-2 .description,
.testimonial-slider-3 .description,
.testimonial-slider-4 .description {
    background: #fff;
    border: 2px solid #f2f2f2;
    display: block;
    margin: 0;
    padding: 22px 20px 36px;
}
.testimonial-slider-2 .description:before,
.testimonial-slider-2 .description:after {
 content: '';
 width: 0;
 height: 0;
 border-top: 0px solid transparent;
 position: absolute; 
}
.testimonial-slider-2 .description:before {
    border-left: 40px solid #f2f2f2;
    border-bottom: 20px solid transparent;
    left: 40px;
    bottom: 94px;
}
.testimonial-slider-2 .description:after {
    border-left: 36px solid #fff;
    border-bottom: 18px solid transparent;
    left: 42px;
    bottom: 98px;
}
.combined .item-details {
    margin-top: 35px;
}
.combined .avatar {
    float: left;
    max-width: 77px;
    max-height: 77px;
    margin-right: 15px;
    padding: 0;
}
.testimonial-slider-2 .carousel-indicators,
.testimonial-slider-3 .carousel-indicators,
.testimonial-slider-4 .carousel-indicators {
    bottom: 67px;
    left: inherit;
    right: 0;
    margin: 0;
    text-align: right;
    max-width: 80px;
}
.testimonial-slider-2 .carousel-indicators li,
.testimonial-slider-3 .carousel-indicators li,
.testimonial-slider-4 .carousel-indicators li {
    background: #f2f2f2;
    border-color: #f2f2f2;
    margin: 0;
}
.testimonial-slider-2 .carousel-indicators li.active,
.testimonial-slider-3 .carousel-indicators li.active,
.testimonial-slider-4 .carousel-indicators li.active {
    background: #fff;
    border-color: #262626;
    height: 12px;
    width: 12px;
    margin: 0;
}

.testimonial-slider-3 {
    margin-right: 15px;
}
.testimonial-slider-4 {
    margin-left: 15px;
}
.testimonial-slider-3 .avatar,
.testimonial-slider-4 .avatar {
    float: left;
    max-width: 77px;
}
.testimonial-slider-3 .item-details,
.testimonial-slider-4 .item-details {
    margin: 0;
}
.testimonial-slider-3 .carousel-indicators,
.testimonial-slider-4 .carousel-indicators {
    bottom: inherit !important;
    top: 60px;
}
.testimonial-slider-3 .description,
.testimonial-slider-4 .description {
    margin-top: 30px;
    position: relative;
}
.testimonial-slider-3 .description:before,
.testimonial-slider-3 .description:after,
.testimonial-slider-4 .description:before,
.testimonial-slider-4 .description:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute; 
}
.testimonial-slider-3 .description:before,
.testimonial-slider-4 .description:before {
    border-bottom: 20px solid #f2f2f2;
    border-right: 40px solid transparent;
    left: 40px;
    top: -21px;
}
.testimonial-slider-3 .description:after,
.testimonial-slider-4 .description:after {
    border-bottom: 18px solid #fff;
    border-right: 36px solid transparent;
    left: 42px;
    top: -18px;
}


/* 30 ------------ Promo Sextion --------------*/

.promo .section-padding {
    margin-top: -4px;
    padding: 75px 0;
}
.promo .title {
    font-size: 25px;
    letter-spacing: 5px;
    margin-top: -3px;
}
.promo .description {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 5px 0 0;
}

/* 31 ------------- Pricing Section --------------*/

/* 31.1 -------- Pricing 01 --------*/

.pricing .item,
.pricing .item-title,
.pricing .item-price,
.pricing .item-price span {
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.pricing-1 .item {
    background: #fff;
    margin: 0 -10px;
    padding: 60px 15px;
}
.pricing-1 .item-title {
    color: #272727;
    margin: -5px 0 0;
    padding-bottom: 25px;
}
.pricing .item-price {
    background: #f1f1f1;
    display: inline-block;
    padding: 30px 25px 22px;
    max-width: 120px;
}
.pricing-1 .item-price span {
    color: #272727;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 40px;
}
.pricing-1 span.duration {
    color: #666;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}
.pricing-1 .item-details {
    padding: 50px 0 55px;
}
.pricing-1 .item-details span {
    color: #8c8c8c;
    display: block;
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 30px;
}
.pricing-1 .active,
.pricing-1 .item:hover {
    background: #2f2f2f;
}
.pricing-1 .active .item-price,
.pricing-1 .item:hover .item-price {
    background: #404040;
}
.pricing-1 .active .item-title,
.pricing-1 .active .item-price span,
.pricing-1 .item:hover .item-title,
.pricing-1 .item:hover .item-price span {
    color: #fff;
}
.pricing-1 .active span.duration,
.pricing-1 .item:hover span.duration {
    color: #666;
}
.pricing-1 .active .btn {
    background: #404040;
    border-color: #fff;
    color: #fff;
}
.pricing-1 .item:hover .btn {
    background: #fff;
    border-color: #fff;
    color: #262626;
}

/* 31.2 -------- Pricing 02 ---------*/

.pricing-2 .price-table,
.pricing-3 .price-table {
    background: #fff;
    padding: 30px
}
.pricing-2 .table-heading,
.pricing-3 .table-heading {
    background: #fff;
    border-bottom: 2px solid #f1f1f1;
    padding: 30px 0 55px;
    text-align: center;
}
.pricing-2 .price-table .title {
    color: #272727;
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
}
.pricing-2 .price-table .cost,
.pricing-3 .price-table .cost {
    color: #262626;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 38px;
}
.pricing-2 .price-table .currency,
.pricing-3 .price-table .currency {
    margin-right: -5px;
}
.pricing-2 .price-table .duration {
    font-size: 16px;
    margin-left: -5px;
}
.pricing-2 .price-table .table-body,
.pricing-3 .price-table .table-body {
    color: #666;
    padding: 57px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: .938em;
}
.pricing-2 .price-table ul,
.pricing-3 .price-table ul {
    list-style: none;
    padding-left: 0;
}
.pricing-2 .price-table li,
.pricing-3 .price-table li {
    padding: 20px 0;
}
.pricing-2 .price-table .table-footer {
    padding-bottom: 50px;
}
.pricing-2 .price-table .btn.choose,
.pricing-3 .price-table .btn.choose {
    padding: 13px 48px;
}

.table-body span {
    color: #666;
    display: block;
    font-size: 15px;
    line-height: 58px;
    text-transform: uppercase;
}

/* 31.3 -------- Pricing 03 ---------*/

.pricing-3 .price-table {
    border: 4px solid #f2f2f2;
    padding: 0;
}

.pricing-3 .table-heading {
    background: #f2f2f2;
    padding-bottom: 43px;
}
.pricing-3 .title {
    color: #272727;
    font-size: 20px;
    letter-spacing: 2px;
    padding-top: 38px;
    text-align: center;
}
.pricing-3 .table-icon {
    color: #272727;
    font-size: 35px;
    padding: 17px 0 22px;
}
.pricing-3 .duration {
    color: #262626;
    font-size: 35px;
    letter-spacing: -2px;
    margin-left: -5px;
}
.pricing-3 .price-table .table-footer {
    padding-bottom: 78px;
}


/* 32 ---------- Blog Pages ---------*/

article.post .btn {
    padding: 10px 40px !important;
}
.quote {
    background: #f1f1f1;
    padding: 40px 60px;
    font-family: 'Source Sans Pro', sans-serif;
}
article blockquote {
    color: #666;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 35px;
    font-weight: 600;
    font-style: normal;
    line-height: 45px;
    margin: 0;
}
article blockquote:before {
    content: '';
    display: none;
}
.format-quote .entry-thumbnail {
    padding: 40px 60px 66px;
    position: relative;
}
.format-quote .name {
    color: #262626;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    text-align: right;
    position: absolute;
    bottom: 35px;
    right: 60px;
}

.meta-info {
    color: #4d4747;
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: -15px;
}
.meta-info a {
    color: #ffa726;
}

audio {
    width: 100%;
}

.link {
    color: #262626;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 44px 55px;
    border: 2px solid #d8d8d8;
    font-size: 1.875em;
    text-transform: uppercase;
    position: relative;
}
.link:before {
    content: "\e08d";
    font-family: 'simple-line-icons';
    position: absolute;
}
.link a {
    color: #262626;
    margin-left: 40px;
}

.pagination {
    clear: both;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 0;
}
.pagination a {
    color: #4d4747;
    border: 1px solid #999;
    color: #666;
    font-size: 20px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 5px;
    text-decoration: none;
}
.pagination a:hover,
.pagination a.active {
    background: #ffa726;
    border-color: #ffa726;
    color: #fff;
}
.blog-page .site-social {
    background-color: #474747;
}
.blog-page .site-social a {
    color: #666;
    display: inline-block;
    font-size: 30px;
    padding: 45px 30px;
}
iframe+p+div {
    display: none !important;
}
.comment-form input[type="submit"] {
    background: #ffa726;
    border-color: #ffa726;
    color: #fff;
    margin-top: 40px;
}
.comment-form input[type="submit"]:hover {
    background: #fff;
    border-color: #262626;
    color: #262626;
}

/* 32.1 ----------- Blog Sidebar -----------*/

.sidebar p {
    padding-right: 0;
}
.blog aside.sidebar {
    padding-left: 30px;
}
aside.sidebar.left-sidebar {
    padding-left: 0;
    padding-right: 30px;
}
.blog aside.sidebar .widget:last-child {
    margin-bottom: 0;
}
aside.sidebar .widget-title {
    margin-bottom: 30px;
}
.sidebar article {
    margin-bottom: 0 !important;
}
footer article {
    margin-bottom: 0 !important;
}
.widget_search .form-control {
    border: 1px solid #e6e6e6;
    box-shadow: none;
    height: 50px;
    border-radius: 0;
    padding-right: 50px;
    text-transform: initial;
}
.widget_search .search-form {
    position: relative;
}
.widget_search .search-submit {
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 54px;
    overflow: hidden;
    outline: 0;
}

.widget_categories ul {
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: -5px;
    text-transform: uppercase;
}
.widget_categories li {
    display: block;
    position: relative;
    margin-bottom: 9px;
}
.widget_categories li:last-child {
    margin-bottom: 0;
}
.widget_categories li a {
    color: #8c8c8c;
    font-size: 15px;
    padding-left: 30px;
}
.widget_categories li a:hover,
.widget_categories li a:hover:before {
    color: #ffa726;
    text-decoration: none;
}
.widget_categories li a:before {
    content: "\e628";
    font-family: 'themify';
    font-size: 12px;
    color: #8d8d8d;
    position: absolute;
    left: 0;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.widget_popular_post {
    font-family: 'Source Sans Pro', sans-serif;
}
.widget_popular_post article {
    clear: both;
    display: block;
    overflow: hidden;
    margin: 0 0 25px !important;
}
.widget_popular_post .entry-thumbnail {
    float: left;
    margin: 0 15px 0 0 !important;
    padding-right: 0;
}
.widget_popular_post .entry-title {
    color: #262626;
    font-size: 16px !important;
    line-height: 20px;
    margin: -3px 0 10px;
}
.widget_popular_post .entry-title a {
    color: #262626;
}
.widget_popular_post .entry-meta {
    color: #bebebe;
    font-size: 14px;
    margin-right: 0;
    padding-right: 0;
    text-align: left;
}

.widget_tag_cloud {
    clear: both;
    overflow: hidden;
}
.widget_tag_cloud .tagcloud a {
    color: #8b8b8b;
    background: #f1f1f1;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 6px 15px;
    margin: 0 0px 5px 0;
    font-size: 14px;
    display: inline-block;
}
.widget_tag_cloud .tagcloud a:hover {
    background-color: #ffa726;
    color: #f1f1f1;
}

.widget_twitter_feed li {
    margin-bottom: 30px;
}
.widget_twitter_feed .icon {
    background: #f1f1f1;
    color: #272727;
    display: inline-block;
    padding: 15px;
    font-size: 1.25em;
    margin: 0 5px 0 0;
}
.widget_twitter_feed p {
    margin: -7px 0 0 !important;
    padding-right: 0;
}
.widget_twitter_feed a {
    color: #272727;
}
.widget_twitter_feed .time {
    color: #b3b3b3;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 14px;
    padding: 10px 0;
    text-transform: capitalize;
}
.widget.widget_twitter_feed .item {
    margin-top: 30px;
}

.widget_flicker {
    clear: both;
    overflow: hidden;
}
.widget_flicker li {
    float: left;
    margin: 3px;
}


/* 33 -------------- Footer ------------*/

.copyright {
    color: #262626;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
} 
.copyright a {
    color: #262626;
    font-weight: 700;   
}

footer {
    background-color: #e7efec;
}
footer .section-padding {
    padding: 100px 0 120px;
}
footer a {
    color: #373330;
}
footer a:hover {
    color: #ffa726;
}
footer .widget {
    padding-bottom: 30px;
    text-align: left;
}
footer .widget-title {
    color: #383838;
    margin: -3px 0 37px;
}
.widget_about {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
}
.widget_about address {
    letter-spacing: -0.2px;
    margin: 38px 0 5px;
}
.widget_about span {
    display: block;
    padding: 2px 0;
}
footer article:first-child {
    padding-bottom: 35px;
}
footer .entry-title {
    color: #373330;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 28px;
    text-transform: uppercase;
}
footer .post-meta {
    color: #373330;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    padding-top: 8px;
}
.widget_useful_links a {
    color: #373330;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 34px;
}
.widget_useful_links a:hover {
    padding-left: 15px;
}
.widget_useful_links a:first-child {
    margin-top: -5px;
}
.widget_useful_links .icon {
    font-size: 11px;
    padding-right: 10px;
}
footer #mc4wp-form {
    margin-top: -10px;
    position: relative;
}
footer #mc4wp-form input {
    background-color: transparent;
    border-color: #535353;
    border-radius: 0;
    height: 60px;
    padding: 5px 65px 5px 15px;
}
footer #mc4wp-form input:focus {
    outline: 0;
}
footer #mc4wp-form input[type="submit"] {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 22px 33px;
}
footer #mc4wp-form:before {
    content: "\e086";
    font-family: 'simple-line-icons';
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ffa726;
    font-size: 26px;
}
footer .copyright {
    background-color: #323232;
    color: #999;
    line-height: 150px;
}
footer .copyright a {
    color: #999;
}

.footer-social {
    padding-top: 30px;
}
.footer-social a {
    color: #373330;
    font-size: 20px;
    padding: 8px;
}
.opening p {
    color: #8c8c8c;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-top: 8px;
}
.opening span {
    color: #373330;
    text-transform: initial;
}
footer .widget-details .widget-title {
    margin-top: 45px;
}
.widget_useful_links a {
    color: #373330;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 34px;
}
.widget_useful_links a:first-child {
    margin-top: -5px;
}
.widget_useful_links .icon {
    font-size: 11px;
    padding-right: 10px;
}
.widget_useful_links .icon:before {
    content: "\e661" !important;
}
.widget_instagram_photos a {
    display: inline-block;
    max-height: 80px;
    max-width: 83px;
    margin-bottom: 25px;
    margin-right: 2px;
}
.widget_instagram_photos img {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
}
.widget_instagram_photos img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

/* 34 ---------- Accordions ----------- */

.panel-default>.panel-heading {
    background-color: transparent;
}
.panel-group .panel {
    border-radius: 0;
}
.panel-heading {
    border-radius: 0;
    padding: 0;
}
.panel-title {
    font-weight: 400;
}
.panel-title>a {
    color: #272727;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    display: block;
    letter-spacing: 1px;
    padding: 20px;
    position: relative;
    text-transform: uppercase;
}
.panel-title a,
.panel-title a.collapsed:hover {
    color: #262626;
}
.panel-body {
    color: #9ba4a5;
    padding: 20px;
}
.panel-body .description {
    letter-spacing: 0.3px;
    margin: 0;
}
.accordion-img {
    display: block;
    float: left;
    margin-right: 10px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    color: #9ba4a5;
    line-height: 25px;
    border: 0;
}
.accordion .panel {
    border-radius: 0;
    box-shadow: none;
    border: 2px solid #f2f2f2;
}
.accordion .panel-title a:after,
.accordion .panel-title a.collapsed:after {
    font-family: "FontAwesome";
    position: absolute;
}
.accordion .panel-title a:after {
   content: "\f146";
    
    right: 20px;
}
.accordion .panel-title a.collapsed:after {
    content: "\f0fe";
}

/* -------- Accordion 01 --------*/

.accordion-1 .panel-title a {
    background: #fff;
    border-bottom: 2px solid #f1f1f1;
}
.accordion-1 .panel-title a.collapsed {
    background: #ffa726;
    border-bottom-color: transparent;
    color: #fff;
}
.accordion-1 .panel-title a:after {
    content: "\f146";
   
}
.accordion-1 .panel-title a.collapsed:after {
     content: "\f0fe";
}



/* ---------- About 07 ----------*/

.about-7 .item {
    padding-bottom: 60px;
}
.about-7 .item-icon {
    background-color: #f1f1f1;
    color: #272727;
    font-size: 35px;
    float: left;
    height: 60px;
    width: 60px;
    line-height: 65px;
    margin-right: 20px;
    padding-right: 0;
    text-align: center;
}
.about-7 .numb {
    color: #ccc;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    padding: 2px 0 8px;
}
.about-7 .item-title {
    color: #272727;
    font-size: 20px;
}
.about-7 .description {
    display: block;
    margin-top: 27px;
}
.about-7 .choose-us {
    display: inline-block;
    margin-top: 32px;
}
.about-7 .choose-us .right-content {
    padding-left: 45px;
}
.about-7 .choose-us .title {
    color: #262626;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 1.25;
    margin-top: -10px;
    text-transform: none;
}
.about-7 .choose-us .description {
    color: #666;
    font-family: 'Roboto';
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 32px;
}
.about-7 .choose-list {
    padding-top: 11px;
}
.about-7 .choose-list li {
    color: #666;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 25px;
    list-style: none;
    padding: 8px 0 0 35px;
    position: relative;
}
.choose-list34
{
     color: #ffa726;
        padding-right: 20px;

}
.about-7 .choose-list li:before {
    content: "\e080";
    color: #ffa726;
    position: absolute;
    font-family: 'simple-line-icons';
    left: 0;
    margin-top: 2px;
}
.about-us p {
    margin: 0;
    padding: 0;
}

/* ----------- Team 03 ------------*/

.team-03 .member .bio {
    bottom: 30px;
}
.team-03 .member:hover .bio {
    opacity: 0;
}
.team-03 .member-hover {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    text-align: center;
}
.team-03 .designation {
    text-transform: uppercase;
}
.member-hover .bio {
    padding-top: 40%;
    opacity: 0;
}
.member-hover .bio,
.member-hover .member-social {
    background: none;
    position: initial;
}
.member-hover .member-social {
    padding: 10px;
}
.member:hover .member-hover .bio {
    opacity: 1;
}

/* ----------- Skills ---------- */

.about-page-01 .skill.bg-gray {
    background-color: #fff;
}
.about-page-01 .skill.bg-gray .section-padding {
    padding-top: 0;
}
.name-box {
    width: 100%;
}
.itemFilter {
    margin-bottom: 70px;
    text-align: center;
}

.recent-works,
.recent-works-3,
.recent-works-9 {
    margin: 0 -2px 90px;
}
.recent-works .item,
.recent-works-3 .item,
.recent-works-5 .item,
.recent-works-9 .item {
    border: 2px solid #fff;
}
.portfolio-contact .section-padding {
    padding: 150px 0;
}
.portfolio-contact .title {
    color: #fff;
    text-align: center;
}
.portfolio-contact .btn {
    background: #d9d9d9;
    border-color: #d9d9d9;
    color: #262626;
    margin-top: 40px;
    padding: 11px 51px;
}

.recent-works-3,
.recent-works-5 {
    margin-bottom: 90px;
}

.recent-works-4 .item {
    border: none;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 10px;
}
.recent-works-4 .item:last-child article {
    margin-bottom: 0;
}
.recent-works-4 .entry-thumbnail {
    margin-bottom: 37px;
}
.recent-works-4 .entry-title {
    font-size: 30px;
    letter-spacing: 3px; 
    margin-bottom: 20px;
}
.recent-works-4 .entry-meta a {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
}
.recent-works-4 p {
    max-width: 920px;
    margin: 0 auto;
    padding: 33px 5%;
}
.recent-works-4 .item .btn {
    padding: 10px 40px;
}
.no-border .item {
    border: none;
}
.recent-works.no-border,
.recent-works-9.no-border {
    margin-bottom: 90px;
}


/* ---------- Portfolio Details 01 & 02 ---------- */

.portfolio-details .title {
    margin-top: 60px;
}
.portfolio-details .widget,
.portfolio-details-02 .widget {
    color: #666;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 15px;
}
.portfolio-details .widget ul,
.portfolio-details-02 .widget ul {
    list-style: none;
    margin-top: 20px;
    padding-left: 0;
    letter-spacing: .5px;
}
.portfolio-details .widget li,
.portfolio-details-02 .widget li {
    display: block;
    padding-bottom: 5px;
}
.portfolio-details .widget a,
.portfolio-details-02 .widget a {
    color: #666;
    font-weight: normal;
}
.portfolio-details .widget .meta-id,
.portfolio-details-02 .widget .meta-id {
    color: #666;
    padding-right: 5px;
}
.portfolio-details .blog-page-link,
.portfolio-details-02 .blog-page-link {
    margin: 90px 0 150px;
}
.portfolio-details-02 .widget {
    margin-top: 40px;
}
.item-gallery {
    padding-right: 30px;
}
.item-gallery .nav-tabs {
    border: none;
}
.item-gallery .nav-tabs li {
    max-width: 123px;
    margin: 16px 16px 0 0;
}
.item-gallery .nav-tabs li:last-child {
    margin-right: 0;
}
.item-gallery .nav-tabs>li>a,
.item-gallery .nav-tabs>li>a:focus, 
.item-gallery .nav-tabs>li>a:hover,
.item-gallery .nav-tabs>li.active>a, 
.item-gallery .nav-tabs>li.active>a:focus, 
.item-gallery .nav-tabs>li.active>a:hover {
    border: none;
    padding: 0;
}
.item-gallery .nav>li>a>img {
    max-width: 100%;
}

.contact-page .top-section header {
	background: #fff !important;
}

.contact .item {
	margin-top: -20px;
	padding-bottom: 60px;
}
.contact-2 .item {
	margin-top: 0;
}
.contact i {
	color: #ccc;
	display: inline-block;
	font-size: 44px;
	margin-bottom: 20px;
	height: 100px;
	width: 100px;
	line-height: 100px;
}
.contact .item-title {
	color: #262626;
	padding-bottom: 18px;
}
.contact span {
	color: #666;
	font-family: 'Roboto';
	font-size: 15px;
}
.contact a {
	color: #666;
}
.contact form {
	max-width: 960px;
	margin:35px auto 0;
}
.contact form .form-control {
	margin-bottom: 23px;
	text-align: center !important;
}
.contact form input[type="submit"] {
	background: #ffa726;
	border-color: #ffa726;
	color: #fff;
	margin-top: 40px;
}
.contact form input[type="submit"]:hover {
	background: #fff;
	border-color: #262626;
	color: #262626;
}
.google-map-container {
	height: 500px;
}
.google-map-container img {
	max-width: inherit;
	height: inherit;
}
.contact-page .subscribe .section-title {
	color: #fff;
}

.blog-classic .entry-meta {
    padding-right: 25px;
}
.blog-classic time {
    color: #666;
    font-family: 'Source Sans Pro', sans-serif;
}
.blog-classic .date {
    border: 2px solid #d8d8d8;
    display: inline-block;
    font-size: 30px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
}
.blog-classic .month {
    display: inline-block;
    font-size: 18px;
    padding-top: 5px;
}
.blog-classic .entry-title {
    font-size: 1.25em;
    margin-top: -2px;
}
.blog-classic .meta-info {
    display: inline-block;
}
.blog-classic .description {
    margin-top: 20px;
}
.blog-classic article .btn {
    margin-top: 23px;
    padding: 12px 38px;
}
.blog-classic .carousel-control {
    background: #fff;
    background-image: none !important;
    color: #262626;
    font-size: 17px;
    top: 50%;
    height: 35px;
    line-height: 38px;
    margin-top: -17px;
    opacity: 1;
    text-align: center;
    text-shadow: none;
    width: 35px;
}
.blog-classic .carousel-control.left {
    left: 3%;
}
.blog-classic .carousel-control.right {
    right: 3%;
}
.blog-classic .pop-video {
    background: none;
    font-size: 65px;
}
.top-section header {
	background: #fff !important;
}
.faq-contact .section-padding {
	padding: 145px 0;
}
.faq-contact .title {
	color: #fff;
	font-size: 20px;
	padding-bottom: 40px;
	text-align: center;
}
.faq-contact .btn {
	background: #d9d9d9;
	border-color: #d9d9d9;
	color: #262626;
}
.accordion .panel {
	margin-bottom: 20px;
}

.faq .nav-tabs {
	border-bottom: none;
}
.faq .nav-tabs>li>a {
	background: transparent;
	border: 2px solid transparent;
	border-bottom-color: #f2f2f2;
	border-radius: 0;
	color: #666;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 0;
	padding: 26px 40px;
	text-transform: uppercase;
}
.faq .nav-tabs>li.active>a, 
.faq .nav-tabs>li.active>a:focus, 
.faq .nav-tabs>li.active>a:hover {
	border: 2px solid #f2f2f2;
	border-bottom-color: transparent;
	border-radius: 0;
}
.faq .nav-tabs>li>a:hover {
	background: transparent;
	border-color: transparent;
	border-bottom-color: #f2f2f2;
}
.faq .tab-content {
	padding: 35px 0;
}
.faq .panel-body {
	color: #666;
	font-family: 'Roboto';
	font-size: 15px;
	padding: 0px 60px 40px 20px;
}
.faq .panel-title a:after {
	color: #ccc;
}
.faq .panel-title a.collapsed:after {
	color: #666;
}
.faq .sidebar {
	padding-left: 30px;
}