/*--------------------------------------- /
Table of Contents 
---------------------------------------- */


/* 
* 1 - Common Styles
* 2 - Page Name Section
*   2.1 - Page Name 02 & 03
*   2.2 - Page Name 04
*   2.3 - Page Name 05
*   2.4 - Page Name 06
*   2.2 - Page Name 04
* 3 - Banner Styles
*   3.1 - Banner 03
*   3.2 - Banner 04
*   3.3 - Banner 05

* -------- Home Creative Sections --------- * 

* 4 - About Sections
*   4.1 - About 01
*   4.2 - About 02
*   4.3 - About 03
*   4.4 - About 04
*   4.5 - About 05
* 5 - Skill Sections
*   5.1 - Skill 01
*   5.2 - Skill 02
* 6 - Service Sections
*   6.1 - Service 01
*   6.2 - Service 02
*   6.3 - Service 03
*   6.4 - Service 04
*   6.5 - Service 05
*   6.6 - Service 06
*   6.7 - Service 07
* 7 - Fact Sections
*   7.1 - Fact 01
*   7.2 - Fact 02
*   7.3 - Fact 03
*   7.4 - Fact 04
*   7.5 - Fact 10
* 8 - Portfolio Works
*   8.1 - Work 01
*   8.2 - Work 02
*   8.3 - Work 03
*   8.4 - Work 04
*   8.5 - Work 05
*   8.6 - Work 06 & 07
* 9 - Clients Sections
* 10 - Features & About More Section 
*   10.1 - Feature 02
*   10.2 - Feature 03 & 08
*   10.3 - Feature 06
*   10.4 - Feature 07
*   10.5 - Feature 09
* 11 - Testimonial Section 
*   11.1 - Testimonial 02
*   11.2 - Testimonial 05
*   11.3 - Testimonial 06
*   11.4 - Testimonial 11
* 12 - Trends Section 
*   12.1 - Trend 02
*   12.2 - Trend 04
* 13 - Core Services Section 
*   13.1 - Core 02
*   13.2 - Core 04
*   13.3 - Core 05
*   13.4 - Core 06
* 14 - Blog Post Section 
*   14.1 - Blog 01
*   14.2 - Blog 02
*   14.3 - Blog 04
*   14.4 - Blog 05
* 15 - Subscribe Section
* 16 - Contact Section 
*    16.1 - Contact 02
*    16.2 - Contact 03
*    16.3 - Contact 04
* 17 - Twitter Feed
* 18 - Choose US & Service 05
*    18.1 - Choose Us 02
*    18.2 - Choose Us 03
*    18.3 - Choose Us 04
*    18.4 - Choose Us 06
* 19 - Callout Section
* 20 - Team Member Section
*    20.1 - Team 02
*    20.2 - Team 03

* ---------- Home Corporate Sections ---------- *

* 21 - Welcome Section
*    21.1 - Welcome 02
* 22 - Extra Features
*    22.1 Extra Features 02
* 23 - Our Progress 
*    23.1 Our Progress 02
* 24 - Purchase Section
* 25 - Responsive Section
* 26 - Video Section
* 27 - Create Section
* 28 - Coombined Sections
*    28.1 - Progress Bar
* 29 - Testimonial Sections
*    29.1 - Testimonial Slider 2,3 & 4
* 30 - Promo Section
* 31 - Pricing Sections
*    31.1 -Pricing 01
*    31.2 -Pricing 02
*    31.3 -Pricing 03

* ----------- Blog Pages ---------- *

* 32 - Blog Pages
*    32.1 - Blog Sidebar
* 33 - Footer
*    33.1 - Footer 02
*    33.2 - Footer 03 & 04
*    33.3 - Footer 05
*    33.4 - Footer 06
*    33.5 - Footer 07
*    33.6 - Footer 08
*    33.7 - Footer 09
* 34 - Accordions
*    34.1 - Accordion 01

*/


.social-icon a {
    color: #444;
    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: 90px 0;
}
.padding {
    padding-bottom: 130px;
}
.banner .contents .content .contentInfo p{
	font-family: 'AkkRgPro', 'Helvetica Neue', Helvetica, Arial, 'Microsoft JhengHei', "Hiragino Sans GB", "冬青黑", STHeiti, "华文黑体", SimHei, "黑体", sans-serif;
	font-weight: 900;
}
.section-title,
.title {
	font-family: 'AkkRgPro', 'Helvetica Neue', Helvetica, Arial, 'Microsoft JhengHei', "Hiragino Sans GB", "冬青黑", STHeiti, "华文黑体", SimHei, "黑体", sans-serif;
	color: #000000;
	font-size: 45px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0px;
	line-height: 85px;
	font-weight: 900;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.section-title {
    margin-bottom: 100px;
}
.section-sub-title {
    color: #444;
    font-size: 24px;
    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-description2 {
	text-align: center;
	max-width: 670px;
	font-size: 14px;
	margin-top: -90px;
	letter-spacing:-4px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	line-height: 14px;
}
.section-description5 {
	text-align: center;
	max-width: 50px;
}
.section-description {
	text-align: center;
	max-width: 670px;
	font-size: 18px;
	margin-top: -90px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
}
.title {
    font-size: 35px;
    margin-bottom: 0;
    text-align: left;
}
.item-title {
    font-size: 20px;

    font-weight: 300;
    letter-spacing: 1px;
    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%;
}

.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 {
	border: 1px solid #262626;
	border-radius: 50px;
	font-size: 15px;
	color: #262626;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 36px;
	padding-top: 15px;
	padding-right: 48px;
	padding-bottom: 15px;
	padding-left: 48px;
}
.btn:hover {
    background: #262626;
    border-color: #262626;
    color: #d8d8d8;
}
.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 {
     text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 35px;
}
.sidebar .widget-title {
    color: #444;
}
.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: #444; 
    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;
}
.top-section .page-name .name-box {
    margin-top: 115px;
}

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

.page-name-2 .name-box,
.page-name-3 .name-box  {
    border: none;
    margin: 0;
    max-width: initial;
    padding: 14px 0 0;
}
.page-name-2 .box-details,
.page-name-3 .box-details {
    background: none;
    padding: 0;
}
.page-name-2 .title,
.page-name-3 .title {
    color: #fff;
    padding: 13px 0 0;
 }
.page-name-2 .location,
.page-name-3 .location {
    color: #bfbfbf;
    display: inline-block;
    letter-spacing: 1px;
    padding: 15px 20px;
}
.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: 138px 0 153px;
}

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

.page-name-4 {
    background: #e6e6e6;
}
.page-name-4 .section-padding,
.page-name-5 .section-padding {
    padding: 88px 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;
}
.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: #444;
    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 .section-padding {
    padding: 280px 0 160px;
}
.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: 100vh;
    position: relative;
}
 
.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;
}
.scroll-down {
    font-size: 2.5em;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    text-align: center;
}
.scroll-down a {
    color: #d9d9d9;
    text-decoration: none;
}

.banner-1 .btn {
    border-color: #d8d8d8;
    color: #fff;
}
.banner-1 .btn:hover {
    background: #d8d8d8;
    border-color: #d8d8d8;
    color: #262626;
}

/* 3.1 --------- Banner 03 ---------*/

.banner-3 .btn {
    border-color: #fff;
    color: #fff;
}
.banner-3 .btn:hover {
    background: #fff;
    color: #262626;
}

/* 3.2 --------- Banner 04 ---------*/

.banner-4 .title {
    margin: 17px 0 16px;
}
.banner-4 .small-title {
    margin-top: 0
}
.banner-4 .button {
    margin-top: 50px;
}
.banner-4 .btn {
    border-color: #fff;
    color: #fff;
}
.banner-4 .btn:hover {
    border-color: #262626;
    background: #262626;
}
.banner-4 .scroll-down {
    bottom: 80px;
}

@keyframes bounce {
    0%,10%,20%,50%,80%,100%{transform:translateY(0)}
    40%{transform:translateY(-15px)}
    60%{transform:translateY(-15px)}
}
.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce {
    animation: bounce 2s ease infinite;
}
.faa-bounce.animated.faa-fast,
.faa-bounce.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-bounce.faa-fast {
    animation: bounce 1s ease infinite;
}
.faa-bounce.animated.faa-slow,
.faa-bounce.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-bounce.faa-slow {
    animation: bounce 3s ease infinite;
}

/* 3.3 --------- Banner 05 ---------*/

.banner-5 .title,
.banner-6 .title {
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 7px;
}
.banner-5 .sub-title,
.banner-6 .sub-title {
    margin-top: 0;
    letter-spacing: 5px;
}
.banner-5 .small-title,
.banner-6 .small-title {
    font-size: 18px;
    letter-spacing: 4px;
    margin-top: 20px;
}
.banner-5 .button,
.banner-6 .button {
    margin-top: 55px;
}
.banner-5 .btn,
.banner-6 .btn {
    background: #f2f2f2;
    border-color: #f2f2f2;
    color: #262626;
}
.banner-5 .btn:hover,
.banner-6 .btn:hover {
    border-color: #d8d8d8;
}


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

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

.about-1 .heading {
    font-family: '';
    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: #444;
    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;
	line-height: 22px;
}
.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: #444;
	font-size: 18px;
	margin-top: 16px;
	text-transform: uppercase;
	line-height: 60px;
}
.about-box .icon {
    color: #444;
    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;
	line-height: 23px;
}
.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: #404040;
    position: relative;
    font-size: 16px;
}
.thin .progress-text,
.thin .progress-percent {
    font-family: '';
    position: absolute;
    top: -25px;
    font-size: 1.0625em;
    left: 0;
    color: #444;
    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: '';
    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: 145px 0 0;
}
.circliful {
    display: inline-block;
    margin: 0 -10px;
    position: relative; 
}
.circle-text, 
.circle-info, 
.circle-text-half, 
.circle-info-half {
    color: #444;
    display: inline-block;
    font-family: '';
    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: 120px;
}
.services .item {
    padding-bottom: 70px;
}
.services .item-title,
.services .title {
    color: #444;
    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: 0px;
}
.service-2 .item {
    border: 2px solid #f2f2f2;
    margin-bottom: 60px;
    padding-bottom: 0;
    height:150px;

    -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: 190px; 
    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: #ccc;
}
.service-2 .item:hover .icon {
    background: #ccc;
    color: #444;
} 
.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 ------*/

.service-4 .section-padding {
    padding: 145px 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: #444;
}
.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: #444;
    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: #ccc;
    color: #f2f2f2;
}

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

.facts .section-padding {
    padding: 150px 0 140px;
}
.facts .item {
    color: #444;
    font-family: '';
    text-transform: uppercase;
    text-align: center;
}
.overlay .facts .item {
    color: #a6a6a6;
}
.count-inner {
    color: #262626;
    font-size: 44px;
    margin: auto;
    line-height: 36px;
}
.overlay .count-inner {
    color: #ffffff;
}
.fact-title {
    color: #a6a6a6;
    font-size: 14px;
    margin-top: 15px;
}
.facts .count {
    margin-left: -10px;
}

/* 7.1 -------- Fact 01 ---------*/
.fact-1 .count-inner {
    border: 2px solid #a6a6a6;
    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 {
    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: #444;
    font-size: 44px;
    padding: 10px 20px 0 0;
}
.fact-4 .count-inner {
    color: #444;
}
.fact-4 .fact-title {
    margin-top: 10px;
}

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

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

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

.work .item {
    overflow: hidden;
    position: relative;
}


.image-popup-vertical-fit1 {
    display: inline-block;
    position: relative;
}
.image-popup-vertical-fit1:before {
    content: '';
    background: rgba(255, 255, 255, 0.85);
    height: 101%;
    width: 100%;
    top: 0;
}
.image-popup-vertical-fit1:before,
.work .item-details {
    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-fit1:before {
    opacity: 1;
}




.image-popup-vertical-fit {
    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 {
    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 .item-details {
    left: 20%;
    line-height: 0;
    top: 10%;
    text-align: left
}
.work .item:hover .item-details {
    top: 20%;
    opacity: 1;
}
.work .item-title,
.work .item-title a {
    color: #262626;
     font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}
.work .category {
    display: block;
     font-size: 14px;
    padding-top: 10px;
    text-transform: uppercase;
}
.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: '';
    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: #444;
    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: '';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.75px;
    margin-bottom: 33px;
}

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

.feature-2 .description {
    font-family: '';
    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: #444;
    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: #444;
    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: #444;
    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: '';
    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: '';
    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: #CEC9C9 !important;
    letter-spacing: 0.5px;
}
.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: 0px;
}
.testimonial-slider:before {
     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: #CEC9C9;
    font-family: '';
    font-size: 16px;
    padding-top: 10px;
}
.testimonial-slider .name {
    text-transform: uppercase;
}
.testimonial-slider .owl-controls {
    width: 130px;
    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: #444;
    display: block;
    font-family: '';
    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: '';
    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: #444;
    border: 1px solid #f2f2f2;
    font-family: '';
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 5px 5px 0;
    display: inline-block;
    text-align: center;
    padding: 25px;
    width: 212px;
    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: #444;
    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: '';
    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: #f2f2f2;
}

/* 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: #b2b2b2;
    letter-spacing: 0.1px;
    line-height: 27px;
}
.core-services-5 .btn {
    border-color: #fff;
    color: #fff;
}
.core-services-5 .btn:hover {
    background: #b2b2b2;
    border-color: #b2b2b2;
    color: #444;
}

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

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


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

.post {
	margin-bottom: 11px;
	margin-top: 11px;
}
.post .entry-thumbnail {
    margin-bottom: 30px;
    position: relative;
}
.post .entry-title {
    font-size: 20px; 
    color: #444;
    letter-spacing: 1.5px;
    margin: 0 0 20px;
}
.post .entry-title a {
    color: #444;
    text-transform: uppercase;
}
.post .entry-title a:hover {
    text-decoration: none;
}
.post .entry-content {
    color: #444;
    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: #444;
    font-size: 14.25px;
    text-transform: uppercase;
    text-align: center;
}
.post .entry-meta a {
    color: #444;
    font-family: 'Roboto';
}
.post .main-content {
    overflow: hidden;
}
.blog-posts .btn-container {
    padding-top: 35px;
}
.blog-page-link {
    border-bottom: 2px solid #989898;
    color: #989898;
    font-size: 16px;
    font-family: '';
    text-transform: uppercase;
    display: inline-block; 
    position: relative;
    word-spacing: 5px; 
}
.blog-page-link:hover {
    color: #262626;
    text-decoration: none;
}
.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: '';
    text-transform: uppercase;
    margin: 0;
    text-align: left;
}
.blog-2 .author,
.blog-2 .date {
    color: #444;
}
.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: #444;
    color: #444;
}
.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: '';
    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: '';
}
.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: #444;
     font-size: 20px;
    margin-bottom: 17px;
    text-transform: uppercase;
}
.contact-item span,
.contact-item span a {
	color: #444;
	font-size: 14px;
	text-align: left;
}

/* 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-size: 15px;
    font-weight: 300;
}
.wpcf7-form .form-control {
    color: #444;
    font-family: '';
    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: #444;
    font-size: 50px;
    float: left;
    text-align: left;
    width: inherit;
}
.contact-4 .contact-item:hover .icon {
    background: transparent;
    color: #444;
}
.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: #444;
    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: '';
    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: #444;
    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: #444;
    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: '';
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1.75px;
    margin-bottom: 26px;
}
.choose-us-6 .btn {
    margin-top: 58px;
}

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

.callout-action {
    color: #444;
    font-family: '';
    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: '';
    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: #444;
    font-size: 18px;
}
.bio .designation {
    color: #444;
    font-size: 15px;
    padding-left: 10px;
    position: relative;
}
.bio .designation:before {
    content: '';
    background: #444;
    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.55);
    bottom: 40px;
    left: 40px;
    top: 40px;
    right: 40px;
    position: absolute;
    z-index: -1;
}
.member-details .description{
	color: #000000;
	text-align: center;
	vertical-align: middle;
}
.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: 55px;
}

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

.extra-features {
    min-height: 1200px;
 }
.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: #444;
    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: '';
    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: '';
    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: #444;
    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: #444;
    font-family: '';
    font-size: 40px;
}
.pricing-1 span.duration {
    color: #444;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}
.pricing-1 .item-details {
    padding: 50px 0 55px;
}
.pricing-1 .item-details span {
    color: #444;
    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: #444;
}
.pricing-1 .active .btn {
    background: #404040;
    border-color: #fff;
    color: #fff;
}
.pricing-1 .item:hover .btn {
    background: #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: #444;
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
}
.pricing-2 .price-table .cost,
.pricing-3 .price-table .cost {
    color: #262626;
    font-family: '';
    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: #444;
    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 {
    border: 1px solid #262626;
    border-radius: 50px;
    padding: 13px 48px;
    font-size: .875em;
    color: #262626;
}
.pricing-2 .price-table .btn.choose:hover,
.pricing-3 .price-table .btn.choose:hover {
    color: #ffffff;
}
.table-body span {
    color: #444;
    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: #444;
    font-size: 20px;
    letter-spacing: 2px;
    padding-top: 38px;
    text-align: center;
}
.pricing-3 .table-icon {
    color: #444;
    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: '';
}
article blockquote {
    color: #444;
    font-family: '';
    font-size: 38px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 51px;
    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: '';
    font-size: 16px;
    text-align: right;
    position: absolute;
    bottom: 35px;
    right: 60px;
}

.meta-info {
    color: #bebebe;
    font-family: '';
    text-transform: uppercase;
    margin-top: -15px;
}
.meta-info a {
    color: #444;
}

audio {
    width: 100%;
}

.link {
    color: #262626;
    font-family: '';
    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: #cbcbcb;
    border: 1px solid #d8d8d8;
 }
.pagination a:hover,
.pagination a.active {
    background: #383838;
    border-color: #383838;
    color: #444;
}
.blog-page .site-social {
    background-color: #474747;
}
.blog-page .site-social a {
    color: #444;
    display: inline-block;
    font-size: 30px;
    padding: 45px 30px;
}


/* 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: '';
    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: #444;
    padding-left: 30px;
}
.widget_categories li a:hover {
    color: #444;
    text-decoration: none;
}
.widget_categories li a:before {
    content: "\e628";
    font-family: 'themify';
    font-size: 13px;
    color: #8d8d8d;
    position: absolute;
    left: 0;
}

.widget_popular_post {
    font-family: '';
    text-transform: uppercase;
}
.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: '';
    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: #8b8b8b;
    color: #f1f1f1;
}

.widget_twitter_feed li {
    margin-bottom: 30px;
}
.widget_twitter_feed .icon {
    background: #f1f1f1;
    color: #444;
    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: #444;
}
.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: '';
    font-size: 15px;
    line-height: 24px;
     text-transform: uppercase;
} 
.copyright a {
    color: #262626;
    font-weight: 700;   
}

/* 33.1 --------- Footer 2 ----------*/

.site-footer-2 .logo {
    max-width: 62px;
    margin-bottom: 17px;
}

.site-footer-2 .social-icon {
    margin: 27px 0 0;
}

/* 33.2 ---------- Footer 3 & 4 ------------*/

.site-footer-3,
.site-footer-4 {
    background-color: #383838;
}
.site-footer-3 .section-padding,
.site-footer-4 .section-padding {
    padding: 150px 0 120px;
}
.site-footer-3 a,
.site-footer-4 a {
    color: #444;
}
.site-footer-3 a:hover,
.site-footer-4 a:hover {
    color: #bfbfbf;
}
.site-footer-3 .widget,
.site-footer-4 .widget {
    padding-bottom: 30px;
    text-align: left;
}
.site-footer-3 .widget-title,
.site-footer-4 .widget-title {
    color: #fff;
    margin: -3px 0 37px;
}
.widget_about {
    font-family: 'Roboto';
    font-size: 15px;
}
.widget_about address {
    letter-spacing: -0.2px;
    margin: 38px 0 5px;
}
.widget_about span {
    display: block;
    padding: 2px 0;
}
.site-footer-3 article:first-child,
.site-footer-4 article:first-child {
    padding-bottom: 35px;
}
.site-footer-3 .entry-title,
.site-footer-4 .entry-title {
    color: #444;
    font-family: '';
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
}
.site-footer-3 .post-meta,
.site-footer-4 .post-meta {
    color: #595959;
    font-family: '';
    font-size: 13px;
    padding-top: 8px;
    text-transform: uppercase;
}
.widget_useful_links a {
    color: #444;
    display: block;
     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;
}
.site-footer-3 .visitors,
.site-footer-3 .subscribers {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 60px;
}
.site-footer-3 .visitors {
    width: 195px;
}
.site-footer-3 .count {
    color: #bfbfbf;
    font-family: '';
    font-size: 25px;
    letter-spacing: 2px;
}
.site-footer-3 .status-about {
    color: #444;
    display: block;
    font-family: '';
    font-size: 16px;
}
.site-footer-3 #mc4wp-form,
.site-footer-4 #mc4wp-form {
    margin-top: -10px;
    position: relative;
}
.site-footer-3 #mc4wp-form input,
.site-footer-4 #mc4wp-form input {
    background-color: transparent;
    border-color: #535353;
    border-radius: 0;
    height: 60px;
}
.site-footer-3 #mc4wp-form input:focus,
.site-footer-4 #mc4wp-form input:focus {
    outline: 0;
}
.site-footer-3 #mc4wp-form input[type="submit"],
.site-footer-4 #mc4wp-form input[type="submit"] {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 22px 42px;
}
.site-footer-3 #mc4wp-form:before,
.site-footer-4 #mc4wp-form:before {
    content: "\e086";
    font-family: 'simple-line-icons';
    position: absolute;
    top: 22px;
    right: 30px;
    color: #444;
    font-size: 26px;
}

.site-footer-3 .copyright,
.site-footer-4 .copyright {
    background-color: #323232;
    color: #666;
    line-height: 150px;
}
.site-footer-3 .copyright a,
.site-footer-4 .copyright a {
    color: #666;
}

.footer-social {
    padding-top: 30px;
}
.footer-social a {
    color: #666;
    font-size: 20px;
    padding: 8px;
}
.opening p {
    color: #bfbfbf;
    font-family: '';
    font-size: 16px;
    margin-top: 8px;
    text-transform: uppercase;
}
.opening span {
    color: #444;
    text-transform: initial;
}
.site-footer-4 .widget-details .widget-title {
    margin-top: 45px;
}

/* 33.3 ------------- Footer 05 --------------*/

.site-footer-5 {
    color: #bfbfbf;
}
.site-footer-5 .section-padding {
    padding: 150px 0 120px;
}
.site-footer-5 a {
    color: #444;
}
.site-footer-5 a:hover {
    color: #bfbfbf;
}
.site-footer-5 .widget {
    padding-bottom: 30px;
    text-align: left;
}
.site-footer-5 .widget-title {
    color: #262626;
}
.widget_about {
    color: #444;
}
.site-footer-5 .footer-social a {
    color: #bfbfbf;
}
.site-footer-5 article:first-child {
    padding-bottom: 35px;
}
.site-footer-5 .entry-title a {
    color: #444;
    font-family: '';
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
}
.site-footer-5 .post-meta {
    color: #bfbfbf;
    font-family: '';
    font-size: 13px;
    padding-top: 8px;
    text-transform: uppercase;
}
.widget_useful_links a {
    color: #444;
    display: block;
     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;
}
.site-footer-5 .visitors,
.site-footer-5 .subscribers {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 60px;
}
.site-footer-5 .visitors {
    width: 195px;
}
.site-footer-5 .opening p {
    color: #444;
}
.site-footer-5 .widget-details .widget-title {
    margin-top: 45px;
}
.site-footer-5 #mc4wp-form {
    margin-top: -10px;
    position: relative;
}
.site-footer-5 #mc4wp-form input {
    background-color: transparent;
    border: 2px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    height: 65px;
}
.site-footer-5 #mc4wp-form input:focus {
    outline: 0;
}
.site-footer-5 #mc4wp-form input[type="submit"] {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 22px 42px;
}
.site-footer-5 #mc4wp-form:before {
    content: "\e086";
    font-family: 'simple-line-icons';
    position: absolute;
    top: 22px;
    right: 30px;
    color: #bfbfbf;
    font-size: 26px;
}
.site-footer-5 input:placeholder-shown,
.site-footer-5 textarea:placeholder-shown {
    color: #bfbfbf;
    text-transform: uppercase;
}

.site-footer-5 .copyright {
    background-color: #f3f3f3;
    color: #a6a6a6;
    line-height: 150px;
}
.site-footer-5 .copyright a{
    color: #a6a6a6;
    font-weight: 600;
}

/* 33.4 ------------ Footer 06 ------------*/

.site-footer-6 {
    background-color: #383838;
}
.site-footer-6 .section-padding {
    padding: 145px 0 100px;
}
.site-footer-6 .widget {
    border-right: 1px solid #404040;
    margin-bottom: 40px;
}
.site-footer-6 .col-sm-4 .widget {
    border-right: none;
}
.site-footer-6 .widget_about {
    font-family: 'Roboto';
    font-size: 15px;
}
.site-footer-6 .widget_about .description {
    margin-bottom: 0;
}
.site-footer-6 .widget_about address {
    margin-top: 30px;
}
.site-footer-6 .widget-title {
    color: #f1f1f1;
}
.widget_instagram_photos a {
    display: inline-block;
    max-height: 80px;
    max-width: 83px;
    margin-bottom: 25px;
    margin-right: 2px;
}
.widget_instagram_photos img {

}
.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);
}
.site-footer-6 .copyright {
    background-color: #323232;
    color: #666;
    font-size: 15px;
    padding: 62px 0;
}
.site-footer-6 .copyright a {
    color: #666;
}
.site-footer-6 .footer-social {
    padding-top: 0;
}

/* 33.5 ------------ Footer 07 ------------*/

.site-footer-7 {
    background-color: #383838;
    color: #444;
}
.site-footer-7 .section-padding {
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.site-footer-7 .footer-logo {
    margin-bottom: 45px;
}
.site-footer-7 .widget_about,
.site-footer-7 .widget_about a {
    color: #444;
 }
.site-footer-7 .widget_about span {
    padding-left: 30px;
    position: relative;
}
.site-footer-7 .widget_about span:nth-child(2) {
 }
.site-footer-7 address {
    margin-top: 0;
    padding-left: 30px;
    position: relative;
}
.site-footer-7 address i {
    margin-top: -3px;
}
.site-footer-7 .widget_about i {
    position: absolute;
    top: 5px;
    left: 0;
    color: #444;
    font-size: 16px;
}
.site-footer-7 .widget_popular_entries {
    font-family: '';
    text-transform: uppercase;
}
.site-footer-7 .widget_popular_entries article {
    clear: both;
    display: block;
    overflow: hidden;
    margin-bottom: 25px !important;
}
.site-footer-7 .widget_popular_entries .entry-thumbnail {
    float: left;
    margin: 0 15px 0 0 !important;
    max-width: 60px;
    padding-right: 0;
}
.site-footer-7 .widget_popular_entries .entry-title {
    color: #444;
    font-size: 15px;
    line-height: 22px;
    margin: -0px 0 3px;
}
.site-footer-7 .widget_popular_entries .entry-title a {
    color: #444;
}
.site-footer-7 .widget_popular_entries .post-meta {
    color: #676767;
    font-size: 14px;
    margin-right: 0;
    padding-right: 0;
    text-align: left;
}
.site-footer-7 .widget_instagram_photos a {
    max-height: 70px;
    max-width: 70px;
    margin-bottom: 15px;
    margin-right: 7px;
}
.site-footer-7 .copyright {
    background-color: #323232;
    color: #666;
    font-size: 15px;
    padding: 32px 0;
}
.site-footer-7 .copyright a {
    color: #666;
}

/* 33.6 ------------ Footer 08 ------------*/

footer.footer-8 {
    background: #2f2f2f;
}
footer.footer-8 img {
    margin-bottom: 15px;
}
footer.footer-8 .copyright,
footer.footer-8 .copyright a {
    color: #444;
}
footer.footer-8 .footer-social-icon {
    padding: 20px 0 0;
}

/* 33.7 ------------ Footer 09 ------------*/

.site-footer-9 {
    border-top: 2px solid #f2f2f2;
}
.site-footer-9 .section-padding {
    padding: 150px 0 105px;
}
.site-footer-9 .widget-details,
.site-footer-9 address {
    font-weight: 700;
}
.site-footer-9 .widget-title {
    color: #444;
}
.site-footer-9 .entry-thumbnail {
    float: left;
    width: 64px;
    height: 64px;
    margin-right: 20px !important;
    padding: 0;
}
.site-footer-9 article {
    background: none;
    margin-bottom: 20px !important;
}
.site-footer-9 article .post-content {
    padding: 0 !important;
}
.site-footer-9 article.post .entry-title {
    color: #444;
    font-size: 18px !important;
    letter-spacing: 1px;
    line-height: 23px;
    margin: 0;
    text-transform: initial;
}
.site-footer-9 article.post .entry-title a {
    color: #444;
    text-transform: initial;
}
.site-footer-9 .copyright span {
    display: block;
}

/* 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: #444;
     font-size: 17px;
    display: block;
    letter-spacing: 1px;
    padding: 20px;
    position: relative;
    text-transform: uppercase;
}
.panel-title a,
.panel-title a.collapsed:hover {
    color: #444;
}
.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: #444;
    line-height: 25px;
    border: 0;
}
.accordion .panel {
    border-radius: 0;
    box-shadow: none;
    border: none;
}
.accordion .panel-title a:after,
.accordion .panel-title a.collapsed:after {
    font-family: "themify";
    position: absolute;
}
/*
.accordion .panel-title a:after {
    content: "\e622";
    right: 20px;
}

.accordion .panel-title a.collapsed:after {
    content: "\e61a";
}
*/
/* -------- Accordion 01 --------*/

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