/*************************************************
Themeet Psd Template Css File Signature
Version: 1.0
Bootstrap v3.3.2
Created Date May 21th, 2015
Preparing to Ismail Fidan (info@psdizayn.com)
*************************************************/

/*************************************************

[ Table Of Contents ]

1. General Css
2. Header Css
    2.1. Header Top
    2.2. Header Inline
    2.3. Navbar Toggle Button (Mobile)
3. Slider
    3.1. Arrow Buttons
    3.2. Pager Buttons
4. Breadcrumb
5. Features (Index)
6. Our Projects (Index)
7. Our Creative Team (Index)
8. Reviews Customer (Index)
9. Portfolio & Works (Index)
10. Newsletter (Index)
11. Other Services
12. Sales Partners
13. Web Blog
14. Google Maps
15. Contact Form
16. Footer
17. Sidebar
    17.1. Sidebar Navigation Part
    17.2. Sidebar Search Part
    17.3. Sidebar About Part
    17.4. Sidebar Banner Part
    17.5. Sidebar Tags Cloud Part
    17.6. Sidebar Popular Post's Part
    17.7. Sidebar Contact Information Part
    17.8. Sidebar Contact Form Part
18. Content
19. Post List
20. Pagination
21. Post Detail
22. Post Comment
    22.1. Post Comment
    22.2. Write Comment
23. Portfolio

*************************************************/


/***********************/
/***** General CSS *****/
/***********************/
body {
    font: normal 12px 'Raleway', serif;
    font-weight: 500;
    line-height: inherit;
}

#main {
    margin-top: 45px;
    margin-bottom: 45px;
}

/**********************/
/***** Header CSS *****/
/**********************/
/* .Header Top */
#header .header-top {
    background-color: #323232;
    padding: 10px 0;
}

#header .header-top .date-info {
    color: #999;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    margin-top: 7px;
}

#header .header-top .date-info .date,
#header .header-top .date-info .site-title {
    margin-right: 10px;
}

#header .header-top .date-info .date:before {
    font-family: 'FontAwesome', serif;
    content: '\f073';
    margin-right: 5px;
}

#header .header-top .date-info .site-title:before {
    font-family: 'FontAwesome', serif;
    content: '\f069';
    margin-right: 5px;
}

#header .header-top .social-search {
    text-align: right;
}

#header .header-top .social-search > * {
    display: inline-block;
}

#header .header-top .social-search ul.social {
    font-size: 0;
    margin-top: 3px;
}

#header .header-top .social-search ul.social li {
    display: inline;
    font-size: 18px;
    margin-left: 10px;
}

#header .header-top .social-search ul.social li a {
    color: #999;
}

#header .header-top .social-search ul.social li a:hover {
    color: #fff;
}

#header .header-top .social-search .search-button {
    background: none;
    color: #999;
    border: 1px solid #999;
    padding: 6px 0;
    margin-left: 10px;
    width: 30px;
}

#header .header-top .social-search .search-button:after {
    font-size: 14px;
    font-family: 'FontAwesome', serif;

}

#header .header-top .social-search .search-button:after {
    content: '\f00d';
}

#header .header-top .social-search .search-button.collapsed:after {
    content: '\f002';
}

#header .header-top .social-search button.search-button:hover {
    color: #fff;
    border-color: #fff;
}

#header .header-top #search-toggle {
    border-top: 1px solid #555;
    margin-top: 9px;
    padding-top: 20px;
    padding-bottom: 15px;
}

#header .header-top #search-toggle input {
    background-color: transparent;
    border-color: #555;
    padding-top: 20px;
    padding-bottom: 20px;
}

#header .header-top #search-toggle input:focus {
    border-color: #999;
    color: #999;
}

#header .header-top #search-toggle button {
    padding: 10px 15px;
    background-color: transparent;
    border-color: #555;
    color: #999;
    font-size: 14px;
}

#header .header-top #search-toggle button:hover,
#header .header-top #search-toggle button:focus {
    background-color: #999;
    border-color: #999;
    color: #333;
}

/* .Header Inline */
#header .inline {
    margin-top: 15px;
    margin-bottom: 15px;
}

#header .inline .logo {
}

#header .inline .navbar {
    border: 0;
    min-height: inherit;
    margin-bottom: 0;
}

#header .inline .navbar ul.nav {
    margin-top: 15px;
}

#header .inline .navbar ul.nav li {
    font: 700 12px/12px 'Raleway', serif;
    margin-left: 15px;
}

#header .inline .navbar ul.nav li a {
    background-color: #fff;
    border: 2px solid #D42415;
    color: #D42415;
    padding: 7px 15px;
    -webkit-border-radius: 150px 150px;
    -moz-border-radius: 150px 150px;
    border-radius: 150px 150px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
}

#header .inline .navbar ul.nav li a:hover {
    background-color: #D42415;
    color: #fff;
}

/* Navbar Toggle Button */
.navbar-toggle {
    margin-right: 0;
    margin-top: 20px;
    border-color: #D42415;
    background-color: #D42415;
}

.navbar-toggle.collapsed {
    background-color: transparent;
}

.navbar-toggle.collapsed .icon-bar {
    background-color: #D42415;
}

.navbar-toggle .icon-bar {
    background-color: #fff;

}

/**********************/
/***** Slider CSS *****/
/**********************/
#slider {
    position: relative;
}

#slider ul.main-slider li {
    min-height: 450px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
}

#slider ul.main-slider li .slide-text {
    position: absolute;
    top: 120px;
}

#slider ul.main-slider li .slide-text p {
    display: block;
}

#slider ul.main-slider li .slide-text p span {
    font-family: 'Raleway', serif;
    color: #fff;
    background-color: #D42415;
    padding: 15px;
    display: inline-block;
}

#slider ul.main-slider li .slide-text .light {
    font-weight: 400;
    font-size: 36px;
}

#slider ul.main-slider li .slide-text .bold {
    font-weight: 700;
    font-size: 48px;
}

#slider .main-slider-buttons .main-slider-controll,
#slider .main-slider-buttons .main-slider-pager {
    position: absolute;
    z-index: 999;
}

/* Arrow Buttons */
#slider .main-slider-buttons .main-slider-controll {
    font-size: 0;
    top: -80px;
}

#slider .main-slider-buttons .main-slider-controll > div {
    display: inline-block;

    color: #fff;
    font-size: 48px;
    font-family: 'FontAwesome', serif;
    text-align: center;
    margin-right: 1px;
}

#slider .main-slider-buttons .main-slider-controll > div a {
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    padding: 6px 10px 10px;
    width: 65px;
    color: #fff;
}

#slider .main-slider-buttons .main-slider-controll > div a:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Pager Buttons */
#slider .main-slider-pager {
    top: -30px;
}

#slider .main-slider-pager div div {
    display: inline-block;
    margin-right: 10px;
}

#slider .main-slider-pager div div a {
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #ddd;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #fff;
}

#slider .main-slider-pager div div a:hover {
    border-color: #ebebeb;
    background-color: #ccc;
}

#slider .main-slider-pager div div a.active {
    border-color: #f1477a;
    background-color: #D42415;
}

/**************************/
/***** Breadcrumb CSS *****/
/**************************/
#breadcrumb-wrapper {
    margin-top: 15px;
}

#breadcrumb-wrapper ol.breadcrumb {
    background-color: #f0f0f0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 15px;
    margin-bottom: 0;
    font: 500 12px/12px 'Raleway', serif;
}

#breadcrumb-wrapper ol.breadcrumb li {
    color: #666;
}

#breadcrumb-wrapper ol.breadcrumb > li + li:before {
    content: '\f105';
    font-family: 'FontAwesome', serif;
    color: #666;
    padding: 0 10px;
}

#breadcrumb-wrapper ol.breadcrumb li a {
    color: #666;
}

#breadcrumb-wrapper ol.breadcrumb li:first-child a:before {
    font-weight: normal;
    content: '\f015';
    font-family: 'FontAwesome', serif;
    padding-right: 10px;
}

#breadcrumb-wrapper ol.breadcrumb li a:hover {
    color: #D42415;
}

/************************/
/***** Features CSS *****/
/************************/
#features .item {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

#features .item:last-child:after {
    border-right: 0;
}

#features .item:after {
    border-right: 1px solid #ccc;
    content: '';
    display: block;
    position: absolute;
    top:0;
    right:1px;
    height: 100%;
}

#features .item .icon-group {
    background-color: #D42415;
    display: inline-block;
    padding: 4px;
    color: #D42415;
}

#features .item:hover .icon-group {
    background-color: #323232;
    color: #323232;
    display: inline-block;
    padding: 4px;
}

#features .item .icon-group .icon {
    background-color: #fff;
    width: 65px;
    font-size: 32px;
    padding-top: 40px;
    padding-bottom: 40px;

}

#features .item .icon-group .arrow {
    font-family: 'FontAwesome', serif;
    font-size: 24px;
    color: #fff;
    padding: 10px 0;
    display: block;
}

#features .item .title {
    font: 700 16px/24px 'Raleway', serif;
    color: #444;
    margin: 20px 0 15px;
}

#features .item .title:after {
    content: '';
    width: 70px;
    height: 5px;
    background-color: #D42415;
    display: block;
    margin: 15px auto auto auto;
}

#features .item .description {
    font: 600 12px/22px 'Raleway', serif;
    color: #444;
    margin-bottom: 20px;
}

#features .item .read-more {
    font: 700 12px/12px 'Raleway', serif;
}

#features .item .read-more a {
    background-color: #D42415;
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
}

#features .item .read-more a:hover {
    background-color: #323232;
}

/****************************/
/***** Our Projects CSS *****/
/****************************/
#our-projects {
    background-color: #D42415;
    position: relative;
    z-index: 10;
}

#our-projects:after {
    content: '';
    z-index: -1;
    background: url("../images/sample/our-projects.jpg") center no-repeat;
    background-size: cover;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#our-projects .item {
    text-align: center;
}

#our-projects .item .number {
    width: 100px;
    padding: 20px 0 30px;
    border: 4px solid #fff;
    display: block;
    margin: auto;
    font: 700 36px/36px 'Raleway', serif;
    color: #fff;
}

#our-projects .item .title {
    font: 700 16px/24px 'Raleway', serif;
    color: #fff;
    margin: 20px 0 15px;
}

#our-projects .item .title:after {
    content: '';
    width: 70px;
    height: 5px;
    background-color: #fff;
    display: block;
    margin: 15px auto auto auto;
}

#our-projects .item .description {
    font: 600 12px/22px 'Raleway', serif;
    color: #fff;
}

/*********************************/
/***** Our Creative Team CSS *****/
/*********************************/
#our-creative-team .team-item {
    background-color: #D42415;
    padding: 4px;
    text-align: center;
    margin-bottom: 0;
}

#our-creative-team .team-item:hover {
    background-color: #323232;
}

#our-creative-team .team-item .image img {
    width: 100%;
}

#our-creative-team .team-item .name {
    font: 700 16px/24px 'Raleway', serif;
    color: #fff;
    padding: 10px 0;
}

#our-creative-team .team-item .job {
    font: 700 12px/12px 'Raleway', serif;
    color: #ffbbd0;
}

#our-creative-team .team-item ul.social {
    font-size: 0;
    border-top: 1px solid #ffbbd0;
    padding-top: 10px;
    margin: 15px 15px 20px;
}

#our-creative-team .team-item ul.social li {
    display: inline-block;
    font-size: 24px;
    color: #ffbbd0;
    margin: 0 5px;
}

#our-creative-team .team-item ul.social li:hover {
    color: #fff;
}

#our-creative-team .team-item ul.social li a {
    color: inherit;
}

#our-creative-team .team-item ul.social li a:hover {
    color: inherit;
}

/********************************/
/***** Reviews Customer CSS *****/
/********************************/
#reviews-customers {
    background-color: #000;
    position: relative;
    z-index: 10;
    padding-bottom: 40px;
}

#reviews-customers:after {
    content: '';
    z-index: -1;
    background: url("../images/sample/reviews-customer.jpg") center no-repeat;
    background-size: cover;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#reviews-customers ul.reviews-customer-slide {

}

#reviews-customers ul.reviews-customer-slide li {
    text-align: center;
}

#reviews-customers ul.reviews-customer-slide .comment {
}

#reviews-customers ul.reviews-customer-slide .comment p {
    font: 600 14px/30px 'Raleway', serif;
    color: #fff;
}

#reviews-customers ul.reviews-customer-slide .user-info {
    margin-bottom: 30px;
}

#reviews-customers ul.reviews-customer-slide .user-info:before {
    content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
    font-family: 'FontAwesome', serif;
    font-size: 4px;
    letter-spacing: 5px;
    color: #999;
    padding-bottom: 30px;
    margin-top: 25px;
    display: block;
}

#reviews-customers ul.reviews-customer-slide .user-info p {
    color: #999;
    margin-bottom: 10px;
    font: 500 12px/12px 'Raleway', serif;
}

#reviews-customers ul.reviews-customer-slide .user-info p a {
    color: #fff;
}

#reviews-customers ul.reviews-customer-slide .user-info p a:hover {
    color: #D42415;
}

#reviews-customers .reviews-customer-controll {
    margin: auto;
    text-align: center;
    font-size: 0;
}

#reviews-customers .reviews-customer-controll div {
    display: inline-block;
    font-size: 48px;
    margin: 0 15px;
}

#reviews-customers .reviews-customer-controll div a {
    color: #fff;
}

#reviews-customers .reviews-customer-controll div a:hover {
    color: #D42415;
}

/*********************************/
/***** Portfolio & Works CSS *****/
/*********************************/
#portfolio-works {
    padding-bottom: 15px;
}

#portfolio-works .portfolio-item {
    background-color: #D42415;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

#portfolio-works .portfolio-item .hover-group {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border: 5px solid rgba(237, 25, 89, 0);
}

#portfolio-works .portfolio-item:hover .hover-group {
    border: 5px solid rgba(237, 25, 89, 1);
}

#portfolio-works .portfolio-item:hover .hover-group,
#portfolio-works .portfolio-item > img,
#portfolio-works .portfolio-item .hover-group:after,
#portfolio-works .portfolio-item .hover-group .hover-centered {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#portfolio-works .portfolio-item > img {
    opacity: 1;
    width: 100%;
}

#portfolio-works .portfolio-item:hover > img {
    opacity: 0.25;
}

#portfolio-works .portfolio-item .hover-group:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#portfolio-works .portfolio-item .hover-group:after {
    border: 2px solid #fff;
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    z-index: 1;
    content: '';
    opacity: 0;
}

#portfolio-works .portfolio-item .hover-group a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: -9999px;
    z-index: 11;
}

#portfolio-works .portfolio-item:hover .hover-group:after {
    opacity: 1;
}

#portfolio-works .portfolio-item .hover-group .hover-centered {
    width: 85%;
    padding-top: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 9;
    margin-top: -10px;
    opacity: 0;
}

#portfolio-works .portfolio-item:hover .hover-group .hover-centered {
    margin-top: 0;
    opacity: 1
}

#portfolio-works .portfolio-item .hover-group .hover-centered i.fa,
#portfolio-works .portfolio-item .hover-group .hover-centered p.item-title,
#portfolio-works .portfolio-item .hover-group .hover-centered p.item-description {
    color: #fff;
}

#portfolio-works .portfolio-item .hover-group .hover-centered i.fa {
    padding-bottom: 10px;
    font-size: 48px;
}

#portfolio-works .portfolio-item .hover-group .hover-centered p.item-title {
    font: 700 16px/24px 'Raleway', serif;
    padding-bottom: 5px;
}

#portfolio-works .portfolio-item .hover-group .hover-centered p.item-description {
    font: 600 12px/24px 'Raleway', serif;
}

/**************************/
/***** Newsletter CSS *****/
/**************************/
#newsletter-index {
    background-color: #000;
    position: relative;
    z-index: 10;
    padding-bottom: 15px;
}

#newsletter-index:after {
    content: '';
    z-index: -1;
    background: url("../images/sample/newsletter.jpg") center no-repeat;
    background-size: cover;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#newsletter-index .form-element {
    margin-bottom: 30px;
}

#newsletter-index .form-element input {
    height: auto;
    background-color: transparent;
    border: 3px solid #fff;
    color: #fff;
    margin: 0;
}

#newsletter-index .form-element input:focus {
    border-color: #D42415;
}

#newsletter-index .form-element input[type="text"],
#newsletter-index .form-element input[type="email"] {
    font: 700 24px/20px 'Raleway', serif;
    padding: 19px 15px 21px;
    color: #fff;
}

#newsletter-index .form-element input[type="text"]::-webkit-input-placeholder,
#newsletter-index .form-element input[type="email"]::-webkit-input-placeholder {
    color: #ccc;
    padding-top: 4px;
}

#newsletter-index .form-element input[type="submit"] {
    background-color: rgba(255, 255, 255, 1);
    font: 700 24px/24px 'Raleway', serif;
    color: #323232;
    padding: 22px 15px 23px;
}

#newsletter-index .form-element input[type="submit"]:hover {
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
    border-color: #D42415;
}

/******************************/
/***** Other Services CSS *****/
/******************************/
#other-services .other-item {
    background-color: #ebebeb;
    text-align: center;
    margin-bottom: 0;
}

#other-services .other-item:hover {
    background-color: #D42415;
}

#other-services .other-item .image img {
    width: 100%;
}

#other-services .other-item .name {
    font: 700 14px/24px 'Raleway', serif;
    color: #D42415;
    padding: 10px 0 5px;
}

#other-services .other-item:hover .name {
    color: #fff;
}

#other-services .other-item .description {
    font: 600 12px/20px 'Raleway', serif;
    color: #444;
    margin-bottom: 10px;
}

#other-services .other-item:hover .description {
    color: #ffbbd0;
}

#other-services .other-item .view {
    font: 700 12px/12px 'Raleway', serif;
    display: block;
    margin-bottom: 40px;
}

#other-services .other-item .view a {
    background-color: #D42415;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    border: 2px solid transparent;
}

#other-services .other-item:hover .view a {
    background-color: #fff;
    color: #444;
}

#other-services .other-item .view a:hover {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}

#other-services .other-services-buttons {
    margin: 30px auto auto auto;
    text-align: center;
}

#other-services .other-services-buttons .other-services-controller {
    font-size: 0;
    height: 50px;
    overflow: hidden;
}

#other-services .other-services-buttons .other-services-left,
#other-services .other-services-buttons .other-services-right {
    font-size: 48px;
    display: inline-block;
    margin: 0 15px;
    color: #D42415;
}

#other-services .other-services-buttons .other-services-left a,
#other-services .other-services-buttons .other-services-right a {
    color: #D42415;
}

#other-services .other-services-buttons .other-services-left a:hover,
#other-services .other-services-buttons .other-services-right a:hover {
    color: #ffbbd0;
}

#other-services .other-services-buttons .other-services-pager div div {
    display: inline-block;
    margin-right: 10px;
}

#other-services .other-services-buttons .other-services-pager div div a {
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #ddd;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#other-services .other-services-buttons .other-services-pager div div a:hover {
    background-color: #D42415;
}

#other-services .other-services-buttons .other-services-pager div div a.active {

    background-color: #D42415;
}

/******************************/
/***** Sales Partners CSS *****/
/******************************/
#sales-partners {
    background-color: #000;
    position: relative;
    z-index: 10;
    padding-bottom: 15px;
}

#sales-partners:after {
    content: '';
    z-index: -1;
    background: url("../images/sample/sales-partner.jpg") center no-repeat;
    background-size: cover;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#sales-partners .partner-item {
    background-color: #fff;
    position: relative;
    padding: 5px 10px;
    margin-bottom: 30px;
}

#sales-partners .partner-item:after {
    transition: border 0.2s;
    content: '';
    border: 1px solid #D42415;
    position: absolute;
    left: 3%;
    top: 5%;
    right: 3%;
    bottom: 5%;
    width: 94%;
    z-index: 1;
}

#sales-partners .partner-item:hover::after {
    border-width: 3px
}

#sales-partners .partner-item img {
    width: 100%;
    position: relative;
    z-index: 1;
}

/************************/
/***** Web Blog CSS *****/
/************************/
#web-blog {
    padding-bottom: 15px;
}

#web-blog .blog-item {
    margin-bottom: 30px;
}

#web-blog .blog-item .blog-image {
}

#web-blog .blog-item .blog-image img {
    width: 100%;
}

#web-blog .blog-item .blog-name {
    text-align: center;
    color: #D42415;
    font: 700 16px/24px 'Raleway', serif;
    border-bottom: 1px solid #D42415;
    border-left: 1px solid #D42415;
    border-right: 1px solid #D42415;
    border-top: 4px solid #D42415;
}

#web-blog .blog-item .blog-name a {
    color: #D42415;
    display: block;
    padding: 10px 0 9px;
}

#web-blog .blog-item .blog-name a:hover {
    color: #323232;
}

#web-blog .blog-item .blog-description {
    padding: 12px 0 15px;
    font: 500 14px/24px 'Raleway', serif;
    color: #444;
    text-align: center;
}

#web-blog .blog-item .publish-info {
    background-color: #D42415;
}

#web-blog .blog-item .publish-info .published {
}

#web-blog .blog-item .publish-info .published > * {
}

#web-blog .blog-item .publish-info .published ul {
    padding: 8px 0 10px 5px;
}

#web-blog .blog-item .publish-info .published ul li {
    display: inline-block;
    color: #ffbbd0;
    font: 600 12px/12px 'Raleway', serif;
    margin-right: 10px;
}

#web-blog .blog-item .publish-info .published ul li a {
    color: #ffbbd0;
}

#web-blog .blog-item .publish-info .published ul li:before {
    font-family: 'FontAwesome', serif;
    padding-right: 5px;
}

#web-blog .blog-item .publish-info .published ul li.date:before {
    content: '\f040';
}

#web-blog .blog-item .publish-info .published ul li.comment:before {
    content: '\f086';
}

#web-blog .blog-item .publish-info .published ul li.comment a:hover {
    color: #fff;
}

#web-blog .blog-item .publish-info .view a {
    background-color: #D42415;
    color: #fff;
    display: block;
    padding: 9px 10px;
}

#web-blog .blog-item .publish-info .view a:hover {
    background-color: #323232;
}

#web-blog .blog-item .publish-info .view a:before {
    font-family: 'FontAwesome', serif;
    content: '\f0fe';
    margin-right: 5px;
}

#web-blog .blog-item .publish-info .view a:hover {
}

/****************************/
/***** Google Maps CSS *****/
/****************************/
.google-maps {
    width: 100%;
}

.google-maps.index {
    border-top: 5px solid #D42415;
    border-bottom: 5px solid #D42415;
}

.google-maps-infowindow {
    background-color: #D42415;
    color: #fff;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 400px;
    padding: 10px;
    text-align: center;
}

.google-maps-infowindow .index-title-group {
    margin-bottom: 10px;
}

.google-maps-infowindow .index-title-group:after {
    margin: 10px auto 0;
}

.google-maps-infowindow .index-title-group > h3 {
    font: 700 16px/16px 'Raleway', serif;
    margin-bottom: 5px;
}

.google-maps-infowindow .left-block {
    float: left;
    width: 295px;
}

.google-maps-infowindow .left-block p{
    color: #fff;
    margin-bottom: 0;
}

.google-maps-infowindow .left-block .google-address {
    font: 500 14px/22px 'Raleway', serif;
}

.google-maps-infowindow .show-direction {
    background-color: #D42415;
    float: right;
    width: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 85px;
    overflow: hidden;
}

.google-maps-infowindow .show-direction:hover {
    background-color: #323232;
}

.google-maps-infowindow .show-direction:hover a {
    color: #fff;
}

.google-maps-infowindow .show-direction i {
    font-size: 24px;
    display: block;
    padding-top: 9px;
    padding-bottom: 5px;
}

.google-maps-infowindow .show-direction a {
    display: block;
    width: 100%;
    color: #ffbbd0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

#map-canvas .infoBox img {
    position: absolute !important;
    left: 0 !important;
}

/****************************/
/***** Contact Form CSS *****/
/****************************/
#contact-form {
    background-color: #D42415;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #f04879;
    padding-bottom: 15px;
}

#contact-form:after {
    content: '';
    z-index: -1;
    background: url("../images/sample/contact-form.jpg") center no-repeat;
    background-size: cover;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#contact-form .elements .element-item {
    margin-bottom: 30px;
}

#contact-form .elements .element-item .input-group {
    position: relative;
    width: 100%;
}

#contact-form .elements .element-item .input-group-addon {
    color: #ffbbd0;
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    left: 0;
    padding: 24px 0 0;
    width: 40px;
}

#contact-form .elements .element-item input.form-control,
#contact-form .elements .element-item select.form-control,
#contact-form .elements .element-item textarea.form-control {
    float: none;
    width: 100%;
    height: inherit;
    background-color: transparent;
    padding: 24px 40px 22px;
    color: #fff;
    font: 600 16px/16px 'Raleway', serif;
}

#contact-form .elements .element-item .input-group .select-box-icon {
    cursor: pointer;
    position: absolute;
    font-size: 24px;
    color: #ffbbd0;
    top: 17px;
    right: 0;
    width: 40px;
    text-align: center;
}

#contact-form .elements .element-item select.form-control {
    padding-top: 25px;
    padding-bottom: 24px;
}

#contact-form .elements .element-item textarea.form-control {
    padding-top: 22px;
    resize: vertical;
}

#contact-form .elements .element-item input.form-control::-webkit-input-placeholder,
#contact-form .elements .element-item textarea.form-control::-webkit-input-placeholder {
    color: #ffbbd0;
}

#contact-form .elements .element-item input.form-control:focus,
#contact-form .elements .element-item textarea.form-control:focus {
    border-color: #fff;
    color: #fff;
}

#contact-form .elements .element-item button.submit {
    border: 1px solid #fff;
    background-color: #D42415;
    color: #fff;
    font: 700 16px/16px 'Raleway', serif;
    padding: 20px 0;
    height: auto;
    display: block;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#contact-form .elements .element-item button.submit:hover {
    background-color: #D42415;
}

/**********************/
/***** Footer CSS *****/
/**********************/
#footer {
    background-color: #323232;
    padding: 15px 0;
}

#footer .footer-logo img {
    margin: 0;
}

#footer .footer-copyright {
    color: #D42415;
    font: 700 14px/24px 'Raleway', serif;
    text-align: center;
    display: block;
    padding-top: 10px
}

#footer .footer-social {
}

#footer .footer-social ul {
    font-size: 0;
    text-align: right;
    padding-top: 8px;
}

#footer .footer-social ul li {
    display: inline-block;
    font-size: 24px;
    margin-left: 15px;
}

#footer .footer-social ul li a {
    color: #999;
}

#footer .footer-social ul li a:hover {
    color: #fff;
}

/***********************/
/***** Sidebar CSS *****/
/***********************/
.sidebar .side-block {
    margin-bottom: 45px
}

.sidebar .side-block:last-child {
    margin-bottom: 0;
}

.sidebar .side-title {
    font: 700 16px/16px 'Raleway', serif;
    color: #D42415;
    text-align: left;
    margin-bottom: 15px;
}

.sidebar .side-title:after {
    content: '';
    width: 170px;
    height: 5px;
    background-color: #D42415;
    display: block;
    margin: 15px 0 0;
}

/* Sidebar Navigation Part */
.sidebar .nav-part ul li {
    display: inline-block;
    width: 100%;
}

.sidebar .nav-part ul li a {
    display: block;
    color: #323232;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.sidebar .nav-part ul li:first-child a {
    padding-top: 0;
}

.sidebar .nav-part ul li a:before {
    font-family: 'FontAwesome', serif;
    content: '\f10c';
    padding-right: 10px;
}

.sidebar .nav-part ul li a:hover:before {
    content: '\f0a9';
}

.sidebar .nav-part ul li a:hover {
    color: #D42415;
}

.sidebar .nav-part ul li a span.total {
    float: right;
    color: #666;
}

/* Sidebar Search Part */
.sidebar .search-part .input-group {
    border: 1px solid #ccc;
    padding: 5px;
}

.sidebar .search-part .input-group input.form-control {
    border: 0;
    color: #323232;
    padding-left: 0;
}

.sidebar .search-part .input-group .input-group-btn button.btn {
    margin: 0;
    border: 0;
    background-color: #D42415;
    color: #fff;
}

.sidebar .search-part .input-group .input-group-btn button.btn:hover {
    background-color: #323232;
}

/* Sidebar About Part */
.sidebar .about-part p {
    font: 600 12px/24px 'Raleway', serif;
    color: #323232;
    margin-bottom: 10px;
}

.sidebar .about-part p a {
    color: #D42415;
    border-bottom: 1px dotted #D42415;
}

.sidebar .about-part p.view {
    font-weight: 700;
}

.sidebar .about-part p.view a {
    border-bottom: 0;
}

.sidebar .about-part p.view a:before {
    font-family: 'FontAwesome', serif;
    content: '\f0fe';
    font-weight: normal;
    padding-right: 5px;
}

.sidebar .about-part p.view a:hover {
    color: #323232;
}

/* Sidebar Banner Part */
.sidebar .banner-part {
    text-align: center;
}

.sidebar .banner-part img {
    margin: auto
}

/* Sidebar Tags Cloud Part */
.sidebar .tags-part {
    margin-bottom: 35px;
}

.sidebar .tags-part ul {
    font-size: 0;
}

.sidebar .tags-part ul li {
    display: inline-block;
    font: 600 12px/12px 'Raleway', serif;
    margin-right: 5px;
    margin-bottom: 10px;
}

.sidebar .tags-part ul li a {
    color: #666;
    border: 2px solid #ccc;
    padding: 8px 10px;
    display: block;
}

.sidebar .tags-part ul li a:hover {
    border-color: #D42415;
    color: #D42415;
}

/* Sidebar Popular Post's Part */
.sidebar .post-part {
    overflow: hidden;
}

.sidebar .post-part .post-item {
    margin-bottom: 15px;
}

.sidebar .post-part .post-item:after {
    content: '';
    width: 100%;
    display: block;
    padding: 15px 0 0;
    border-bottom: 1px solid #ccc;
}

.sidebar .post-part .image img {
    width: 100%;
}

.sidebar .post-part .post-item .texts {
    padding-left: 0;
}

.sidebar .post-part .post-item .texts .post-title {
    font: 600 12px/18px 'Raleway', serif;
    margin-bottom: 10px;
}

.sidebar .post-part .post-item .texts .post-title a {
    color: #323232;
}

.sidebar .post-part .post-item .texts .post-title a:hover {
    color: #D42415;
}

.sidebar .post-part .post-item .texts .post-publish {
    color: #999;
    border-bottom: 1px dotted #ccc;
    display: inline-block;
    padding-bottom: 3px;
}

.sidebar .post-part .post-item .texts .post-publish span {
    color: #D42415;
}

/* Sidebar Contact Information Part */
.sidebar .contact-information .block {
    margin-bottom: 10px;
}

.sidebar .contact-information .block span {
    width: 100%;
    display: block;
    font: 600 12px/22px 'Raleway', serif;
    padding-top: 5px;
    color: #323232;
}

.sidebar .contact-information .block span a {
    color: #D42415;
}
.sidebar .contact-information .block span a:hover{
    color: #323232;
}

.sidebar .contact-information .block span.bold {
    border-bottom: 1px dotted #999;
    font-weight: 700;
    padding-bottom: 3px;
    padding-top: 0;
}

/* Sidebar Contact Form Part */
.sidebar .contact-form .element-item {
    margin-bottom: 15px;
}

.sidebar .contact-form .element-item .input-group {
    position: relative;
    width: 100%;
}

.sidebar .contact-form .element-item .input-group-addon {
    color: #ccc;
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    top: 14px;
    right: 0;
    padding: 0;
    width: 40px;
    font-size: 16px;
}

.sidebar .contact-form .element-item input.form-control,
.sidebar .contact-form .element-item textarea.form-control {
    float: none;
    width: 100%;
    height: inherit;
    background-color: transparent;
    padding: 15px 40px 15px 10px;
    color: #D42415;
    font: 600 12px/12px 'Raleway', serif;
}

.sidebar .contact-form .element-item textarea.form-control {
    resize: vertical;
    line-height: 18px;
    padding-top: 12px;
}

.sidebar .contact-form .element-item input.form-control::-webkit-input-placeholder,
.sidebar .contact-form .element-item textarea.form-control::-webkit-input-placeholder {
    color: #666;

}

.sidebar .contact-form .element-item input.form-control:focus,
.sidebar .contact-form .element-item textarea.form-control:focus {
    border-color: #D42415;
    color: #D42415;
}

.sidebar .contact-form .element-item button.submit {
    background-color: #D42415;
    color: #fff;
    font: 700 14px/14px 'Raleway', serif;
    padding: 15px;
    height: auto;
}

.sidebar .contact-form .element-item button.submit:hover {
    background-color: #323232;
}

/***********************/
/***** Content CSS *****/
/***********************/
.content .active-page {
    font: 700 16px/16px 'Raleway', serif;
    color: #323232;
}

.content .active-page:after {
    content: '';
    width: 170px;
    height: 5px;
    background-color: #D42415;
    display: block;
    margin: 20px 0 45px;
}

.content .active-page a {
    color: #323232;
}

/*************************/
/***** Post List CSS *****/
/*************************/
.content .post-item {
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #ccc;
}

.content .post-item .post-image {
    position: relative;
    margin-bottom: 30px;
}

.content .post-item .post-image .post-type {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 65px;
    height: 65px;
    background-color: #D42415;
    color: #fff;
    text-align: center;
    font-size: 24px;
}

.content .post-item .post-image .post-type i.fa {
    position: relative;
    top: 18px;
    z-index: 2;
}

.content .post-item .post-image .post-type:after {
    border: 1px solid #fff;
    width: 55px;
    height: 55px;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
    content: '';
}

.content .post-item .post-image .post-type:hover {
    background-color: #323232;
}

.content .post-item .post-image .post-type a {
    color: #fff;
    display: block;
    height: 100%;
}

.content .post-item .post-image img {
    width: 100%;
}

.content .post-item h3.post-title {
    font: 700 24px/36px 'Raleway', serif;
    margin-bottom: 30px;
}

.content .post-item h3.post-title,
.content .post-item h3.post-title a {
    color: #323232;
}

.content .post-item h3.post-title a:hover {
    color: #D42415;
}

.content .post-item .post-publish {
    margin-bottom: 10px;
}

.content .post-item .post-publish ul {
    font-size: 0;
}

.content .post-item .post-publish ul li {
    display: inline-block;
    font: 600 12px/12px 'Raleway', serif;
    color: #999;
    margin-bottom: 15px;
}

.content .post-item .post-publish ul li:after {
    content: '\f192';
    font-family: 'FontAwesome', serif;
    margin: 0 15px;
}

.content .post-item .post-publish ul li:last-child:after {
    content: '';
}

.content .post-item .post-publish ul li a,
.content .post-item .post-publish ul li span {
    color: #D42415;
}

.content .post-item .post-publish ul li a:hover {
    color: #323232;
}

.content .post-item .post-description {
    font: 600 14px/30px 'Raleway', serif;
    margin-bottom: 30px;
    color: #323232;
}

.content .post-item .post-description a {
    color: #D42415;
    border-bottom: 1px dotted #D42415;
}

.content .post-item .read-more {
    display: inline-block;
    font: 700 16px/16px 'Raleway', serif;
}

.content .post-item .read-more a {
    display: block;
    border: 2px solid #D42415;
    padding: 15px 20px;
    color: #D42415;
    background-color: transparent;
}

.content .post-item .read-more a:hover {
    background-color: #D42415;
    color: #fff;
}

/**************************/
/***** Pagination CSS *****/
/**************************/
.content .pagination-wrapper .pagination {
    font-size: 0;
    margin: 0;
    line-height: inherit;
}

.content .pagination-wrapper span.first-text {
    vertical-align: top;
    display: inline-block;
    padding: 14px 10px 0 0;
    font: 600 14px/14px 'Raleway', serif;
}

.content .pagination-wrapper ul.pagination li,
.content .pagination-wrapper ul.pagination > li:last-child > a,
.content .pagination-wrapper ul.pagination > li:last-child > span,
.content .pagination-wrapper ul.pagination > li:first-child > a,
.content .pagination-wrapper ul.pagination > li:first-child > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.content .pagination-wrapper ul.pagination li {
    font: 600 14px/14px 'Raleway', serif;
    margin-right: 10px;
    display: inline-block;
}

.content .pagination-wrapper ul.pagination li a,
.content .pagination-wrapper ul.pagination li.disabled span {
    padding: 8px 15px 10px;
    border-color: #ccc;
    color: #D42415;
}

.content .pagination-wrapper ul.pagination li.active a {
    background-color: #D42415;
    border-color: #D42415;
    color: #fff;
}

/***************************/
/***** Post Detail CSS *****/
/***************************/
.content .post-detail .post-image {
    position: relative;
    margin-bottom: 25px;
}

.content .post-detail .post-image .post-type {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 65px;
    height: 65px;
    background-color: #D42415;
    color: #fff;
    text-align: center;
    font-size: 24px;
}

.content .post-detail .post-image .post-type i.fa {
    position: relative;
    top: 18px;
    z-index: 2;
}

.content .post-detail .post-image .post-type:after {
    border: 1px solid #fff;
    width: 55px;
    height: 55px;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
    content: '';
}

.content .post-detail .post-image .post-type:hover {
    background-color: #323232;
}

.content .post-detail .post-image .post-type a {
    color: #fff;
    display: block;
    height: 100%;
}

.content .post-detail .post-image img {
    width: 100%;
}

.content .post-detail h3.post-title {
    font: 700 24px/36px 'Raleway', serif;
    margin-bottom: 30px;
}

.content .post-detail h3.post-title,
.content .post-detail h3.post-title a {
    color: #323232;
}

.content .post-detail h3.post-title a:hover {
    color: #D42415;
}

.content .post-publish {
    margin-bottom: 15px;
}

.content .post-publish ul {
    font-size: 0;
    margin: 0;
}

.content .post-publish ul li {
    display: inline-block;
    font: 600 12px/12px 'Raleway', serif;
    color: #999;
    margin-bottom: 15px;
}

.content .post-publish ul li:after {
    content: '\f192';
    font-family: 'FontAwesome', serif;
    margin: 0 15px;
}

.content .post-publish ul li:last-child:after {
    content: '';
}

.content .post-publish ul li a,
.content .post-publish ul li span {
    color: #D42415;
}

.content .post-publish ul li a:hover {
    color: #323232;
}

.content .post-detail .post-text blockquote {
    background-color: #fcf9ec;
    border: 1px solid #e6debc;
    font: 600 14px/28px 'Raleway', serif;
    padding: 10px 20px 15px;
    margin-bottom: 30px;
}

.content .post-detail .post-text blockquote:before {
    content: '\f10d';
    font-family: 'FontAwesome', serif;
    color: #88836d;
    font-size: 24px;
    position: relative;
    top: 4px;
    display: inline-block;
    padding-right: 15px;
}

.content .post-detail .post-text a {
    color: #D42415;
    border-bottom: 1px dotted #D42415;
}

.content .post-detail .post-text a:hover {
    color: #323232;
    border-color: #323232;
}

.content .post-detail .post-text ul {
    margin-left: 8%;
}

.content .post-detail .post-text ul li {
    color: #323232;
}

.content .post-detail .post-text ul li:before {
    content: '\f0da';
    font-family: 'FontAwesome', serif;
    margin-right: 15px;
}

.content .post-detail .post-tags {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.content .post-detail .post-tags .first-text {
    color: #333;
    font-weight: 700;
    margin-right: 5px;
    margin-bottom: 15px;
    display: inline-block;
}

.content .post-detail .post-tags ul {
    font-size: 0;
    display: inline-block;
    margin: 0;
}

.content .post-detail .post-tags ul li {
    font: 600 12px/12px 'Raleway', serif;
    display: inline-block;
    margin-bottom: 15px;
}

.content .post-detail .post-tags ul li a:after {
    content: '\f192';
    font-family: 'FontAwesome', serif;
    margin: 0 5px;
}

.content .post-detail .post-tags ul li:last-child a:after {
    content: '';
}

.content .post-detail .post-tags ul li a {
    color: #666;
}

.content .post-detail .post-tags ul li a:hover {
    color: #D42415;
}

/***************************/
/***** Post Comment CSS ****/
/***************************/
/* Post Comment */
.content .post-comments .title {
    padding: 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.content .post-comments .title .text {
    font: 700 16px/16px 'Raleway', serif;
    float: left;
}

.content .post-comments .title .all-comment {
    text-align: right;
    float: right;
    margin-top: 2px;
    color: #D42415;
    font: 700 12px/12px 'Raleway', serif;
}

.content .post-comments .title .all-comment a:before {
    content: '\f086';
    font-family: 'FontAwesome', serif;
    font-weight: normal;
    margin-right: 5px;
}

.content .post-comments .title .all-comment a {
    color: #D42415;
}

.content .post-comments .title .all-comment a:hover {
    color: #323232;
}

.content .post-comments .user-comment {
    margin-bottom: 30px;
}

.content .post-comments .user-comment .user-image img {
    width: 100%;
}

.content .post-comments .user-comment .user-info {
    margin-bottom: 10px;
}

.content .post-comments .user-comment .user-info .user-name {
    color: #D42415;
    font-size: 14px;
    font-weight: 700;
}

.content .post-comments .user-comment .user-info .comment-date {
    font-size: 12px;
    color: #777;
}

.content .post-comments .user-comment .user-info .reply a:before {
    content: '\f112';
    font-family: 'FontAwesome', serif;
    padding-right: 5px;
    margin-left: 10px
}

.content .post-comments .user-comment .user-info .reply a {
    color: #D42415;
}

.content .post-comments .user-comment .user-text {
    font: 600 12px/24px 'Raleway', serif;
    color: #323232;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}

/* Write Comment */
.content .write-comment .title {
    font: 700 16px/16px 'Raleway', serif;
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.content .write-comment .element-item {
    margin-bottom: 15px;
}

.content .write-comment .element-item:last-child {
    margin-bottom: 0;
}

.content .write-comment .element-item .input-group {
    position: relative;
    width: 100%;
}

.content .write-comment .element-item .input-group-addon {
    color: #ffbbd0;
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 9px;
    width: 40px;
}

.content .write-comment .element-item input.form-control,
.content .write-comment .element-item textarea.form-control {
    float: none;
    width: 100%;
    height: inherit;
    background-color: transparent;
    padding: 13px 40px 17px 15px;
    color: #333;
    font: 600 12px/12px 'Raleway', serif;
}

.content .write-comment .element-item textarea.form-control {
    padding-top: 10px;
    resize: vertical;
    line-height: 24px;
}

.content .write-comment .element-item input.form-control::-webkit-input-placeholder,
.content .write-comment .element-item textarea.form-control::-webkit-input-placeholder {
    color: #999;
    padding-top: 2px;
}

.content .write-comment .element-item input.form-control:focus,
.content .write-comment .element-item textarea.form-control:focus {
    border-color: #D42415;
    color: #D42415;
}

.content .write-comment .element-item button.submit {
    border: 1px solid #fff;
    background-color: #D42415;
    color: #fff;
    font: 700 14px/14px 'Raleway', serif;
    padding: 15px 10px;
    height: auto;
    display: block;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.content .write-comment .element-item button.submit:hover {
    background-color: #323232;
}

/*****************************/
/***** Portfolio Page CSS ****/
/*****************************/
.content .active-page:after {
    margin-bottom: 30px;
}

.content.portfolio-page .portfolio-item {
    background-color: #D42415;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.content.portfolio-page .portfolio-item .hover-group {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border: 5px solid rgba(237, 25, 89, 0);
}

.content.portfolio-page .portfolio-item:hover .hover-group {
    border: 5px solid rgba(237, 25, 89, 1);
}

.content.portfolio-page .portfolio-item:hover .hover-group,
.content.portfolio-page .portfolio-item > img,
.content.portfolio-page .portfolio-item .hover-group:after,
.content.portfolio-page .portfolio-item .hover-group .hover-centered {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.content.portfolio-page .portfolio-item > img {
    opacity: 1;
    width: 100%;
}

.content.portfolio-page .portfolio-item:hover > img {
    opacity: 0.25;
}

.content.portfolio-page .portfolio-item .hover-group:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.content.portfolio-page .portfolio-item .hover-group:after {
    border: 2px solid #fff;
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    z-index: 1;
    content: '';
    opacity: 0;
}

.content.portfolio-page .portfolio-item .hover-group a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: -9999px;
    z-index: 11;
}

.content.portfolio-page .portfolio-item:hover .hover-group:after {
    opacity: 1;
}

.content.portfolio-page .portfolio-item .hover-group .hover-centered {
    width: 85%;
    padding-top: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 9;
    margin-top: -10px;
    opacity: 0;
}

.content.portfolio-page .portfolio-item:hover .hover-group .hover-centered {
    margin-top: 0;
    opacity: 1
}

.content.portfolio-page .portfolio-item .hover-group .hover-centered i.fa,
.content.portfolio-page .portfolio-item .hover-group .hover-centered p.item-title,
.content.portfolio-page .portfolio-item .hover-group .hover-centered p.item-description {
    color: #fff;
}

.content.portfolio-page .portfolio-item .hover-group .hover-centered i.fa {
    padding-bottom: 10px;
    font-size: 48px;
}

.content.portfolio-page .portfolio-item .hover-group .hover-centered p {
    margin: 0;
}

.content.portfolio-page .portfolio-item .hover-group .hover-centered p.item-title {
    font: 700 16px/24px 'Raleway', serif;
    padding-bottom: 5px;
}

.content.portfolio-page .portfolio-item .hover-group .hover-centered p.item-description {
    font: 600 12px/24px 'Raleway', serif;
}

.content.portfolio-page .pagination-wrapper {
    margin-top: 15px;
}