/*
.fon_tags {
    background: url(../images/fom_tags.png) no-repeat;
    opacity: }*/


.nav_bott_fon {
   background-image: linear-gradient(rgb(52, 51, 51) 1.1%, rgba(77, 77, 77) 50.3%, rgb(51, 51, 51) 100%);
}

.nav_bott_line {

    padding: 13px 0 5px 0;
    line-height: 0.2;
    color:#db1b1b;
}

*|html[xmlns*=""] .nav_bott_fon {
  background-image: linear-gradient(rgb(52, 51, 51) 1.1%, rgba(77, 77, 77) 50.3%, rgb(51, 51, 51) 100%);
}

html:first-child .nav_bott_fon {
 background: #4c4c4c;
}






@-moz-document url-prefix() {

    .nav_bott_line {

        line-height: 0;


        color: #db1b1b;}


} 

.nav_bott_line:hover {

    color:#fff;
}

 .nav_bott span {

    color: #fff;
    font-size: .8rem;
 } 











   
.font_color_main {
    color: #fc7b2f;
}


.font_bold {
    font-weight: 600;
}
.fon_tags {
    background-color: #fcfcfc;
}

.login_img {
    background: url(../images/login.png) no-repeat;
    width: 20px;
    height:24px;
}

.fon_content {

    background-color: rgba(255, 255, 255, 0.88);

}

section#portfolio {
	background-color: #f3f3f3;
	/*background:url(../images/fon_gallery.jpg) no-repeat;*/
	background-attachment:fixed;
	background-position:center;
	background-size:100% 100%;
    font-family: 'Raleway Thin', sans-serif;
}
section#portfolio h3.text-center {
	font-family: 'Poiret One', cursive;
	font-size:3em;
	padding-bottom: 50px;
	color:#181818;
}
#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}
#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}
#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24,188,156,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -12px;
	font-size: 35px;
}
#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
    margin: 0 0 30px;
    }
}