/*

[Main Stylesheet]

Project     :   CVIT - Multipurpose Personal Portfolio / vCard / CV / Resume WordPress Theme
Author      :   themelooks
Author URL  :   https://themeforest.net/user/themelooks


NOTE:
------
PLEASE DO NOT EDIT THIS CSS File.


[TABLE OF CONTENTS]

1. GENERAL STYLES
    1.1. LOGO
    1.2. SECTION TITLE
    1.3. BACKGROUND IMAGE
    1.4. BACKGROUND OVERLAY
    1.5. BUTTONS
    1.6. DATEPICKER
    1.7. SELECTMENU
    1.8. MODAL
    1.9. PAGINATION
    1.10. PRELOADER
    1.11. SPLIT WORDS
    
2. HEADER AREA
    2.1. HEADER NAVBAR
    2.2. HEADER NAVBAR TOGGLE BUTTON
    2.3. HEADER NAVBAR BRAND
    2.4. HEADER NAV
    2.5. HEADER CUSTOM BUTTON
    
3. BANNER AREA
    3.1. BANNER CONTENT

4. ABOUT AREA
    4.1. ABOUT PROGRESS BARS
    4.2. ABOUT INFO
    4.3. ABOUT INFO ITEM

5. SERVICES AREA
    5.1. SERVICE ITEM
    
6. GALLERY AREA
    6.1. GALLERY FILTER MENU
    6.2. GALLERY ITEM

7. FEEDBACK AREA
    7.1. FEEDBACK TITLE
    7.2. FEEDBACK FAQ
    7.3. FEEDBACK SLIDER
    7.4. FEEDBACK ITEMS

8. BLOG AREA
    8.1. BLOG QUICK NAV
    8.2. POSTS FILTER MENU
    8.3. POST ITEMS
    8.4. POST DETAILS
    8.5. BLOG VIEW ALL BUTTON

9. BRANDS AREA

10. COUNTER AREA
    10.1. COUNTER ITEM
    
11. PRICING AREA
    11.1. PRICING ITEM
    11.2. PRICING CONTENT
    11.3. PRICING TITLE
    11.4. PRICING TAG
    11.5. PRICING FEATURES
    11.6. PRICING FOOTER
	
12. TEAM AREA
	12.1. TEAM MEMBER
	12.2. TEAM MEMBER IMAGE
	12.3. TEAM MEMBER SOCIAL
	12.4. TEAM MEMBER INFO

13. CONTACT AREA
    13.1. CONTACT ADDRESS
    13.2. CONTACT SOCIAL
    13.3. CONTACT FORM

14. MAP AREA

15. SUBSCRIBE AREA
    15.1. SUBSCRIBE FORM

16. FOOTER AREA
    16.1. FOOTER COPYRIGHT

17. BACK TO TOP AREA

18. HIRE ME CONTACT MODAL

19. 404 PAGE

20. MEDIA QUERIES
    20.1. DESKTOP
    20.2. TABLET
    20.3. MOBILE
    
21. HELPER CLASSES
    21.1. RESET GUTTER
    21.2. RESET MARGIN
    21.3. RESET PADDING
    21.4. VERTICAL CENTERING
    21.5. ROW EQUAL HEIGHT

**/

/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
html,
body {
    height: 100%;
}

body {
    background: #f9f9f9;
    font-family: 'Raleway', sans-serif;
}

h1 {
	font-weight: 800;
}

h2 {
	font-weight: 700;
}

h3 {
	font-weight: 500;
}

h4 {
	font-weight: 300;
}

a:hover,
a:focus {
	text-decoration: none;
}

p:last-child {
    margin-bottom: 0;
}

.wrapper {
    height: 100%;
}

/* 1.1. LOGO */
.logo {
    display: inline-block;
    color: #303030;
}

.logo:hover,
.logo:focus {
    color: #303030;
    text-decoration: none;
    outline: 0;
}
.scrolled .modal-header .logo--content h1,
.scrolled .modal-header .logo--content p {
	color: #ffffff;
}
.logo--img,
.logo--content {
    display: table-cell;
    vertical-align: middle;
}
.single-author .logo--img {
    vertical-align: baseline;
}
.logo--img {
    padding-right: 8px;
}

.logo--img img {
    width: 50px;
    height: auto;
    border-radius: 50%;
}

.logo--content h1 {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.logo--content p {
    font-size: 12px;
    line-height: 18px;
}

.logo--content .post-categories {
    margin: 0;
    padding: 0;
    list-style: none;
}
.logo--content .post-categories:before {
    content: "On ";
}
.logo--content .post-categories li {
    display: inline;
}
.logo--content .post-categories li a {
    color: #fff;
    font-weight: 700;
}
.logo--content .post-categories li a:after {
    content: ",";
}
.logo--content .post-categories li:last-child a:after {
    content: "";
}

/* 1.2. SECTION TITLE */
.section--title {
    margin-bottom: 60px;
    text-align: center;
}

.section--title h2 {
    position: relative;
    margin-top: -7px;
    margin-bottom: 0;
    padding-bottom: 18px;
    font-size: 36px;
    line-height: 41px;
	text-transform: uppercase;
}

.section--title h2:before,
.section--title h2:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.section--title h2:before {
    bottom: 0;
    width: 100px;
    padding: 4px 0 5px;
    border-style: solid;
    border-width: 1px 0;
    border-color: #303030;
	opacity: 0.67;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";
}

.section--title h2:after {
    bottom: 5px;
    width: 200px;
    height: 1px;
    background-color: #303030;
}

.bg--img .section--title h2:before {
    border-color: #fff;
}

.bg--img .section--title h2:after {
    background-color: #fff;
}

/* 1.3. BACKGROUND IMAGE */
.bg--img {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg--scrollimg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* 1.4. BACKGROUND OVERLAY */
.bg--overlay {
    position: relative;
    z-index: 0;
}

.bg--overlay:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #303030;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: -1;
}

/* 1.5. BUTTONS */
.btn--default, .btn--primary {
    display: inline-block;
    padding: 12px 30px;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
	text-transform: uppercase;
}

.btn--default:hover, .btn--primary:hover,
.btn--default:focus, .btn--primary:focus {
    color: #fff;
    box-shadow: none;
    text-decoration: none;
    outline: 0;
}

.btn--default {
    color: #303030;
    border-color: #303030;
    background-color: transparent;
}

.btn--default:hover,
.btn--default:focus {
    color: #303030;
}

.btn--primary {
    border-color: #303030;
    background-color: #303030;
}

/* 1.6. DATEPICKER */
.ui-datepicker {
    min-width: 253px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.ui-datepicker-header {
    color: #fff;
    background-color: #303030;
    border: none;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: block;
    top: 0;
    width: auto;
    height: auto;
    margin-top: 15px;
    font-size: 18px;
    line-height: 0;
    font-weight: normal;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
    margin-left: 11px;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
    margin-right: 11px;
}

.ui-datepicker-header .ui-state-hover {
    background-color: transparent;
    border: 0;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
    color: #fff;
    font-family: "FontAwesome";
    font-style: normal;
}

.ui-datepicker-prev:before {
    content: "\f0d9";
}

.ui-datepicker-next:before {
    content: "\f0da";
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker table {
    margin-bottom: 0;
}

.ui-datepicker td {
    padding: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    margin: 2px;
    text-align: center;
}

.ui-datepicker .ui-state-default {
    color: #303030;
    background-color: transparent;
    border-color: #303030;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out;
            transition: color .25s ease, background-color .25s ease-in-out;
}

.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-state-highlight {
    color: #fff;
    background-color: #303030;
}

/* 1.7. SELECTMENU */
.ui-selectmenu-menu {
    z-index: 99999;
}

.ui-selectmenu-menu .ui-menu {
    border-radius: 0;
}

.ui-selectmenu-menu .ui-menu-item {
    padding: 8px 15px;
}

/* 1.8. MODAL */
.modal {
    padding-top: 50px;
}

.modal label {
    font-weight: 300;
    font-style: italic;
}

.modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.modal-header {
    position: relative;
    padding: 18px 40px 20px;
    color: #fff;
    background-color: #303030;
}

.modal-header .close {
    position: absolute;
    top: 10px;
    right: -24px;
    float: none;
    color: #fff;
    font-size: 35px;
    line-height: 0;
    font-weight: 100;
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    text-shadow: none;
}

.modal-title {
    font-size: 22px;
    font-weight: 800;
}

.modal-title + p {
    margin-top: 3px;
}

.modal-body {
    padding: 40px;
    background-color: #f3f3f3;
}

/* 1.9. PAGINATION */
.pagination {
    display: block;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
}

.pagination > li:first-child > span,
.pagination > li:first-child > a,
.pagination > li:last-child > span,
.pagination > li:last-child > a {
    border-radius: 0;
}

.pagination > li > a,
.pagination > li > span {
    color: #303030;
    background-color: transparent;
    border-color: #303030;
    font-weight: 700;
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
    transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus,
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:focus {
    color: #fff;
    background-color: #303030;
    border-color: #303030;
}

.blog-page--pagination {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* 1.10. PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #303030;
    z-index: 9999;
}

.preloader--bounce {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
}

.preloader-bouncer--1,
.preloader-bouncer--2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
    -webkit-animation: preloaderBouncer 2s infinite ease-in-out;
            animation: preloaderBouncer 2s infinite ease-in-out;
}

.preloader-bouncer--2 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
}

@-webkit-keyframes preloaderBouncer {
    0%, 100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes preloaderBouncer {
    0%, 100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

/* 1.11. SPLIT WORDS */
.split--words span:nth-child(even) {
    font-weight: 700;
}
.split--words-odd span:nth-child(odd) {
    font-weight: 700;
}

/*------------------------------------*\
    2. HEADER AREA
\*------------------------------------*/
/* 2.1. HEADER NAVBAR */
.header--navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
    -webkit-transition: .25s;
    transition: .25s;
    z-index: 999;
}

body.scrolled .header--navbar {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 20px;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

body.single-post .header--navbar,
body.blog .header--navbar {
    background-color: #fff;
}

body.admin-bar .header--navbar {
    top: 32px;
}

.header--navbar .navbar {
    min-height: 0;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}

.header--navbar .navbar-header {
    padding-bottom: 10px;
}

/* 2.2. HEADER NAVBAR TOGGLE BUTTON */
.header--navbar .navbar-toggle {
    border-color: #303030;
    border-radius: 0;
}

.header--navbar .navbar-toggle .icon-bar {
    background-color: #303030;
}

/* 2.3. HEADER NAVBAR BRAND */
.header--navbar .navbar-brand {
    height: auto;
    padding: 0;
}
.header--navbar .navbar-brand .logo--content:first-child {
    display: block;
    padding: 5px 0;
}

/* 2.4. HEADER NAV */
.header--nav {
    float: right;
}

.header--nav .nav li {
    padding: 0 15px;
}

.header--nav .nav li a {
    position: relative;
    padding: 15px 0 10px;
    color: #303030;
	text-transform: uppercase;
    outline: 0;
}

.header--nav .nav li a:hover,
.header--nav .nav li a:focus,
.header--nav .nav li.active a {
    background: transparent;
}

.header--nav .nav li a:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 0;
    height: 1px;
    background-color: #303030;
    -webkit-transition: width .25s ease-in-out;
            transition: width .25s ease-in-out;
}

.header--nav .nav li a:hover:before,
.header--nav .nav li.active a:before {
    width: 100%;
}

/* 2.5. HEADER CUSTOM BUTTON */
.header--custom-btn {
    float: right;
    margin-left: 15px;
    margin-bottom: 12px;
}

.header--custom-btn .btn--default {
    margin-top: 2px;
    padding: 10px 15px;
}

/*------------------------------------*\
    X. PAGE HEADER AREA
\*------------------------------------*/
#pageHeader {
    padding: 30px 0 22px;
    color: #fff;
    background-color: #303030;
    text-transform: uppercase;
    word-break: break-all;
 
}
#pageHeader .col-xs-6:first-child:last-child {
    width: 100%;
}
#pageHeader.bg--img {
    background: transparent;
}
/* X.X. PAGE HEADER TITLE */
.page-header--title .section--title {
    margin-bottom: 0;
    text-align: left;
}

.page-header--title .section--title h2 {
    padding-bottom: 0;
    font-size: 24px;
    line-height: 32px;
}

.page-header--title .section--title h2:before,
.page-header--title .section--title h2:after {
    display: none;
}

/* X.X. PAGE HEADER BREADCRUMB */
.page-header--breadcrumb .breadcrumb {
    margin-top: -10px;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    text-align: right;
}

.page-header--breadcrumb .breadcrumb a,
.page-header--breadcrumb .breadcrumb li.active {
    color: #fff;
    text-decoration: none;
}

.page-header--breadcrumb .breadcrumb a {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.page-header--breadcrumb .breadcrumb a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*------------------------------------*\
    3. BANNER AREA
\*------------------------------------*/
#banner {
    height: 100%;
}
#banner.bg--overlay:before {
  background-color: #fff;
}

#banner > .container {
	height: 100%;
}

#banner > #tubular-container,
#banner > #tubular-shield {
    z-index: -2;
}

/* 3.1. BANNER SLIDER */
.banner--slider,
.banner--slider .owl-wrapper-outer,
.banner--slider .owl-wrapper,
.banner--slider .owl-item {
    height: 100%;
}

.banner--slider .owl-pagination {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.banner--slider .owl-page {
    display: inline-block;
    margin: 0 5px;
}

.banner--slider .owl-page:before {
    content: "\f10c";
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 0;
    font-style: normal;
}

.banner--slider .owl-page.active:before {
    content: "\f192";
}

/* 3.2. BANNER ITEM */
.banner--item {
    height: 100%;
    background-attachment: scroll;
}

.banner--item.bg--overlay:before {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.banner--item.bg--video {
    overflow: hidden;
}

.banner--item.bg--video:before {
    background-color: #fff;
}

.banner--item.bg--video #tubular-container,
.banner--item.bg--video #tubular-shield {
    z-index: -2;
}

.banner--item > .container {
    height: 100%;
}

/* 3.3. BANNER CONTENT */
.banner--content {
    color: #303030;
    font-size: 24px;
    font-weight: 300;
}

.banner--content a {
    color: #303030;
    text-decoration: none;
    outline: 0;
}

.parallax-content {
  color: #303030;
}

.video-content {
  text-align: center;
}

.banner--content h2 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
}

.banner--content .btn--default {
    margin-top: 22px;
	text-transform: uppercase;
}
.banner--content-right,
.banner--content-left {
    width:40%;
}

.banner--content-right {
	float: right;
}
/*------------------------------------*\
    4. ABOUT AREA
\*------------------------------------*/
#about {
    padding: 80px 0;
}
#about.bg--img {
    background-color: transparent;
}

#about h3 {
    font-weight: 300;
    margin-top: 0;
	text-transform: uppercase;
}

#about p {
    margin: 25px auto;
}

#about a.btn {
    margin-top: 10px;
}

/* 4.1. ABOUT PROGRESS BARS */
.about--progress-items h4 {
    font-size: 16px;
    line-height: 20px;
}

#about .about--progress-items h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.about--progress-items .progress {
    background-color: #e9e9e9;
    border-radius: 0;
    height: 5px;
    overflow: visible;
    margin-bottom: 15px;
}

.about--progress-items .progress:last-child {
    margin-bottom: 0;
}

.about--progress-items .progress-bar {
    position: relative;
    background-color: #303030;
    min-width: 32px;
}

.about--progress-items .progress-bar[data-progress="0"] { width: 0%; }
.about--progress-items .progress-bar[data-progress="10"] { width: 10%; }
.about--progress-items .progress-bar[data-progress="20"] { width: 20%; }
.about--progress-items .progress-bar[data-progress="30"] { width: 30%; }
.about--progress-items .progress-bar[data-progress="40"] { width: 40%; }
.about--progress-items .progress-bar[data-progress="50"] { width: 50%; }
.about--progress-items .progress-bar[data-progress="60"] { width: 60%; }
.about--progress-items .progress-bar[data-progress="70"] { width: 70%; }
.about--progress-items .progress-bar[data-progress="80"] { width: 80%; }
.about--progress-items .progress-bar[data-progress="90"] { width: 90%; }
.about--progress-items .progress-bar[data-progress="100"] { width: 100%; }

.about--progress-items .progress-bar span {
    position: absolute;
    right: 0;
    top: -20px;
    width: 31px;
    height: 20px;
    background: #303030;
}

/* 4.2. ABOUT INFO */
.about--info > .row > div {
    margin-top: 60px;
}

#about .about--info h3 {
    margin-bottom: 23px;
}

/* 4.3. ABOUT INFO ITEM */
.about--info-wrapper {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 2px #e9e9e9;
}

#about .about--info-wrapper h3 {
    margin-bottom: 9px;
}

.about--info-wrapper .bx-wrapper {
    border: 0;
    box-shadow: none;
}

.about--info-wrapper {
    padding-bottom: 10px;
}

.about--info-items {
    overflow: hidden;
}

.about--info-item {
    padding-top: 15px;
}

.about--info-border {
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
	transition: border-color .25s;
}

.about--info-wrapper > .about--info-items > .about--info-item:nth-child(3) .about--info-border {
    border-color: transparent;
}

.about--info-items [aria-hidden="true"] + [aria-hidden="false"] + [aria-hidden="false"] + [aria-hidden="false"] .about--info-border,
.about--info-items [aria-hidden="true"] + [aria-hidden="false"] + [aria-hidden="false"] + [aria-hidden="true"] .about--info-border,
.about--info-items [aria-hidden="true"] + [aria-hidden="false"] + [aria-hidden="true"] + [aria-hidden="true"] .about--info-border {
    border-bottom-color: transparent;
}

#about .about--info-item p {
    margin: 0 auto 8px;
}

#about .about--info-item p:last-child {
    margin-bottom: 0;
}

.about--info-item h4 {
    margin-bottom: 0;
    padding-right: 10px;
}

.about--info-item h5 {
    margin: 0 0 8px;
}

/*------------------------------------*\
    5. SERVICES AREA
\*------------------------------------*/
#falContenttwo,
#falContent {
    position: relative;
    padding: 80px 0px;
    
}
/*------------------------------------*\
    5. SERVICES AREA
\*------------------------------------*/
#services {
    position: relative;
    padding: 80px 0 20px;
    color: #fff;
}

#services .row > div:last-child .service-box {
    margin-bottom: 60px;
}

/* 5.1. SERVICE ITEM */
.service--item {
    margin-bottom: 60px;
}

.service--item:before,
.service--item:after {
	content: " ";
	display: table;
}

.service--item:after {
	clear: both;
}

.service--icon {
    width: 45px;
    font-size: 38px;
    line-height: 0;
    text-align: center;
}

.service--icon img {
    width: 100%;
    height: auto;
}

.service--content h3 {
    margin-top: 0;
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
}

/**
 * Icon Psition
 */
.service-icon-left .service--icon {
	float: left;
}
.service-icon-left .service--content {
    margin-left: 60px;
}
.service-icon-right .service--icon {
	float: right;
}
.service-icon-right .service--content {
    margin-right: 60px;
}
.service-icon-topleft .service--icon,
.service-icon-topright .service--icon,
.service-icon-topcenter .service--icon {
    margin-bottom: 20px;
	width: 100%
}
.service-icon-topleft .service--icon {
	text-align: left;
}
.service-icon-topright .service--icon {
	text-align: right;
}
#services .service-box {
	margin-bottom: 30px;
	background-color: #303030;
	padding: 30px 20px 25px;
}

.service-icon-topcenter.text-center.service-nobox {
    padding-left: 15px;
    padding-right: 15px;
}

/*------------------------------------*\
    6. GALLERY AREA
\*------------------------------------*/
#gallery {
    padding: 80px 0 64px;
}
#gallery.bg--overlay {
    z-index: auto;
}

/* 6.1. GALLERY FILTER MENU */
.gallery-filter-menu ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.gallery-filter-menu li {
    display: inline-block;
    margin: 0 5px 10px;
}

.gallery-filter-menu a {
    padding: 12px 15px;
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out;
            transition: color .25s ease, background-color .25s ease-in-out;
	text-transform: uppercase;
}

.gallery-filter-menu a:hover,
.gallery-filter-menu li.active a {
    color: #fff;
    background-color: #303030;
}

/* 6.2. GALLERY ITEM */
.gallery-item {
    position: relative;
    margin-bottom: 0;
    padding: 15px;
    background-color: transparent;
    border: none;
    overflow: hidden;
}

.gallery-item img {
    width: 100%;
    height: auto;
}

.gallery--case-study {
    position: absolute;
    bottom: 25px;
    display: block;
    background-color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    right: 25px;
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}

.gallery-item:hover .gallery--case-study {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.gallery-overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    color: #fff;
    background: rgba(159, 156, 151, 0.8);
    padding: 15px;
    text-align: center;
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    overflow: hidden;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gallery-overlay h3 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 700;
}

.gallery-overlay p {
    font-weight: 300;
    line-height: 24px;
}

.gallery-overlay .gallery--window {
    background: transparent;
    border: 1px solid #fff;
    font-weight: 500;
    border-radius: 0;
    outline: 0;
    color: #fff;
    -webkit-transition: .25s;
            transition: .25s;
    text-transform: uppercase;
}

.gallery-overlay .gallery--window:hover,
.gallery-overlay .gallery--window:focus {
    color: #fff;
    background-color: #303030;
    border-color: #303030;
    outline: 0;
}

.gallery-overlay .icon-link {
    position: absolute;
    top: -15px;
    right: -30px;
    display: block;
    width: 80px;
    height: 50px;
    padding-top: 27px;
    color: #fff;
    background-color: #303030;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    font-size: 14px;
    line-height: 0;
    font-weight: 700;
}

.gallery-overlay .icon-link:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    display: block;
}

.gallery-overlay .icon-link {
    outline: 0;
}
.gallery-items .post--details .logo {
    float: left;
    height: auto;
    margin-top: 4px;
    padding-top: 0;
    padding-bottom: 0;
}
.gallery-items .post--details .social-icons {
    float: right;
    margin-top: 0px;
}
.gallery-items .post--details .post-title p {
    margin-bottom: 0;
}
.gallery-items .post--details .modal-body {
    padding-top: 60px;
}
.gallery-items .post--details .post-content blockquote p {
    margin-bottom: 0;
}
.post--details .social-icons ul span {
	font-size: 14px;
	font-weight: bold;
	margin-right: 7px;
	text-transform: uppercase;
}
/* X.X. GALLERY MODAL */
.gallery--details .modal-body {
    text-align: center;
}

.gallery--details .modal-body img {
    max-width: 100%;
}

.gallery--description {
    background-color: #303030;
    color: #fff;
    border: none;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    padding: 0 40px;
}
.gallery--description iframe {
	width: 100%;
}
.gallery--description .modal-body {
    text-align: center;
}

.gallery--description p {
    margin: 30px 0;
}
.gallery--details .modal-header {
	border: 0px;
}

/*------------------------------------*\
    7. FEEDBACK AREA
\*------------------------------------*/
#feedback {
    padding: 80px 0;
    color: #fff;
}

/* 7.1. FEEDBACK TITLE */
.feedback--title {
    position: relative;
    margin: -4px 0 30px;
    font-weight: 700;
    padding-bottom: 21px;
    font-size: 26px;
}

.feedback--title:before,
.feedback--title:after {
    content: " ";
    position: absolute;
    left: 0;
}

.feedback--title:before {
    bottom: 0;
    width: 100px;
    padding: 4px 0 5px;
    border-style: solid;
    border-width: 1px 0;
    border-color: #737373;
}

.feedback--title:after {
    bottom: 5px;
    width: 200px;
    height: 1px;
    background-color: #303030;
}
#feedback .col-md-offset-2 .feedback--title:before, 
#feedback .col-md-offset-2 .feedback--title:after {
    left: 0;
    right: 0;
    margin: 0 auto;
} 
#feedback .col-md-offset-2 .feedback--item i.fa {
	float: none;
	margin-right: 0px;
	margin-bottom: 10px;
}
.bg--img .feedback--title:before {
    border-color: #fff;
}

.bg--img .feedback--title:after {
    background-color: #fff;
}

.img-radius img,
.bord-radius .feedback--slider .owl-controls .owl-page span,
.bord-radius .feedback--slider .owl-controls .owl-page {
	border-radius: 50%;
}

/* 7.2. FEEDBACK FAQ */
.feedback--faq .panel-group {
    margin-bottom: 0;
}

.feedback--faq .panel-default {
    border: none;
    border-radius: 0;
}

.feedback--faq .panel + .panel {
    margin-top: 10px;
}

.feedback--faq .panel-heading {
    padding: 0;
}

.feedback--faq .panel-heading a {
    display: block;
    padding: 10px 15px;
    color: #303030;
    background-color: #fff;
    text-decoration: none;
}

.feedback--faq .panel-heading a.collapsed i.fa:before {
    content: "\f067";
}

.feedback--faq .panel-title i.fa {
    float: right;
}

.feedback--faq .panel-body {
    color: #303030;
}

/* 7.3. FEEDBACK SLIDER */
.feedback--slider .owl-pagination {
    font-size: 0;
    line-height: 0;
}

.feedback--slider .owl-page {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid transparent;
    margin-left: 0;
    -webkit-transition: border-color .25s ease;
            transition: border-color .25s ease;
}

.feedback--slider .owl-page.active {
    border-color: #fff;
}

.feedback--slider .owl-page span {
    display: block;
    width: 84px;
    margin: 4px;
    padding: 2px;
    background-color: #fff;
}

.feedback--slider .owl-controls .owl-page img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 7.4. FEEDBACK ITEMS */
.feedback--item {
    padding-left: 2px;
}

.feedback--item i.fa {
    float: left;
    margin-right: 15px;
    font-size: 40px;
}

.feedback--item blockquote {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 14px;
}

.feedback--item p {
    margin-bottom: 25px;
}

.feedback--item .cite {
    display: block;
    font-weight: 800;
    font-style: italic;
}

.feedback--slider .owl-wrapper-outer {
	margin-bottom: 25px;
}

.feedback--slider .owl-controls + .owl-wrapper-outer {
	margin-top: 25px;
	margin-bottom: 0;
}

/*------------------------------------*\
    8. BLOG AREA
\*------------------------------------*/
#blog {
    padding: 80px 0 50px;
}

/* 8.1. BLOG QUICK NAV */
.blog--quick-nav {
    position: relative;
    min-height: 50px;
    margin-bottom: 45px;
    overflow: hidden;
}

.blog--quick-nav .toggle--btn {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    padding: 12px 15px;
}

/* 8.2. POSTS FILTER MENU */
.posts-filter-menu {
    float: right;
    width: 100%;
    height: 50px !important;
    padding: 0 65px 0 15px;
    border: 1px solid #303030;
    overflow: hidden;
}

.posts-filter-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    text-align: center;
    overflow: auto;
}

.posts-filter-menu ul li {
    display: inline-block;
}

.posts-filter-menu ul li a {
    display: block;
    color: #303030;
    padding: 14px 15px;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
}

/* 8.3. POST ITEMS */
.post-item {
    margin-bottom: 30px;
}

.post-item.sticky {
    position: relative;
    padding: 15px 30px;
    z-index: 0;
}
.post-item.sticky:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    border: 2px dotted #303030;
    z-index: -1;
}

.post--img a {
    display: block;
    border-style: solid;
    border-width: 1px 1px 0;
    border-color: #ccc;
    outline: 0;
}
.post--img img {
    max-width: 100%;
    height: auto;
}

.post.format-video .post--img {
	position: relative;
    display: block;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
}

.post.format-video .post--img iframe,
.post.format-video .post--img embed,
.post.format-video .post--img object,
.post.format-video .post--img video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.casestudyContent iframe,
.falContent iframe {
    width: 100%;
}
.post.format-video .post--mejs {
    height: auto;
    padding-bottom: 0;
}

.post-description {
    background: #fff;
    padding: 15px;
    border: 1px solid #ccc;
}
.post-description .gallery-caption {
    padding-top: 11px;
}

.post-description h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    word-wrap: break-word;
}

.post-description h3 a,
.post-date a {
    color: #231f20;
    text-decoration: none;
    outline: 0;
}

.post-date {
    margin-top: 11px;
    margin-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
}

.post-description-content {
    margin: 13px 0 0;
    word-wrap: break-word;
}

a.post--read-more-link {
    display: block;
    margin-top: 10px;
    color: #303030;
    font-weight: 700;
    text-decoration: none;
}
a.post--read-more-link .fa {
    margin-left: 8px;
}

.post-meta {
    position: relative;
    padding: 16px 14px 15px;
    background-color: #ebebeb;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #ccc;
    box-shadow: 0px 2px 1px #ddd;
}

.post-meta-img,
.post-meta-desc {
    display: inline-block;
    vertical-align: middle;
}

.post-meta-img {
    width: 35px;
    margin-right: 9px;
}

.post-meta-img a {
    display: block;
}

.post-meta-img img {
	max-width: 100%;
	height: auto;
	border-radius: 50%;
}

.post-meta-desc h3 {
    margin: 1px 0 0;
    font-size: 16px;
    line-height: 20px;
}

.post-meta-desc a {
    color: #303030;
    text-decoration: none;
}

.post-meta-desc p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
}

/* 8.4. POST DETAILS */
.post--details .logo {
    color: #fff;
    margin-top: 7px;
}

.post--details .social-icons {
    margin-top: 2px;
}

.post--details .social-icons ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.post--details .social-icons li {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}

.post--details .social-icons li a {
    display: block;
    width: 35px;
    margin: 0;
    padding: 6px 0;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    text-align: center;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
            transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.post--details .social-icons li a:hover,
.post--details .social-icons li a:focus {
    color: #303030;
    border: 1px solid #fff;
    background: #fff;
}

.post--single .modal-header {
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 25px;
	
}

.post--single .modal-content {
    background-color: transparent;
}

.post--details .modal-body {
    padding-right: 0;
    padding-left: 0;
    border-bottom: 50px solid #303030;
}
.author-description {
  color: #fff;
  margin-top: 11px;
}
.post--single .modal-body {
    padding: 0;
    background-color: transparent;
    border-bottom: 0;
}

.post--single .modal-dialog {
    width: 100%;
    margin-top: 0;
}

.post--details .post-title h2 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 24px;
    margin-top: 0;
}

.post--details .post-title p {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.post--details .post-title p a {
    color: #333;
}

.post--single .post-title p {
    margin-bottom: 30px;
}

.post--single .post-title a {
    color: #303030;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.post--single .post-title a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.post--details .post-content {
    margin-top: 30px;
}

.post--single .post-content {
    margin-bottom: 30px;
}

.post--details .post-content p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #303030;
}

.post--single .post-content p:last-child {
    margin-bottom: 0;
}

.post--details .post-content img {
    max-width: 100%;
	height: auto;
}

.post--details .post-content .mejs-container {
    margin-bottom: 25px;
}

.post--cats,
.post--tags {
    padding: 26px 0;
}
.post-content + .post--cats,
.post-content + .post--tags {
    border-top: 1px solid #e9e9e9;
}
.post--cats {
    font-size: 0;
    line-height: 0;
}
.post--cats + .post--tags {
    margin-top: -4px;
    padding-top: 0;
}
.post--tags ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}
.post--tags ul li {
    display: inline-block;
    margin-right: 10px;
}
.post--cats strong,
.post--cats a,
.post--tags ul li strong,
.post--tags ul li a {
    font-size: 14px;
    line-height: 24px;
}
.post--cats strong,
.post--cats a {
    margin-right: 10px;
}
.post--cats a,
.post--tags a {
    display: inline-block;
    color: #737373;
    border-bottom: 1px dotted #737373;
    font-weight: 700;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: color .25s;
			transition: color .25s;
    text-decoration: none;
}
.post--cats a:hover,
.post--tags a:hover {
    color: #303030;
}

/* 8.5. POST COMMENTS */
.post--comments-title {
    margin: 23px 0 30px;
    font-weight: 700;
    padding-bottom: 22px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 26px;
    line-height: 34px;
}

.post--comments-list,
.post--comments-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.post--comments-list ul {
    padding-left: 30px;
}
.post--comments-list li {
    margin: 25px 0;
}

.post--comment {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 25px;
}

.post--comment-thumb a {
    overflow: hidden;
    color: #288feb;
    font-weight: 500;
}
.post--comment-thumb {
    margin-bottom: 15px;
    overflow: hidden;
}

.post--comment-meta {
    margin-top: 15px;
    margin-left: 15px;
}

.post--comment-reply {
    margin-top: 15px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 22px;
}

.comment-respond .comment-notes {
    margin-top: -4px;
    margin-bottom: 25px;
}

.comment-respond .form-control {
    margin-bottom: 20px;
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    resize: none;
}

#cancel-comment-reply-link {
    float: right;
    margin-top: -1px;
    padding: 5px 12px;
    color: #303030;
    border: 2px solid #303030;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}

/* 8.5. BLOG VIEW ALL BUTTON */
.blog--view-all {
    margin-top: 10px;
    margin-bottom: 30px;
}

/* ##. OTHER STYLES */
.post-description-content a,
.post-description-content .btn-link,
.post-content a,
.post-content .btn-link {
    color: #737373;
    border-bottom: 1px dotted #737373;
    font-weight: 700;
    -webkit-transition: color .25s;
    transition: color .25s;
    text-decoration: none;
}
.post-description-content a:hover,
.post-description-content a:focus,
.post-description-content .btn-link:hover,
.post-description-content .btn-link:focus,
.post-content a:hover,
.post-content a:focus,
.post-content .btn-link:hover,
.post-content .btn-link:focus {
    color: #303030;
}

.post-description-content a.btn-primary,
.post-description-content a.btn-success,
.post-description-content a.btn-info,
.post-description-content a.btn-warning,
.post-description-content a.btn-danger,
.post-content a.btn-primary,
.post-content a.btn-success,
.post-content a.btn-info,
.post-content a.btn-warning,
.post-content a.btn-danger {
	color: #fff;
}

.post-content table,
.post--comment-content table {
    width: 100%;
}
.post-content table th,
.post-content table td,
.post--comment-content table th,
.post--comment-content table td {
    padding: 10px 5px;
    border: 1px solid #e9e9e9;
}

.post-content dl dd,
.post--comment-content dl dd {
    padding-left: 20px;
}
.post-content dl dd + dt,
.post--comment-content dl dd + dt {
    margin-top: 10px;
}

.post--comment-content ul {
    list-style: disc;
}
.post--comment-content li {
    margin: 0;
}

.post-description-content .page-links a,
.post-description-content .page-links span + span,
.post-content .page-links a,
.post-content .page-links span + span {
    margin-right: 2px;
    padding: 0 4px 3px;
    color: #303030;
    border: 1px solid #303030;
    text-decoration: none;
	-webkit-transition: color .25s, background-color .25s ease-in-out;
			transition: color .25s, background-color .25s ease-in-out;
}
.post-description-content .page-links a:hover,
.post-description-content .page-links span + span,
.post-content .page-links a:hover,
.post-content .page-links span + span {
    color: #fff;
    background-color: #303030;
}

.post-description img {
	max-width: 100%;
	height: auto;
}

.post-password-form input[type="password"] {
    padding: 6px 12px;
    border: 1px solid #e9e9e9;
    box-shadow: none;
    outline: 0;
}
.post-password-form input[type="submit"] {
    padding: 6px 18px;
    color: #fff;
    background-color: #303030;
    border: 0;
	outline: 0;
}

.post-content .gallery {
    margin: 0 -15px !important;
}
.post-content .gallery-item img {
    border: 0 !important;
}
.post-content .gallery-caption {
    margin-top: 7px;
    padding-left: 0;
    text-align: left;
}

.post-content .wp-caption {
    padding-bottom: 0;
}
.post-content .wp-caption-text {
    padding-top: 10px !important;
    padding-bottom: 11px !important;
    font-size: 14px !important;
    line-height: 18px;
}

.post-description-content blockquote,
.post-content blockquote,
.post--comment-content blockquote {
    border-color: #303030;
}

.post.format-chat .post-description-content p,
.post.format-chat .post-content p {
    padding: 10px 15px;
    background-color: #f0f0f0;
    border: 1px solid #e9e9e9;
}
.post.format-chat .post-description-content p:nth-child(even),
.post.format-chat .post-content p:nth-child(even) {
    padding: 0;
    background-color: transparent;
    border: 0;
    text-align: right;
}

.post-content address,
.post--comment-content address {
    font-style: italic;
}

.widget-title {
    position: relative;
    margin-top: -4px;
    margin-bottom: 12px;
    font-weight: 700;
    padding-bottom: 21px;
    font-size: 26px;
}
.widget-title:after,
.widget-title:before {
    content: " ";
    position: absolute;
    left: 0;
}
.widget-title:before {
    bottom: 0;
	width: 100%;
    max-width: 100px;
    padding: 4px 0 5px;
    border-style: solid;
    border-width: 1px 0;
    border-color: #737373;
}
.widget-title:after {
    bottom: 5px;
	width: 100%;
    max-width: 200px;
    height: 1px;
    background-color: #303030;
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget ul ul {
    padding-left: 30px;
}
.widget ul li {
    padding: 3px 0 4px;
}
.widget ul li a {
    color: #303030;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .25s;
			transition: opacity .25s;
}
.widget ul li a:hover,
.widget ul li a:focus {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
	outline: 0;
}

.blog--sidebar .widget {
    margin-bottom: 50px;
}
.blog--sidebar .widget:last-child {
    margin-bottom: 0;
}

.widget .widget-title + .search-form {
    margin-top: 20px;
}
.search-form{
    position: relative;
}
.search-form label {
    display: block;
    margin-bottom: 0;
    padding-right: 79px;
}
.search-form .search-field {
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #e9e9e9;
	font-weight: normal;
    outline: 0;
}
.search-form .search-submit {
    background-color: #303030;
    border: 0 none;
    color: #fff;
    height: 100%;
    outline: 0 none;
    padding: 6px 18px;
    position: absolute;
    right: 0;
    top: 0;
}

.calendar_wrap table {
    width: 100%;
}
.calendar_wrap caption {
	font-weight: 700;
}
.calendar_wrap caption,
.calendar_wrap table thead th,
.calendar_wrap table tbody td {
    text-align: center;
}
.calendar_wrap #prev,
.calendar_wrap #next {
    padding-top: 10px;
}

/*------------------------------------*\
    9. BRANDS AREA
\*------------------------------------*/
#brands {
    padding: 50px 0;
}

#brands:before {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.brands--slider .owl-item {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

/*------------------------------------*\
    10. COUNTER AREA
\*------------------------------------*/
#counter {
    padding: 80px 0 30px;
}

/* 10.1. COUNTER ITEM */
.counter--item {
    margin-bottom: 50px;
    color: #fff;
}

.counter--num {
    margin-bottom: 7px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
}

.counter--num i.fa {
    margin-right: 7px;
}

.counter--text {
    font-size: 16px;
}

.couter-box .counter--item {
    padding: 24px 30px;
	background-color: #303030;
}

/*------------------------------------*\
    11. PRICING AREA
\*------------------------------------*/
#pricing {
    padding: 80px 0 40px;
}

/* 11.1. PRICING ITEM */
.pricing--item {
    margin-bottom: 40px;
}

/* 11.2. PRICING CONTENT */
.pricing--content {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    text-align: center;
	-webkit-transition: box-shadow .25s ease-in-out;
			transition: box-shadow .25s ease-in-out;
}
.pricing--content:hover,
.pricing--item.active .pricing--content {
    box-shadow: 0 0 20px rgba(0, 0, 0, .14);
}

/* 11.3. PRICING TITLE */
.pricing--title {
    padding: 27px 15px 26px;
}
.pricing--title h3 {
    margin: 0;
    text-transform: uppercase;
}

/* 11.4. PRICING TAG */
.pricing--tag {
    padding: 0 0 15px;
    color: #fff;
    background-color: #303030;
}
.pricing--tag h4 {
    margin: 0;
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
}

.pricing--tag p {
    position: relative;
    padding: 10px 0;
    z-index: 0;
}
.pricing--tag p:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: -1;
}
.pricing--tag p:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    bottom: -10px;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: -1;
}

/* 11.5. PRICING FEATURES */
.pricing--features ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 22px;
}
.pricing--features ul li {
    padding: 15px 15px 12px;
    border-bottom: 1px solid #e9e9e9;
}

/* 11.6. PRICING FOOTER */
.pricing--footer {
    padding: 20px 0;
}
.pricing--footer .btn--default {
    padding: 10px 15px;
}

/*------------------------------------*\
    12. TEAM AREA
\*------------------------------------*/
#team {
    padding: 80px 0 50px;
}

/* 12.1. TEAM MEMBER */
.team--member {
	margin-bottom: 30px;
    text-align: center;
}

/* 12.2. TEAM MEMBER IMAGE */
.team--member-img {
    position: relative;
    max-width: 100%;
    z-index: 0;
}
.team--member-img:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(159, 156, 151, 0.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
}
.team--member-img:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* 12.3. TEAM MEMBER SOCIAL */
.team--member-social {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
	padding: 0 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.team--member-img:hover .team--member-social {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.team--member-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
}

.team--member-social ul li {
    display: inline-block;
    margin: 0 2px 5px;
}

.team--member-social ul li a {
    display: block;
    width: 35px;
    padding: 5px 0;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    -webkit-transition: border-color .25s, background-color .25s ease-in-out;
    transition: border-color .25s, background-color .25s ease-in-out;
}

.team--member-social ul li a:hover {
    background-color: #303030;
    border-color: #303030;
}

/* 12.4. TEAM MEMBER INFO */
.team--member-info h2 {
    margin: 20px 0 5px;
    color: #303030;
    font-size: 20px;
    font-weight: 700;
}

.team--member-info p {
    margin: 0;
    color: #737373;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.border-radius .team--member-img img,
.border-radius .team--member-img {
	border-radius: 50%;
	overflow: hidden;
}
/*------------------------------------*\
    13. CONTACT AREA
\*------------------------------------*/
#contact {
    position: relative;
    padding: 80px 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
    z-index: 0;
}

#contact.bg--overlay:before {
    z-index: -2;
}

#contact:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.03);
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    z-index: -1;
}

/* 13.1. CONTACT ADDRESS */
.contact--address h2 {
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 21px;
    font-size: 26px;
}

.contact--address h2:before,
.contact--address h2:after {
    content: " ";
    position: absolute;
    left: 0;
}

.contact--address h2:before {
    bottom: 0;
    width: 100px;
    padding: 4px 0 5px;
    border-style: solid;
    border-width: 1px 0;
    border-color: #737373;
}

.contact--address h2:after {
    bottom: 5px;
    width: 200px;
    height: 1px;
    background-color: #303030;
}

.contact--address address {
    margin-bottom: 0;
}

.contact--address address p {
    margin-bottom: 30px;
}

.contact--address address p:last-child {
    margin-bottom: 0;
}

.contact--address address p i.fa {
    font-size: 20px;
    border: 1px solid #303030;
    width: 35px;
    padding: 5px 0;
    margin-right: 10px;
    text-align: center;
}

/* 13.2. CONTACT SOCIAL */
.contact--social {
    margin-top: 12px;
}

.contact--social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.contact--social li {
    display: inline-block;
    margin-right: 5px;
}

.contact--social li a {
    display: block;
    width: 35px;
    margin: 18px 0;
    padding: 6px 0;
    color: #303030;
    border: 1px solid #303030;
    font-size: 14px;
    text-align: center;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
            transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.contact--social li a:hover,
.contact--social li a:focus {
    color: #fff;
    border: 1px solid #303030;
    background: #303030;
}

/* 13.3. CONTACT FORM */
.contact--form {
    padding-left: 50px;
}

.contact--form p {
    margin-bottom: 0;
}

.contact-form-status .alert {
    border-radius: 0;
}

.contact--form form label {
    margin-top: 5px;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 400;
}

.contact--form form input.form-control {
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
}

.contact--form form textarea.form-control {
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    resize: none;
    margin-top: 15px;
}

.contact--form .wpcf7-not-valid-tip {
    margin-top: 5px;
    color: #333;
    font-style: italic;
    font-weight: 400;
}

.contact--form .wpcf7-response-output {
    margin: 15px 0 0;
}

/*------------------------------------*\
    14. MAP AREA
\*------------------------------------*/
#map {
    height: 400px;
}

/*------------------------------------*\
    15. SUBSCRIBE AREA
\*------------------------------------*/
#subscribe {
    padding: 80px 0;
    color: #fff;
    background-color: #303030;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}
#subscribe.bg--img {
    background-color: transparent;
}

#subscribe .section--title {
    margin-bottom: 22px;
}

#subscribe .section--title h2 {
    padding-bottom: 0;
}

#subscribe .section--title h2:before,
#subscribe .section--title h2:after {
    display: none;
}

/* 15.1. SUBSCRIBE FORM */
.subscribe--form .input-box {
    display: block;
    width: 382px;
    margin: 0 auto;
    padding: 8px 0 8px 12px;
    color: #303030;
    border: 1px solid #fff;
    box-shadow: none;
    outline: 0;
}

.subscribe--form label {
    display: block;
    margin: 12px 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
}

.subscribe--form .submit--btn {
    margin-top: 30px;
    padding: 9px 15px 8px;
    color: #fff;
    border-color: #fff;
}

/*------------------------------------*\
    16. FOOTER AREA
\*------------------------------------*/
#footer {
    padding: 25px 0;
    color: #fff;
    background-color: #303030;
    text-align: center;
}

/* 16.1. FOOTER COPYRIGHT */
.footer--copyright a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

/*------------------------------------*\
    17. BACK TO TOP AREA
\*------------------------------------*/
#backToTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
    z-index: 1;
}

body.scrolled #backToTop {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#backToTop a {
    min-width: 50px;
    padding: 6px 0 8px;
    background-color: #f9f9f9;
    font-size: 32px;
    line-height: 0;
    text-align: center;
}

/*------------------------------------*\
    18. HIRE ME CONTACT MODAL
\*------------------------------------*/
.hire-me--modal .form-controls {
    margin-top: -20px;
}

.hire-me--modal .form-controls input,
.hire-me--modal .form-controls textarea,
.hire-me--modal .form-controls select {
    width: 100%;
	min-height: 41px;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #999999;
    border: 1px solid #aaa;
    font-size: 13px;
    text-indent: 15px;
    resize: none;
}

.hire-me--modal .form-controls .case-category select,
.hire-me--modal .form-controls .budget select {
    padding: 11px 0 10px;
    -webkit-appearance: none;
       -moz-appearance: none;
    border: 1px solid #aaa;
}

.hire-me--modal .form-controls .ui-selectmenu-button {
    display: inline-block;
    width: 100% !important;
	min-height: 41px;
    margin-top: 20px;
    padding: 11px 15px;
    color: #999;
    background-color: #fff;
    border-color: #aaa;
    border-radius: 0;
    cursor: pointer;
}
.hire-me--modal .form-controls .ui-icon {
    float: right;
    margin-top: 2px;
}

.hire-me--modal .form-controls .budget select {
    padding: 11px 0 9px;
}

.hire-me--modal .form-controls .message textarea {
    margin-bottom: 0;
    padding-bottom: 0;
    outline: 0;
}

.hire-me--modal .form-controls .attachment {
    margin-top: -6px;
}

.hire-me--modal .form-controls .attachment input {
    display: none;
}

.hire-me--modal .form-controls .attachment label {
    display: block;
    margin-left: 15px;
    padding: 10px 15px;
    color: #999999;
    background-color: #fff;
    border: 1px solid #b6b6b6;
    font-weight: 500;
    cursor: pointer;
}

.hire-me--modal .form-controls .attachment label:hover {
    color: #54baec;
}

.hire-me--modal .form-controls .attachment-status {
    padding-left: 0;
}

.hire-me--modal .form-controls .attachment-status span {
    display: block;
    margin-top: -6px;
    margin-left: -1px;
    padding: 10px 0;
    color: #999999;
    background-color: #fff;
    border: 1px solid #b6b6b6;
    text-indent: 20px;
}

.hire-me--modal .estimate-img {
    margin-bottom: 18px;
}

.hire-me--modal .estimate-text h4 {
    font-size: 16px;
    font-weight: 800;
}

.hire-me--modal .estimate-text .radio input {
    display: none;
}

.hire-me--modal .estimate-text .radio label {
    position: relative;
    margin-top: 5px;
}

.hire-me--modal .estimate-text .radio label:before {
    content: "\f10c";
    position: absolute;
    top: 10px;
    left: 0;
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 0;
    font-style: normal;
}

.hire-me--modal .estimate-text .radio input:checked + label:before {
    content: "\f192";
}

.hire-me--modal .estimate-text .submit-btn {
    margin-top: 10px;
}

#hire-mess .alert {
    margin-top: 20px;
    border-radius: 0;
    text-align: center;
}

/*------------------------------------*\
    19. 404 PAGE
\*------------------------------------*/
#f0f,
#f0f > .container {
    height: 100%;
}

.f0f--content {
    text-align: center;
}

.f0f--content h1 {
    font-size: 80px;
    font-weight: 800;
}

.f0f--content p {
    font-size: 22px;
}

.f0f--content .btn--default {
    margin-top: 17px;
}

/*------------------------------------*\
    20. MEDIA QUERIES
\*------------------------------------*/
/* 20.1. DESKTOP */
@media screen and (max-width: 1200px) {
    .gallery-overlay h3 {
        margin: 0;
    }
}

/* 20.2. TABLET */
@media screen and (max-width: 991px) {
    /* HIRE ME MODAL */
    .hire-me--modal .attachment {
        padding-right: 15px;
    }
    
    .hire-me--modal .form-controls .attachment-status {
        padding-left: 16px;
    }
    
    .hire-me--modal .estimate-container {
        margin-top: 30px;
    }
    
    /* HEADER */
    .header--navbar .navbar-header {
        float: none;
    }
    
    .header--navbar .navbar-toggle {
        display: block;
    }
    
    .header--custom-btn .btn--default {
        margin-top: 8px;
        padding: 5px 11px;
        border-width: 1px;
    }
    
    .header--nav {
        float: none;
        max-height: 320px;
        background-color: #fff;
        overflow: auto !important;
    }
    .header--nav.collapse {
        display: none !important;
        overflow: auto !important;
    }
    .header--nav.collapse.in {
        display: block !important;
    }
    
    .header--nav .nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    
    .header--nav .nav > li {
        float: none;
    }
    
    .header--nav .nav > li > a {
        display: inline-block;
    }
	
	.header--custom-btn {
		margin-bottom: 0;
	}
    
    /* BANNER */
    #banner {
        height: auto;
    }
    
    #banner .banner--content {
        padding: 80px 0;
    }
    
    #header + #banner .banner--content {
        padding-top: 145px;
    }

    .banner--content-left {
        width: 50%;
        word-wrap: break-word;
    }
    
    /* ABOUT AREA */
    #about {
        padding-bottom: 20px;
    }

    #about .col-md-6 {
        margin-bottom: 60px;
    }
    
    
	.about--info > .row > div {
		margin-top: 60px;
	}
	
    /* FEEDBACK AREA */
    .feedback--faq + .feedback--items {
        margin-top: 60px;
    }

    /* BLOG AREA */
    .blog--details + .blog--sidebar,
    .blog--sidebar + .blog--details {
		margin-top: 50px;
	}
	
	.blog--details.pull-right {
		float: none !important;
	}
}

/* 20.3. MOBILE */
@media screen and (max-width: 782px) {
	body.admin-bar .header--navbar {
		top: 46px;
	}
}

@media screen and (max-width: 767px) {
    /* MODAL */
    .modal-dialog {
        margin-left: 30px;
        margin-right: 30px;
    }
    
    /* POST DETAILS */
    .post--details .author-meta {
        padding-left: 0;
        margin-left: -15px;
    }
    
    .post--details .social-icons {
        float: none;
    }

    /* COUNTER AREA */
    .counter--item {
        text-align: center;
    }
    
    .counter--num i.fa {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    /* CONTACT AREA */
    #contact:after {
        display: none;
    }
    
    .contact--form {
        padding-top: 30px;
        padding-left: 0;
    }
}

@media screen and (max-width: 600px) {
	body.scrolled.admin-bar .header--navbar {
		top: 0;
	}
}

@media screen and (max-width: 480px) {
    /* HEADER */
    .header--custom-btn {
        margin-left: 0;
    }
    
    /* ABOUT AREA */
    .about--info-item h4 {
        word-wrap: break-word;
    }
    
    /* SUBSCRIBE AREA */
    .subscribe--form .input-box {
        width: 100%;
    }
}

/*------------------------------------*\
    21. HELPER CLASSES
\*------------------------------------*/
/* 21.1. RESET GUTTER */
.reset-gutter {
    margin-left: 0;
    margin-right: 0;
}
.reset-gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

/* 21.2. RESET MARGIN */
.reset-margin {
    margin-right: 0;
    margin-left: 0;
}

/* 21.3. RESET PADDING */
.reset-padding {
    padding-right: 0;
    padding-left: 0;
}

/* 21.4. VERTICAL CENTERING */
.vc--parent {
    display: table;
    width: 100%;
    height: 100%;
}

.vc--child {
    display: table-cell;
    vertical-align: middle;
}

.vc--child-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.row--vc {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
}

.row--vc > div {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

/* Hire Requirement */
#hirerequirement {
    padding: 69px 0 75px;
}
#hirerequirement .form-horizontal {
    display: table;
    width: 100%;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: #e9e9e9;
}
#hirerequirement .form-horizontal .form-group {
    display: table-row;
    margin-left: 0;
    margin-right: 0;
}
#hirerequirement .form-horizontal .form-group > label,
#hirerequirement .form-horizontal .form-group > div {
    display: table-cell;
    float: none;
    padding-top: 11px;
    padding-bottom: 10px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #e9e9e9;
}
#hirerequirement .form-horizontal .form-group > label {
    text-align: left;
}