.article-list .item, .brands a, .highlight-clean .buttons {
	text-align: center
}
.highlight-clean .buttons .btn:active, .highlight-phone .intro .btn:active {
	transform: translateY(1px)
}
.brands a img, .footer-contacts p {
	vertical-align: middle;
	display: inline-block
}
.article-list {
	color: #313437;
	background-color: #fff
}
.article-list p {
	color: #7d8285
}
.article-list h2 {
	font-weight: 700;
	margin-bottom: 40px;
	padding-top: 40px;
	color: inherit
}

@media (max-width:767px) {
.article-list h2 {
	margin-bottom: 25px;
	padding-top: 25px;
	font-size: 24px
}
}
.article-list .intro {
	font-size: 16px;
	max-width: 500px;
	margin: 0 auto
}
.article-list .intro p {
	margin-bottom: 0
}
.article-list .articles {
	padding-bottom: 40px
}
.article-list .item {
	padding-top: 50px;
	min-height: 425px
}
.article-list .item .name {
	font-weight: 700;
	font-size: 16px;
	margin-top: 20px;
	color: inherit
}
.article-list .item .description {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 0
}
.article-list .item .action {
	font-size: 24px;
	width: 24px;
	margin: 22px auto 0;
	line-height: 1;
	display: block;
	color: #4f86c3;
	opacity: .85;
	transition: opacity .2s;
	text-decoration: none
}
.article-list .item .action:hover {
	opacity: 1
}
div.jumbotron.carousel-hero {
	color: #fff;
	text-align: center;
	background-size: cover;
	background-position: center;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-bottom: 0
}
div.jumbotron.hero-nature {
	background-image: url(../../assets/img/architect-at-the-construction.jpg)
}
div.jumbotron.hero-photography {
	background-image: url(../../assets/img/architects-and-worker.jpg)
}
div.jumbotron.hero-technology {
	background-image: url(../../assets/img/young-college-students.jpg)
}
h1.hero-title, h2.hero-title, h3.hero-title {
	text-shadow: 0 3px 3px rgba(0,0,0,.4);
	color: #fff
}
p.hero-subtitle {
	max-width: 600px;
	margin: 25px auto;
	padding: 10px 15px;
	color: #fff
}
.plat {
	border-radius: 0
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: 0 0 0 0 #048f83!important
}
.btn-primary:hover {
	color: #fff;
	background-color: #016090;
	border-color: #016090
}
.btn.btn-primary {
	background-color: #048f83!important;
	border-color: #048f83!important
}
span {
	font-style: inherit;
	font-weight: inherit
}
.brands {
	color: #313437;
	background-color: #fff
}
.brands a {
	display: block;
	padding: 40px 0
}

@media (max-width:767px) {
.brands a {
	padding: 30px 0
}
.highlight-phone {
	text-align: center
}
}
.brands a img {
	margin: 10px 20px
}
#contactForm .h4 {
	font-weight: 400;
	border-bottom: 1px solid silver
}
.highlight-clean .buttons .btn, .highlight-phone .intro .btn {
	border: none;
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: .4px;
	font-weight: 700;
	box-shadow: none
}
.required-input {
	color: maroon
}
.static-map {
	margin-bottom: 20px
}

@media (max-width:768px) and (min-width:767px) {
#contactForm .static-map img {
	width: 100%
}
}
.highlight-clean {
	color: #313437;
	background-color: #fff;
	padding: 50px 0
}
.highlight-clean p {
	color: #7d8285
}
.highlight-clean h2 {
	font-weight: 700;
	margin-bottom: 25px;
	line-height: 1.5;
	padding-top: 0;
	margin-top: 0;
	color: inherit
}
.highlight-clean .intro {
	font-size: 16px;
	max-width: 500px;
	margin: 0 auto 25px
}
.highlight-clean .buttons .btn {
	padding: 16px 32px;
	margin: 6px;
	background: #ddd;
	opacity: .9;
	font-size: 13px;
	line-height: 1;
	outline: 0
}
.highlight-clean .buttons .btn:hover {
	opacity: 1
}
.highlight-clean .buttons .btn-primary {
	background-color: #055ada;
	color: #fff
}
.highlight-phone {
	color: #313437;
	background-color: #eef4f7;
	padding: 50px 0 55px;
	overflow: hidden
}
.highlight-phone p {
	color: #7d8285
}
.highlight-phone h2 {
	font-weight: 700;
	margin-bottom: 35px;
	line-height: 1.5;
	padding-top: 0;
	margin-top: 0;
	color: inherit
}
.highlight-phone .intro {
	font-size: 18px;
	max-width: 500px;
	line-height: 1.5
}

@media (max-width:767px) {
.highlight-phone .intro {
	max-width: none
}
}
.highlight-phone .intro p {
	margin-bottom: 35px
}
.highlight-phone .intro .btn {
	padding: 16px 32px;
	background: 0 0;
	opacity: .9;
	font-size: 13px;
	line-height: 1
}
.highlight-phone .intro .btn:hover {
	opacity: 1
}
.highlight-phone .intro .btn-primary {
	background-color: #055ada;
	color: #fff
}
.highlight-phone .iphone-mockup {
	position: relative;
	max-width: 260px;
	margin-top: -30px;
	margin-bottom: -230px;
	transform: rotate(-15deg)
}
.highlight-phone .iphone-mockup img.device {
	width: 100%;
	height: auto
}
.highlight-phone .iphone-mockup .screen {
	position: absolute;
	width: 88%;
	height: 77%;
	top: 12%;
	border-radius: 2px;
	left: 6%;
	border: 1px solid #444;
	overflow: hidden;
	background: url(../../assets/img/screen-content-iphone-6.jpg) center;
	background-size: cover
}
.highlight-phone .iphone-mockup .screen:before {
	content: '';
	background-color: #fff;
	position: absolute;
	width: 70%;
	height: 140%;
	top: -12%;
	right: -60%;
	transform: rotate(-19deg);
	opacity: .2
}
.navigation-clean {
	background: #fff;
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #333;
	border-radius: 0;
	box-shadow: none;
	border: none;
	margin-bottom: 0
}
.navigation-clean .navbar-brand {
	font-weight: 700;
	color: inherit
}
.navigation-clean .navbar-brand:hover {
	color: #222
}
.navigation-clean.navbar-dark .navbar-brand:hover {
	color: #f0f0f0
}
.navigation-clean .navbar-brand img {
	height: 100%;
	display: inline-block;
	margin-right: 10px;
	width: auto
}
.navigation-clean .navbar-toggler {
	border-color: #ddd;
	color: #888
}
.navigation-clean .navbar-toggler:focus, .navigation-clean .navbar-toggler:hover {
	background: 0 0
}
.navigation-clean.navbar-dark .navbar-toggler {
	border-color: #555;
	color: #eee
}
.navigation-clean .form-inline, .navigation-clean .navbar-collapse {
	border-top-color: #ddd
}
.navigation-clean.navbar-dark .form-inline, .navigation-clean.navbar-dark .navbar-collapse {
	border-top-color: #333
}
.navigation-clean .navbar-nav>.active>a, .navigation-clean .navbar-nav>.show>a {
	background: 0 0;
	box-shadow: none
}
.navigation-clean.navbar-light .navbar-nav .nav-link.active, .navigation-clean.navbar-light .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-light .navbar-nav .nav-link.active:hover {
	color: #8f8f8f;
	box-shadow: none;
	background: 0 0;
	pointer-events: none
}
.navigation-clean.navbar .navbar-nav .nav-link {
	padding-left: 18px;
	padding-right: 18px
}
.navigation-clean.navbar-light .navbar-nav .nav-link {
	color: #465765
}
.navigation-clean.navbar-light .navbar-nav .nav-link:focus, .navigation-clean.navbar-light .navbar-nav .nav-link:hover {
	color: #37434d!important;
	background-color: transparent
}
.navigation-clean .navbar-nav>li>.dropdown-menu {
	margin-top: -5px;
	box-shadow: none;
	background-color: #fff;
	border-radius: 2px
}

@media (min-width:768px) {
.navigation-clean {
	padding-top: 1rem;
	padding-bottom: 1rem
}
.navigation-clean .navbar-nav .show .dropdown-menu {
	box-shadow: 0 4px 8px rgba(0,0,0,.1)
}
}

@media (max-width:767px) {
.navigation-clean .navbar-nav .show .dropdown-menu .dropdown-item {
	color: #37434d;
	padding-top: .8rem;
	padding-bottom: .8rem;
	line-height: 1
}
}
.navigation-clean .dropdown-menu .dropdown-item, .navigation-clean .dropdown-menu .dropdown-item:focus {
	line-height: 2;
	color: #37434d
}
.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item:hover {
	background: #eee;
	color: inherit
}
.navigation-clean.navbar-dark {
	background-color: #1f2021;
	color: #fff
}
.navigation-clean.navbar-dark .navbar-nav a.active, .navigation-clean.navbar-dark .navbar-nav a.active:focus, .navigation-clean.navbar-dark .navbar-nav a.active:hover {
	color: #8f8f8f;
	box-shadow: none;
	background: 0 0;
	pointer-events: none
}
.navigation-clean.navbar-dark .navbar-nav .nav-link {
	color: #dfe8ee
}
.navigation-clean.navbar-dark .navbar-nav .nav-link:focus, .navigation-clean.navbar-dark .navbar-nav .nav-link:hover {
	color: #fff;
	background-color: transparent
}
.navigation-clean.navbar-dark .navbar-nav>li>.dropdown-menu {
	background-color: #1f2021
}
.navigation-clean.navbar-dark .dropdown-menu .dropdown-item, .navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus {
	color: #f2f5f8
}
.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean.navbar-dark .dropdown-menu .dropdown-item:hover {
	background: #363739
}

@media (max-width:767px) {
.navigation-clean.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item {
	color: #fff
}
}
footer {
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: 700 16px sans-serif;
	padding: 55px 50px;
	margin-top: 80px;
	bottom: 0;
	color: #fff
}
.fa.footer-contacts-icon, .social-links a {
	background-color: #33383b;
	text-align: center
}
.footer-navigation h3 {
	margin: 0 0 20px;
	font: 400 36px Cookie, cursive;
	color: #fff
}
.footer-navigation h3 a {
	text-decoration: none;
	color: #fff
}
.footer-navigation h3 span {
	color: #5383d3
}
.footer-navigation p.links a {
	color: #fff;
	text-decoration: none
}
.footer-navigation p.company-name {
	color: #8f9296;
	font-size: 14px;
	font-weight: 400;
	margin-top: 20px
}

@media (max-width:767px) {
.footer-contacts {
	margin: 30px 0
}
}
.footer-contacts p {
	color: #fff
}
.footer-contacts p a {
	color: #5383d3;
	text-decoration: none
}
.fa.footer-contacts-icon {
	color: #fff;
	font-size: 18px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	line-height: 38px;
	margin: 10px 15px 10px 0
}
span.new-line-span {
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 2
}
.footer-about h4 {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px
}
.footer-about p {
	line-height: 20px;
	color: #92999f;
	font-size: 13px;
	font-weight: 400;
	margin: 0
}
div.social-links {
	margin-top: 20px;
	color: #fff
}
.social-links a {
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	border-radius: 2px;
	font-size: 20px;
	color: #fff;
	line-height: 35px;
	margin-right: 5px;
	margin-bottom: 5px
}
.projects-clean {
	color: #313437;
	background-color: #fff
}
.projects-clean p {
	color: #7d8285
}
.projects-clean h2 {
	font-weight: 700;
	margin-bottom: 40px;
	padding-top: 40px;
	color: inherit
}

@media (max-width:767px) {
.projects-clean h2 {
	margin-bottom: 25px;
	padding-top: 25px;
	font-size: 24px
}
}
.projects-clean .intro {
	font-size: 16px;
	max-width: 500px;
	margin: 0 auto
}
.projects-clean .intro p {
	margin-bottom: 0
}
.projects-clean .projects {
	padding-bottom: 40px
}
.projects-clean .item {
	text-align: center;
	padding-top: 50px;
	min-height: 425px
}
.projects-clean .item .name {
	font-weight: 700;
	margin-top: 28px;
	margin-bottom: 8px;
	color: inherit
}
.projects-clean .item .description {
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 0
}

@media (max-width:767px) {
.simple-slider .swiper-slide {
	height: 360px
}
.simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {
	display: none
}
}
.simple-slider .swiper-slide {
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
.simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {
	width: 50px;
	margin-left: 20px;
	margin-right: 20px
}

@media (max-width:767px) {
.simple-slider .swiper-slide {
	height: 296px
}
}
.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

.modal-dialog2 {
   position:fixed;
   top:auto;
   right:auto;
   left:auto;
   bottom:0;
}  

.span4 img {
    margin-right: 10px;
}
.span4 .img-left {
    float: left;
}
.span4 .img-right {
    float: right;
}