/*
  Theme Name: Corpo
  Theme URL: http://demo.themeregion.com/Corpo
  Author: ThemeRegion
  Author URI: http://www.themeregion.com
  Description: Onepage Responsive HTML Parallax Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
1. Typography
2. Main Carousel
3. Navigation
3. Service
4. parallax promo-One
5. Recent-works
6. About Us / Skills-Section + Team-member
7. parallax promo-two
8. Blog
9. parallax promo-three
10. Clients
11. News Letter 
12. Pricing Table
13. Twitter
14. Contact us
15. Footer
16. Preloader

==========================================================================*/

/* TYPOGRAPHY
=================== */
body {
	font-size: 14px;
	color:#454545;
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	color: #283A44;
	font-family: 'Raleway', sans-serif;
}

a{
	text-decoration:none;
	outline:none;
	color:#1FBAAA;
}
a:hover{
	text-decoration:none;
	outline:none;
	color:#19a395;
}
.overlay {
	background-image:url(../images/pattern.png);
	background-repeat:repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}
.btn-primary {
	color: #fff;
	background-color:rgba(31,186,170,0.5);
	border:2px solid #1FBAAA;	
	border-radius: 0;
	padding: 12px 30px;
	text-transform: capitalize;
	display: inline-block;
	margin-top: 15px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.btn-primary:hover {
	background-color:rgba(31,186,170,0.99);
	border-color: #1FBAAA;
}
.top-title{
	margin-bottom: 65px;
	margin-top: 90px;
}
.top-title h1{
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 25px;
	text-transform: uppercase;
}
.top-title p{
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 35px;
}
.parallax-section {
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	width: 100%;
	min-height:360px;
	position:relative;
	color:#fff;
	font-size:14px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
/* Main Carousel
=================== */
.slider-caption{
	background: rgba(0, 0, 0, 0.28);
	min-height:360px;
}



.slider-caption {
	z-index:2;
	position:relative;
}

.slider-caption h1, 
.slider-caption h2 {
	color:#fff;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
}

.slider-caption h1{
	/*font-size: 72px;*/
	font-size: 45px;
	font-weight: 800;
}
.slider-caption h1 span{
	color:#1FBAAA;
}
.slider-caption h2{
    padding-top: 25px;
    font-size: 30px;
	font-weight: 300;
}
.slider-caption h1.fadeInUp {
	-webkit-animation: fadeInUp 300ms linear 700ms both;
	-moz-animation: fadeInUp 300ms linear 700ms both;
	-o-animation: fadeInUp 300ms linear 700ms both;
	-ms-animation: fadeInUp 300ms linear 700ms both;
	animation: fadeInUp 300ms linear 700ms both;
}
.slider-caption h2.fadeInUp{
	-webkit-animation: fadeInUp 300ms linear 900ms both;
	-moz-animation: fadeInUp 300ms linear 900ms both;
	-o-animation: fadeInUp 300ms linear 900ms both;
	-ms-animation: fadeInUp 300ms linear 900ms both;
	animation: fadeInUp 300ms linear 900ms both;
}
.slider-caption a.fadeInUp {
	-webkit-animation: fadeInUp 300ms linear 1100ms both;
	-moz-animation: fadeInUp 300ms linear 1100ms both;
	-o-animation: fadeInUp 300ms linear 1100ms both;
	-ms-animation: fadeInUp 300ms linear 1100ms both;
	animation: fadeInUp 300ms linear 1100ms both;
}

.slider-caption .btn-primary {
	padding:15px 48px;
	font-size:18px;
}
.slider-margin{
	margin-bottom: 290px;
	margin-top: 290px;
}
.carousel-left i, 
.carousel-right i{
	position: absolute;
	top: 50%;
	width: 32px;
	height: 110px;
	margin-top: -100px;
	line-height: 110px;
	font-size: 32px;
	text-align: center;
	background: rgba(0,0,0,0.25);
	color: rgba(255,255,255,.7);
	z-index: 999;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	-ms-transition: 300ms;
	transition: 300ms;
}
.carousel-left i {
	left:-200px
}
.carousel-right i {
	right:-200px;
}
#main-carousel {
	overflow:hidden;
	position:relative;
}
#main-carousel .item  {
	background-size:cover;
}
#main-carousel:hover .carousel-left i {
	left:0;
}
#main-carousel:hover .carousel-right i {
	right:0;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(5px);
	}
  
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/* Navigation
=================== */
.navbar .container {
	position:relative;
}
.navbar .container .shadow {
	position:absolute;
	background-image:url(../images/shadow.png);
	background-repeat:no-repeat;
	background-size: contain;
	height:99px;
	width:100%;
}
.navbar {
	background:linear-gradient(#f6f6f6, white) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom:1px solid #e9e9e9;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
	margin-bottom:0;
}
.navbar-default .navbar-nav>li>a {
	font-size: 14px;
	outline: medium none;
	padding:30px 15px;
	text-transform: uppercase;
	font-weight:500;
	color:#68676a;
}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li.current a, 
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{
  color: #1FBAAA;
  background:transparent;
}
.navbar-brand {
	padding-top:17px;
}

/* About Us
=================== */

.about-text h1 {
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:25px;
}
#about-us .about {
	background: #F6F6F6;
	padding-bottom: 90px;
	border-bottom: 1px solid #ddd;
}
#about-us .about .btn-primary {
	background-color:#1FBAAA;
}
#about-us .about .btn-primary:hover {
	background-color:#19a395;;
}

/* Our Service
=================== */
#our-service {
	padding-bottom:90px;
}
.serivce-content i{
	color: #1FBAAA;
	font-size: 50px;
	margin-bottom: 30px;
	display:inline-block;
}
.serivce-content h2{
	color: #000000;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 23px;
}
.serivce-content p{
	font-size: 14px;
	font-weight: 300;
}
#call-to-action{
	background-image: url("../images/krasotaizdcb.jpg");	
}
.buy-theme{
	margin-bottom: 115px;
	margin-top: 105px;
}
#call-to-action h1{
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 12px;
	text-transform: uppercase;
}
#call-to-action p{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 4px;
	margin-bottom: 48px;
	text-transform: uppercase;
}
#call-to-action .btn-primary{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 16px;
	outline: medium none;
	padding: 19px 70px;
	background-color:transparent;
}

#call-to-action .btn-primary:hover {
	background-color:rgba(31,186,170,0.4);
	border-color:#1FBAAA;
}

.parallax-margin{
	margin-bottom: 85px;
	margin-top: 85px;
}

/* portfolio
=================== */
.portfolio-menu{
	margin-bottom: 50px;
}
.portfolio-menu ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
.portfolio-menu ul li{
	border: 1px solid #E6E6E6;
	cursor: pointer;
	display: inline-block;
	margin: 5px;
	padding:9px 18px;
	text-transform: uppercase;
	font-size:15px;
	font-weight:400;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio-menu ul li:hover, 
.portfolio-menu ul li.active{
	border: 1px solid #1FBAAA;
	background:#1FBAAA;
	color:#fff;
}
.single_portfolio img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transform: scale(1.1) rotate(3deg);
	-webkit-transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);
	transform: scale(1.1) rotate(3deg);
}
.single_portfolio:hover img, 
.single_portfolio:hover a {
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity:1;
}
.mix{
	display:none;
}
.single_portfolio a{
	left: 50%;
	position: absolute;
	top: 50%;
	margin-top:-30px;
	margin-left:-30px;
	opacity:0;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition:all 0.3s ease-out 0.15s;
	-moz-transition:all 0.3s ease-out 0.15s;
	-ms-transition:all 0.3s ease-out 0.15s;
	-o-transition:all 0.3s ease-out 0.15s;
	transition:all 0.3s ease-out 0.15s;
}

.single_portfolio a i{
	border: 1px solid #1FBAAA;
	border-radius: 100px 100px 100px 100px;
	color: #DDDDDD;
	font-size: 18px;
	height: 60px;
	margin: 0 5px;
	padding-top: 21px;
	width: 60px;
	background:#1FBAAA;
}
.single_portfolio a i:hover{
	background:#1FBAAA;
	color:#fff;
	border-color: #1FBAAA;
}
.portfolio_contents{
	margin-bottom: 80px;
	overflow: hidden;
}
.portfolio_contents ul{
	margin:0;
	padding:0;
	list-style:none;
}
.portfolio_contents ul li{
	margin-bottom: 30px;
}
.single_portfolio{
	overflow: hidden;
	position: relative;
}
.portfolio-image {
	position:relative;
}
.portfolio-image:after {
	position:absolute;
	content:'';
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(31,186,170,0.15);	
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.single_portfolio:hover .portfolio-image:after {
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

/* statistics
=================== */

#statistics {
	background-image: url("../images/krasotaizd4.jpg");
}
.statistics_box{
	padding: 110px 0;
}
.statistics_box i {
	color: #FFFFFF;
	font-size: 30px;
	margin-bottom: 10px;
}
.statistics_box h1{
	color: #FFFFFF;
	font-size: 60px;
	font-weight: 600;
	margin-bottom: 10px;
}
.statistics_box p{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 400;
}

/* Our Team
=================== */

.team-margin{
	margin-bottom:110px;
}
.team-box{
	border: 1px solid #ddd;
	margin-bottom: 40px;
	overflow: hidden;
	padding: 5px 5px 0px;
	position: relative;
}
.team-box h2{
	font-size: 18px;
	margin-top: 40px;
}
.team-box:hover h2 {
	color:#1FBAAA;
}
.team-box p{
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 40px;
	margin-top: 10px;
}
.team-box a i{
	border: 1px solid #E6E6E6;
	color: #000000;
	font-size: 12px;
	height: 35px;
	padding-top: 11px;
	text-align: center;
	width: 35px;
}
.team-box i.fa-facebook{
	-webkit-transition:all 0.3s ease-out 0.10s;
	-moz-transition:all 0.3s ease-out 0.10s;
	-ms-transition:all 0.3s ease-out 0.10s;
	-o-transition:all 0.3s ease-out 0.10s;
	transition:all 0.3s ease-out 0.10s;
}
.team-box i.fa-twitter {
	-webkit-transition:all 0.3s ease-out 0.15s;
	-moz-transition:all 0.3s ease-out 0.15s;
	-ms-transition:all 0.3s ease-out 0.15s;
	-o-transition:all 0.3s ease-out 0.15s;
	transition:all 0.3s ease-out 0.15s;
}
.team-box i.fa-linkedin {
	-webkit-transition:all 0.3s ease-out 0.20s;
	-moz-transition:all 0.3s ease-out 0.20s;
	-ms-transition:all 0.3s ease-out 0.20s;
	-o-transition:all 0.3s ease-out 0.20s;
	transition:all 0.3s ease-out 0.20s;
}
.team-box i.fa-dribbble {
	-webkit-transition:all 0.3s ease-out 0.25s;
	-moz-transition:all 0.3s ease-out 0.25s;
	-ms-transition:all 0.3s ease-out 0.25s;
	-o-transition:all 0.3s ease-out 0.25s;
	transition:all 0.3s ease-out 0.25s;
}
.team-box i.fa-google-plus {	
	-webkit-transition:all 0.3s ease-out 0.30s;
	-moz-transition:all 0.3s ease-out 0.30s;
	-ms-transition:all 0.3s ease-out 0.30s;
	-o-transition:all 0.3s ease-out 0.30s;
	transition:all 0.3s ease-out 0.30s;
}

.team-box:hover .social i {
	color:#fff;
}
.team-box:hover .social i.fa-facebook {
	background:#527EBF;
	border-color:#527EBF;
}
.team-box:hover .social i.fa-twitter{
	background:#1BC0E0;
	border-color:#1BC0E0;
}
.team-box:hover .social i.fa-linkedin{
	background:#007BB6;
	border-color:#007BB6;
}
.team-box:hover .social i.fa-dribbble{
	background:#EA4C89;
	border-color:#EA4C89;
}
.team-box:hover .social i.fa-google-plus{
	background:#D44B2B;
	border-color:#D44B2B;
}

/* Testimonial
=================== */
#testimonial{
	background-image: url("../images/krasotaizd5.jpg");
	overflow:hidden;
}
#testimonial-carousel {
	color:#fff;
	margin-top:40px;
	font-weight:300;
}

#testimonial-carousel p span {
	color:#1FBAAA;
	font-weight:800;
}
#testimonial .col-sm-8, 
#twitter .col-sm-8{
	z-index:100;
}
.testimonial-left, 
.testimonial-right{
	position:absolute;
	background:transparent;
	top: 50%;
	font-size:30px;
	z-index:99;
	color:#fff;
}
.testimonial-left {
	left:-25px;
}
.testimonial-right {
	right:-25px;
}
.testimonial-left:hover, 
.testimonial-right:hover {
	color:#1FBAAA;
}
#testimonial img{
	display:inline-block;
	margin-bottom:25px;
	border:1px solid #000;
}

/* Blog
=================== */
.blog-margin-bottom{
	margin-bottom:60px;
}
.blog-post{
	margin-bottom: 60px;
	overflow: hidden;
	position: relative;
	font-size:14px;
	height: 895px;
}

.pst2{
height: 860px;
}

.pst3{
    height: 560px!important;
}

.blog-post h2{
	font-size: 24px;
	margin-bottom: 7px;
	margin-top: 20px;
    padding: 5px 20px 5px;
}

.blog-post p{
	   /* padding: 5px 20px 5px;*/
		padding: 0px 20px 0px;
		text-indent: 10px;
} 

.blog-post span{
color: #1FBAAA;
    font-weight: bold;	
}

.modal-body span{
color: #1FBAAA;
    font-weight: bold;		
}
.post-content {
	/*padding: 5px 25px 25px;*/
    padding: 5px 0px 0px;
	border:1px solid #ddd;
	height: 625px;
	margin-bottom: 50px;
}
.post-content h2 a {
	color:#000;
}
.post-info a {
	color:#687177;
	margin-right:10px;
}
.post-content a:hover, 
.post-info a:hover {
	color:#1FBAAA;
}
.post-image {
	position:relative;
}
.post-image:after {
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(31,186,170,0.15);
	-webkit-transition:all 0.3s ease-out 0.15s;
	-moz-transition:all 0.3s ease-out 0.15s;
	-ms-transition:all 0.3s ease-out 0.15s;
	-o-transition:all 0.3s ease-out 0.15s;
	transition:all 0.3s ease-out 0.15s;
}
.blog-post a.read-more-link{
	top:50%;
	left:50%;
	position: absolute;
	margin-top:-35px;
	margin-left:-27px;
	z-index:50;
}
.blog-post a span{
	background-color: #1FBAAA;
	color: #FFFFFF;
	font-size: 40px;
	overflow: hidden;
	padding: 5px 15px;
	opacity:0;	
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition:all 0.3s ease-out 0.25s;
	-moz-transition:all 0.3s ease-out 0.25s;
	-ms-transition:all 0.3s ease-out 0.25s;
	-o-transition:all 0.3s ease-out 0.25s;
	transition:all 0.3s ease-out 0.25s;
}
.blog-post:hover a span{
	opacity:1;	
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.blog-post:hover .post-image:after {
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.post-info{
	margin-bottom: 25px;
	font-weight: 300;
	font-size:12px;
}
.post-info span i{	
	margin-right:6px;
}

/* Twitter
=================== */

#twitter{
	background-image: url("../images/parallax/twitter_bg.jpg");	
	overflow:hidden;
}
#twitter .fa-twitter {
	color:#2B97F0;
	border:1px solid #3C3F42;
	background-color:#fff;
	font-size:32px;
	padding:20px;
	border-radius:50%;
	margin-bottom:25px;
	margin-top:65px;
	position:relative;
	z-index:10;
}
#twitter-carousel {
	padding:20px 0 50px;
	position:relative;
	z-index:10;
}
#twitter p a {
	color:#1FBAAA;
}
#twitter p span {
	display:block;
	margin-top:15px;
}
#twitter .testimonial-left, 
#twitter .testimonial-right {
	top:15%;
}

/* Pricing
=================== */
#pricing {
	padding-bottom:60px;
}
.single-table{
	border: 1px solid #E6E6E6;
	margin-bottom: 40px;
	text-align: center;
}
.single-table h1{
	color:#1FBAAA;
	font-size: 30px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-top: 15px;
}
.single-table .package-price{
	background: #1FBAAA;
	color: #FFFFFF;
	font-size: 26px;
	padding: 8px 0;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	display:block;
}
.single-table ul{
	list-style:none;
	margin: 25px 0 20px;
	padding: 0;
}
.single-table ul li{
	font-size: 16px;
	font-weight: 300;
	padding: 7px 0;
}
.single-table .btn-primary{
	margin: 0;
	display: block;
	width: 100%;
	border-radius: 0;
	border:0;
	color:#fff;
	text-transform:uppercase;
	padding:16px 0;
	background-color: #1FBAAA;
}
.single-table .btn-primary:hover {
	background-color:#19a395;
}

/* Contact
=================== */

#contact{
	background-image: url("../images/obratnayasvyaz.jpg");
	padding-bottom:90px;
}
#contact .container {
	position:relative;
	z-index:10;
}
#contact .top-title h1 {
	color:#fff;
}
.contact-form input {
	height:50px;
}
.contact-form textarea {
	height:210px;
	resize:none;
}
.form-control:focus {
	border-color:#1FBAAA;
	box-shadow:none;
}
.contact-form .form-group {
	margin-bottom:30px;
}

.contact-form input, 
.contact-form textarea {
	background:transparent;
	border-radius:0;
	color: #FFFFFF;
	font-size: 16px;
}
.contact-form .btn-primary{
	width:100%;
	margin-top:0;
}
.copyright-text{
	padding:25px 0;
	margin-top:10px;
	position:relative;
}

.logophoneblock{
	position:absolute; 
	width:100%; 
	height:125px;     
	z-index: 99999999;
}

.logoimages img{
	    height: 100px;
}

.logophoneblock .logoimages{
	width: 45%; 
	display: inline-block; 
	padding: 20px; 
	vertical-align: middle;
}

.logophoneblock .phonelogo{
	width: 45%;
	display: inline-block;
	padding: 20px; 
	vertical-align: middle;    
	text-align: right;	
}

.phonelogo p{
	color: white; 
	font-size: 25px;
}

.weares h1{
	    font-size: 30px; 
}

.adressmetro{
	    font-size: 15px!important;
    margin-top: -10px;
}

.portfolio-area{
	    background: #F6F6F6;
}
/* ---------------------------------------------- /*
 *Scroll Down
/* ---------------------------------------------- */

.scroll-down {
	/*position: absolute;*/
	position: absolute;
	    top: 50%;
    margin-top: 250px; 
	left: 50%;
	bottom: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin-left: -15px;
	display: block;
	z-index: 10;
    text-align: center;
}

.scroll-down span{
    position: relative;
    color: #fff;
    -webkit-animation-name: drop;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-name: drop;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

@-webkit-keyframes drop	{
	0%   { top:0px;  opacity: 0;}
	30%  { top:10px; opacity: 1;}
	100% { top:25px; opacity: 0;}
}

@keyframes drop	{
	0%   { top:0px;  opacity: 0;}
	30%  { top:10px; opacity: 1;}
	100% { top:25px; opacity: 0;}
} 


.fa-2x {
    font-size: 2em;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-angle-down:before {
    content: "\f107";
}

a, .btn {
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}

.team-area{
	    background: #F6F6F6;
}


.bootmbuybtn{
    margin-bottom: 0px;
    border: 0px solid #E6E6E6;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 65px;
}



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

#footer {
	background: #f9f9f9;
	text-align: center;
	padding: 40px 0;
	color: #222;
}

.copyright {
	margin: 0;
}

.copyright a{
    border-bottom: 1px dotted #fff;
}

#footer span{
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    color: #ff5252;
}

.social-links {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}

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

.social-links a {
	width: 36px;
	height: 36px;
	display: block;
	line-height: 35px;
	text-align: center;
    border: 1px solid rgb(38, 38, 38);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	font-size: 14px;
    color: rgb(34, 34, 34);
}

.social-links a:hover {
	border: 1px solid rgb(105, 105, 105);
    color: rgb(105, 105, 105);
}

/*МОДАЛКИ*/














.gallery-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gallery-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}

.gallery-modal .modal-content img {
    margin-bottom: 30px;
}

.gallery-modal .modal-content .item-details {
    margin: 30px 0;
}

.gallery-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
	z-index:99999;
}

.gallery-modal .close-modal:hover {
    opacity: .3;
}

.gallery-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #444444;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gallery-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #444444;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


#contact-form input.wrong{
	border-color:red;
}

#contact-form div.wrong{
	color:red;
}
#contact-form div.success{
    color: white;
    font-size: 37px;
}


#googleMap:after{
	content: ' ';
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:100%;
	height: 100%;
}