@import "https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:300,400,700,900&subset=latin-ext";

body
{
	font-size:16px;
	font-weight:400;
	line-height:24px;
	letter-spacing:1px;
	height:100%;
	font-family:Lato,sans-serif;
	background:#fff;
	color:#333
}

body,html
{
	height:100%
}

h1,h2,h3,h4,h5,h6
{
	font-family:Montserrat,sans-serif
}

a
{
	text-decoration:none;
	transition:all .2s;
	font-family:Montserrat,sans-serif
}

h6 a {
	color: #337ab7;
	/* line-height: 21px; */
}
h6 a:hover {
	color: #337ab7;
	text-decoration: underline;
}

img
{
	width:100%
}

a:hover
{
	color:#fff;
	text-decoration:none
}

a:focus
{
	outline:0;
	text-decoration:none
}

p
{
	line-height:1.428
}

li,ul
{
	margin:0;
	padding:0
}

fieldset
{
	border:0 none;
	margin:0 auto;
	padding:0
}

html
{
	font-size:100%;
	line-height:1.428
}

blockquote,dd,details,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul
{
	margin:0 0 1.428rem
}

hr
{
	margin-top:50px
}

.yotta
{
	font-size:2.2807rem;
	line-height:3.213rem
}

.zetta
{
	font-size:2.0273rem;
	line-height:2.856rem
}

.exa,h1
{
	font-size:1.802rem;
	line-height:2.499rem
}

.peta,h2
{
	font-size:1.6018rem;
	line-height:2.142rem
}

.tera,h3
{
	font-size:1.4238rem;
	line-height:2.142rem
}

.giga,h4
{
	font-size:1.2656rem;
	line-height:1.785rem
}

.mega,h5
{
	font-size:1.125rem;
	line-height:1.785rem
}

.kilo,h6,input,textarea
{
	font-size:1rem;
	line-height:1.428rem
}

.milli,small
{
	font-size:.8889rem;
	line-height:1.428rem
}

.micro
{
	font-size:.7901rem;
	line-height:1.428rem
}

ul
{
	padding-left:1em
}

ol
{
	padding-left:1.6em
}

.no-padding
{
	padding:0
}

.section-padding
{
	padding:70px 0;
}
.footer-area{
	background: #e6bf02;
}
.section-title
{
	margin-bottom:30px;
	text-align:center
}

.section-title p
{
	font-size:16px;
	font-weight:400;
	line-height:26px
}

.section-title h2
{
	font-size:30px;
	text-transform:capitalize;
	margin-bottom:35px;
	font-weight:600;
	position:relative;
	margin-top:0
}

.section-title h2:before
{
	position:absolute;
	left:50%;
	top:110%;
	height:3px;
	width:70px;
	background:#fde308;
	content:"";
	z-index:1;
	margin-left:-35px
}

.section-title p
{
	font-weight:300;
	color:#939393
}

.white-title
{
	color:#fff
}

a.read-more
{
	margin-top:20px;
	display:inline-block;
	color:#000;
	padding:10px 25px;
	border:1px solid #000;
	text-transform:uppercase;
	font-size:12px;
	background:#e6bf02;
}

a.read-more:hover
{
	color:#fde308;
	transition:.3s;
	border:1px solid #fde308;
	background:#000;
}

.scrollup
{
	border-radius:50%;
	height:40px;
	width:40px;
	font-size:20px;
	color:#fff;
	text-align:center;
	position:fixed;
	bottom:30px;
	right:30px;
	line-height:42px;
	cursor:pointer;
	display:none;
	z-index:2;
	background:#3498db
}

.scrollup:hover
{
	box-shadow:0 3px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
	transition:all .4s ease-out
}

.welcome-area
{
	height:100%
}

.welcome-image-area
{
	position:relative;
	height:100%;
	background:url(../img/bg/base.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position: center center;
	z-index:1;
	overflow:hidden;
}

.welcome-image-area:after
{
	position:absolute;
	background:rgba(0,0,0,.5);
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	z-index:-1
}

.display-table
{
	display:table;
	width:100%;
	height:100%
}

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

.header-text
{
	margin-top:60px
}

.header-text h2
{
	color:#fff;
	font-size:80px;
	letter-spacing:5px;
	margin:0;
	font-weight:300;
	line-height:1.2
}

.header-text p
{
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:3px;
	margin-bottom:20px
}

.header-top-area
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:9999;
	transition:all .4s ease-out
}

.header-top-area .logo p
{
	display: none;
}

.logo
{
	padding-top:18px;
	transition:all .3s ease-out
}

.logo a
{
	text-transform:uppercase;
	font-size:16px;
	font-weight:700;
	color:#fff;
	letter-spacing:10px
}

.logo img
{
	width:50%
}

.menu-bg .logo img
{
	display: none;
}

.header-top-area.menu-bg .logo p
{
	display: block;
	margin: 0;
	font-size: 14px;
	letter-spacing: 5px;
}

.mainmenu .navbar-nav li a
{
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
	padding:30px 10px;
	transition:.3s
}
.footer-text > h6 > a{
	color:#fff;
}
.mainmenu .navbar-nav li a:hover
{
	background:0 0;
	color:#e6bf02;
	transition:all .3s ease-out
}

.nav li a:focus,.nav li a:hover
{
	background:0 0;
	color:#fff;
	transition:all .3s ease-out
}

.navbar
{
	margin:0
}

.menu-bg
{
	transition:all .3s ease-out;
	background:rgba(255,255,255,.9)
}

.menu-bg .logo
{
	padding-top:21px;
	transition:all .3s ease-out;
	color:#fff
}

.menu-bg .logo a
{
	color:#000;
}

.menu-bg .mainmenu .navbar-nav li a
{
	color:#000;
	padding:20px 10px;
	transition:.3s
}

.menu-bg .mainmenu .navbar-nav li a:hover
{
	color:#000
}

a.slide-btn
{
	margin:0 5px;
	display:inline-block;
	color:#000;
	padding:10px 25px;
	text-transform:uppercase;
	font-size:12px;
	background:#fde308;
	border:1px solid #000;
}

a.slide-btn:hover
{
	background:0 0;
	color:#fde308;
	border:1px solid #fde308;
	transition:.3s;
	background:#000;
}

.welcome-area,.welcome-slider-area,.welcome-slider-area div
{
	height:100%
}

.welcome-slider-area div.single-slide-item-tablecell,.welcome-slider-area div.single-slide-item-tablecell div
{
	height:auto
}

.single-slide-item-table
{
	display:table;
	width:100%
}

.single-slide-item-tablecell
{
	display:table-cell;
	vertical-align:middle
}

.single-slide-item
{
	position:relative;
	z-index:1
}

.single-slide-item:after
{
	position:absolute;
	background:rgba(0,0,0,.5);
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	z-index:-1
}

.slide-1
{
	background:url(../img/bg/bg2.jpg) scroll 0 0;
	background-size:cover
}

.slide-2
{
	background:url(../img/bg/bg1.jpg) scroll 0 0;
	background-size:cover
}

.slide-3
{
	background:url(../img/bg/bg.jpg) scroll 0 0;
	background-size:cover
}

.carousel-fade .carousel-inner .item
{
	transition-property:opacity
}

.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item
{
	opacity:0
}

.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right
{
	opacity:1
}

.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev
{
	left:0;
	transform:translate3d(0,0,0)
}

.welcome-video-area
{
	position:relative;
	height:100%;
	background-size:cover;
	z-index:1;
	background-position:center center
}

.welcome-video-area:after
{
	position:absolute;
	background:rgba(0,0,0,.5);
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	z-index:-1
}

.display-table
{
	display:table;
	width:100%;
	height:100%
}

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

.about-image,.about-video
{
	margin-top:30px;
	padding:10px
}

.about-text
{
	margin-top:30px;
	padding:10px
}

.about-text h2
{
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:3px;
	font-weight:900;
	line-height:1.5em
}

.about-text h2 span
{
	color:#fff
}

.about-text p
{
	line-height:1.8;
	margin-bottom:1.428rem;
	color:#797979
}

.service-area
{
	background:#ececec
}

.single-service
{
	padding-right:30px;
	margin-top:30px;
	transition:all .4s ease-out;
	color:#333
}

.single-service h4
{
	font-size:12px;
	margin-top:30px;
	text-transform:uppercase;
	letter-spacing:3px
}

.single-service i
{
	color:#e6bf02;
	font-size:45px
}

.single-service p
{
	margin-top:20px;
	margin-bottom:0
}

.single-team
{
	margin-top:30px
}

.single-team img
{
	width:100%
}

.single-team h4
{
	margin:0;
	font-size:14px;
	text-transform:uppercase
}

.team-description
{
	margin-top:15px
}

.team-social ul
{
	padding:0;
	margin:0;
	list-style:none
}

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

.team-social ul li a
{
	display:block;
	color:#fff;
	font-size:16px;
	background:#3498db;
	height:30px;
	width:30px;
	text-align:center;
	line-height:32px;
	border:1px solid #3498db;
	padding-left:1px
}

.team-social ul li a:hover
{
	color:#333;
	border:1px solid #3498db;
	background:0 0
}

.call-to-action-area
{
	padding:100px 0;
	background:url(../img/bg/DSCN0012.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position: center center;
	position:relative;
	z-index:1
}

.call-to-action-area:after
{
	position:absolute;
	background:rgba(0,0,0,.5);
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	z-index:-1
}

.call-to-action-area h2
{
	color:#fff
}

.call-to-action-area p
{
	color:#fff
}

.complete-project-area
{
	background:#000;
}

.single-project-complete
{
	color:#fff
}

.single-project-complete i
{
	font-size:50px
}

.single-project-complete h2
{
	font-size:20px;
	margin:20px 0;
	font-weight:400
}

.single-project-complete h6
{
	text-transform:uppercase;
	font-size:14px;
	color:#fff
}

.work-inner .mix
{
	display:none
}

.df_jcc {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

ul.work
{
	padding:0;
	list-style:none;
	margin-top:30px;
	margin-left:8px;
	text-align:left
}

ul.work li
{
	display:inline-block;
	padding:8px 12px;
	margin:0 8px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
	color:#333;
	border:none;
	cursor:pointer;
	font-size:12px;
	letter-spacing:3px
}

ul.work li:hover
{
	color:#3498db;
	border:none;
	transition:.3s
}

ul.work li.active
{
	border:none;
	color:#3498db
}

.work .item
{
	margin-top:30px;
	position:relative;
	transition:.3s
}

.item-overlay
{
	position:absolute;
	left:0;
	top:0;
	height:80%;
	width:80%;
	background:rgba(230,191,2,.7);
	margin-top:10%;
	margin-left:10%;
	opacity:0;
	transition:.3s
}

.item-overlay i
{
	position:absolute;
	font-size:36px;
	color:#fff;
	top:50%;
	left:50%;
	margin:-18px 0 0 -18px
}

.work .item img
{
	width:100%
}

.work .item:hover .item-overlay
{
	opacity:1;
	transition:.3s
}

.testimonial-area
{
	background:#ececec
}

.testimonial-list
{
	margin-top:30px
}

.single-testimonial img
{
	width:200px
}

.single-testimonial
{
	padding:0 100px;
	color:#333
}

.single-testimonial h6
{
	margin-top:20px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:3px
}

.owl-theme .owl-controls
{
	margin-top:30px
}

.owl-theme .owl-controls .owl-page span
{
	display:block;
	height:20px;
	margin:5px 10px;
	filter:Alpha(Opacity=50);
	opacity:.5;
	border:2px solid #000;
}

.pricing-box
{
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	margin-top:30px;
	border:1px solid rgba(204,204,204,.5);
	transition:.3s
}

.pricing-box:hover
{
	border:1px solid #e6bf02;
	transition:.3s
}

.pricing-box.price-active
{
	border:1px solid #e6bf02;
	margin-top:18px
}

.pricing-header .plan-title h4
{
	font-size:12px;
	margin-bottom:40px;
	text-transform:uppercase;
	letter-spacing:3px;
	background-color:#e6bf02;
	padding:20px 0;
	color:#fff
}

.pricing-header .plan-price
{
	font-size:40px;
	font-family:Montserrat,sans-serif;
	margin-bottom:10px;
	color:#000;
	font-weight:900
}

.plan-features
{
	margin-top:40px
}

.plan-features li
{
	margin:8px 0;
	padding-bottom:15px
}

.blog-area
{
	background:#ececec
}

.single-blog
{
	margin-top:30px
}

.single-blog h4
{
	margin-top:0;
	padding:18px 20px;
	text-transform:uppercase;
	display:block;
	color:#000;
	text-align:center;
	font-size:14px
}

.blog-description
{
	background:#fde308;
}

.blog-description h4:hover
{
	color:#333;
	transition:.3s
}

.single-contact-details
{
	margin-top:30px;
	margin-bottom:40px
}

.single-contact-details h4
{
	margin-top:20px;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:12px
}

.single-contact-details span
{
	font-size:30px;
	color:#3498db
}

.form-control
{
	display:block;
	border:0;
	width:100%;
	height:45px;
	padding:5px 0;
	font-size:16px;
	line-height:1.42857143;
	color:#333;
	background-color:#fff;
	background-image:none;
	border-radius:0;
	box-shadow:none;
	border-bottom:1px solid rgba(0,0,0,.5);
	margin-bottom:25px
}

.form-control:focus
{
	border-color:#000;
	outline:0;
	box-shadow:none
}

.contact-form input[type=submit]
{
	display:inline-block;
	color:#000;
	padding:12px 20px;
	border:1px solid #000;
	text-transform:uppercase;
	font-size:12px;
	background:#fde308;
	border-radius:0;
	font-weight:700;
	letter-spacing:3px
}

.contact-form input[type=submit]:hover
{
	color:#fde308;
	border:1px solid #fde308;
	background:#000;
	transition:.3s
}

#map {
	min-height: 400px;
}

.about-image.wow.fadeInLeft img{
	width:100% !important;
}

/*Доп стили*/
.align-right{
	text-align: right;
}
/*Доп стили*/
@media (max-width: 992px){

	.header-top-area .col-md-2{
		display: none;
	}

}

@media only screen and (max-width: 990px){
	.logo{
		/*position: absolute;*/
		width: 40%;
	}
	.single-service {
		padding-right: 0;
	}
	#team > .container > div:last-child > div{
		width:49.99%;
	}
}

@media only screen and (max-width: 768px){

	.work-posts{
		display: flex;
		flex-direction: column;
	}
	#team > .container > div:last-child {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media only screen and (max-width: 670px){
	.header-text h2{
		font-size: 43px;
	}
	.about-image.wow.fadeInLeft{
		float: none !important;
		text-align: center;
	}
}

@media only screen and (max-width: 530px){

	.single-testimonial{
		padding: 0 20px;
	}
	.single-testimonial > div:first-child{
		text-align: center;
	}
}
@media only screen and (max-width: 390px){
	.header-text h2{
		font-size: 32px;
		margin-bottom: 20px;
	}
}