/*
Theme Name:     Twenty Seventeen Child Theme
Theme URI:      http: //example.com/
Description:    Дочерняя тема для темы Twenty Seventeen 
Author:         Марк Карташов
Author URI:     http: //example.com/about/
Template:       twentyseventeen
Version:        0.1.0
*/
@import url("../twentyseventeen/style.css");
@import url("assets/bootstrap-grid/bootstrap-grid.css");
@import url("./assets/fancybox/jquery.fancybox.min.css");
*{
	outline: none!important
}
.entry-content a:focus,.entry-content a:hover,.entry-summary a:focus,.entry-summary a:hover,.comment-content a:focus,.comment-content a:hover,.widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none
}
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.entry-content p img, .comment-content p img, .widget p img{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.entry-content p img, .comment-content p img, .widget p img{
	margin:  10px 0
}
.wrap{
	padding:0
}

.logo-wrap{
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.logo-wrap a{
	display: block;
	margin:  auto
}

.logo-wrap a img.logo-img{
	width: 220px;
	height: auto;
	padding: 20px 0 0 0 
}
.ppaf-top{
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow: hidden
}
.prjcts-cont{
	position: relative;
	margin-top: 50px
}

.carousel{
	position: relative;
	width: 100%;
	height: 100%
	
}

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong{
	z-index: 50
}
ul#top-menu{
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 20px 0
}
.site-header{
	position: static;
	background-color: #fff
}
.navigation-top{
	border: none;
	position: static;
	width: 100%;
}

.site-navigation-fixed.navigation-top{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 100;
}
.navigation-top a{
	color:  gray;
	display: inline-block;
	font-weight: 400;
	letter-spacing: 0.111em;
	-webkit-transition: .6s all;
	-o-transition: .6s all;
	-moz-transition: .6s all;
	transition: .6s all;

}
.navigation-top a:hover{
	color:  black;
	-webkit-transition: .6s all;
	-o-transition: .6s all;
	-moz-transition: .6s all;
	transition: .6s all;
}

#map{
	height: 550px;
	width:100%;
	margin: 20px auto;
}
.entry-content{
	width: 100%!important;
	float: none!important;
	text-align: center;
}
.panel-content .wrap{
	padding: 0;
	margin:  auto;
}

.row.prjcts-wrap{
	padding: 17px;
}
.row.prjcts-wrap h3{
	font-size: 32px;
	margin: 0;
}

.blog .site-content-contain, .single-post .site-content-contain {
    width: auto;
    margin: 0 15px;
}

.projects-wrap .project-inside-wrap a{
	display: block;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.projects-btn{
	margin: 17px;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #2b2f33;
	background-color: transparent!important;
	font-size: 16px;
	border: 2px solid!important;
	padding: 13px 26px;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	font-weight: 700;
	letter-spacing: 2px;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
	text-decoration: none!important;

}
.projects-btn:hover{
	border: 2px solid #2b2f33!important;
	background: #2b2f33!important;
	color: #fff!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}

.soc-cont{
	margin-top: 65px;
}
.carousel-sld{
	margin: 13.5px 0;
}
.soc-cont-link{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 60;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none!important;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.soc-cont-link span{
	display: block;
	color: #fff;
	text-align: center;
	font-style: italic;
	font-size: 20px;
	background: #3c4851;
	opacity: .9;
	padding: 17px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

footer p{
	text-align: center;
	font-weight: 400;
	color: #3F4850;
	letter-spacing: 1px;
}
.social-wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding: 17px;
}
.social-wrap .social-wrap-inside>a{
	display: inline-block;
	margin: 0 8px;
}
.social-wrap img.social-icons{
	width: 25px;
	height: auto;
}
.site-footer{
	border: none;
}
.contact-form-page{
	text-align: left;
}
/*.contact-form-page h2{
	color: #2b2f33;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: .14em;
	line-height: 1.02em;
	text-transform: uppercase;
	margin-bottom: 27px
}*/


input[type="submit"]{
	background-color: transparent;
	color: #2b2f33;
	border: 2px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 13px 26px;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 16px;
	display: inline-block
}
input[type="submit"]:hover{
	background: #2b2f33;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #2b2f33
}

aside.widget-area a {
    color: #636262;
}

 .page-template-default .entry-content, .post-template-default .entry-content{
    text-align: left;
}
.gallery-bl-1{
	text-align: center;	}
 .home .entry-content {
    text-align: center;
	}
}
}
.single-featured-image-header {
     background-color: #fafafa00; 
     border-bottom: none;
}
.entry-meta-title{
	color: #767676;
	font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-bottom: 0.25em;
    text-transform: uppercase;
}
.all-page-entry {
	font-size: 2rem;
	    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 0;
}
header.page-header-all {
    padding-bottom: 2em;
}
.padding-first{
	padding-bottom: 10px;
}
.gallery-wrap {
    padding-bottom: 8px;
}
.process {
    margin-top: 40px;
}
.process-entry{
	margin-bottom: 17px;
}
.step-process {
    font-weight: bold;
}
.blog .site-content-contain,.single-post .site-content-contain {
       width: 85%;
    margin: 0 30px;
}

.at-work-process {
  min-height:169px;
  position:relative;
  z-index:4;
  overflow:hidden;
  text-align:center;
      transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.at-work-process-text {
  line-height:40px;
  transition: all 200ms linear 0s;
      transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.at-work-process:hover .at-work-process-text{
  -webkit-transform: translateY(-150%);
  -moz-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  -o-transform: translateY(-150%);
  transform: translateY(-150%);
}

.at-work-process:hover .at-work-process-details {
  z-index: 2;
  opacity: 1;
  bottom: 0;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.at-work-process-number {
  color:#d4d4d4;
  font-size: 50px;
  font-weight:bold;
  letter-spacing: -2px;
  display:block;
  margin-top: 20px;
}

.at-work-process-number-text {
  font-family:Open Sans ;
  font-size:13px;
  font-weight:600;
  color: #000000;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.at-separator-thick {
  background: #3cdede;
  margin:3% auto;
  height:4px;
  width:30px;
}

.at-work-process-details {
  bottom:-60px;
  height:100%;
  left:0;
  opacity:0;
  width:100%;
  position:absolute;
  display:block;
}
.at-work-process-details i {
  color: #1e83ec;
  margin-bottom:15px;
  display:block;
  font-size: 40px;
}
.at-work-process-details span{
  font-size:13px;
}
.entry-meta-title:before, .page-header .page-title:before {
    content: '';
    position: absolute;
    background: #3cdede;
    width: 11px;
    height: 11px;
    margin-left: -18px;
    margin-top: 3px;
}

.blog .site-content-contain {
    width: auto!important;
    margin: 0px!important;
}

body.blog.hfeed.has-header-image.has-sidebar.colors-light div#content {
    padding: 3.5em 20px 20px;
}

a.call_me_link img {
    height: 50px;
    padding: 10px;
}


img.social-icons.none {
    display: none;
}




@media screen and (min-width: 48em){
	.call_me_wrap{
		display: none
	}
	.site-navigation-fixed.navigation-top{
		opacity: .96
	}
	.site-navigation-fixed.navigation-top .logo-wrap{
		display: none
	}
	.main-navigation a {
		outline: none;
		display: inline;
		margin: 0 1.25em;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.site-footer{
		margin: 0
	}
.gallery-wrap { text-align: center; }
	
	body.blog.hfeed.has-header-image.has-sidebar.colors-light h1.page-title {
    padding-left: 20px;
}

}
@media screen and (max-width: 47.95em){
	.site-content{
		padding: 3.5em 0 0
	}
	.sld-fluid{
		padding: 0
	}
	.navigation-top{
		bottom: auto;
		position: static;
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.logo-wrap{
		position: relative;
		left: 0;
		display:block
	}
	ul#top-menu{
		height: 100vh
	}
	.main-navigation li{
		border: none
	}
	.main-navigation .logo-wrap a{
		padding: 0
	}
	button.menu-toggle {
		position: absolute;
		top: 20px;
		right: 8px;
		color: #4c4742
	}
	.menu-toggle{
		padding: 0
	}
	.main-navigation a{
		padding: 1em 0
	}
	.call_me_wrap{
    position: fixed;
    bottom: 10px;
    right: 0;
    background: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    z-index: 100;
	}
	.call_me_wrap a.call_me_link{
		display: block;
		width: 50px;
		height: 50px
	}
	.logo-wrap a img.logo-img{
		width: 130px;
		padding: 10px 0
	}
	.icon-bars, .icon-close{
		width:30px;
		height: 30px
	}
	
	body.blog.hfeed.has-header-image.has-sidebar.colors-light h1.page-title {
    padding-left: 20px;
}

}
@media screen and (max-width: 48em){
	.carousel-inner, .carousel-item{
		height: 100%;
		overflow: hidden
	}
	footer p{
		font-size: 14px
	}
	.navigation-top{
		width: 100%
	}
	.contact-form-page h2{
		font-size: 28px;
		letter-spacing: .12250000000000001px
	}
	.contact-img{
		margin-top: 20px
	}
body.blog.hfeed.has-header-image.has-sidebar.colors-light h1.page-title {
    padding-left: 20px;
}

}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
.entry-meta-title { padding-left: 20px; }
.form-submit {
    text-align: center;
}
body.blog.hfeed.has-header-image.has-sidebar.colors-light h1.page-title {
    padding-left: 20px;
}
}