@import url( http://fonts.googleapis.com/css?family=Montserrat:400,700 );
body {
	font-family: "Verdana", sans-serif; font-size: 14px; font-weight: 400; box-sizing: border-box; backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; -webkit-backface-visibility: hidden;
}
a {
	transition:0.2s linear; color: rgb(231, 76, 60); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
}
a:hover {
	color: rgb(231, 108, 60);
}
.row {
	padding: 20px 0px;
}
.btn-common {
	background: steelblue; color: rgb(255, 255, 255);
}
.btn-common:hover {
	background: rgb(106, 181, 128); color: rgb(255, 255, 255);
}
.iColor {
	color: rgb(8, 101, 133);
}
.block1 {
	padding: 10px; text-align: center;
}
.block2 {
	padding: 10px; text-align: center; font-size: 16px;
}
.block3 {
	padding: 20px; text-align: left; color: black; font-size: 16px;
}
.block4 {
	text-align: left; padding-bottom: 25px; font-size: 16px;
}
.block4a {
	text-align: left; font-size: 20px;
}
.liStyle1 li {
	padding-bottom: 25px;
}
.title {
	text-align: center; font-size: 50px;
}
.title2 {
	text-align: center; color: white; font-family: Arial; font-size: 50px; font-weight: bold;
}
.serv {
	text-align: center; color: white; font-family: Arial; font-size: 40px; font-weight: bold;
}
.serv1 {
	text-align: center; color: white; font-family: Arial; font-size: 40px; font-weight: bold; margin-top: 30px;
}
.title3 {
	text-align: center; padding-bottom: 20px; font-size: 34px;
}
.title {
	text-align: center; font-size: 50px;
}
.title2 {
	text-align: center; color: white; font-family: Arial; font-size: 50px; font-weight: bold;
}
.subtitle {
	text-align: center; color: rgb(189, 195, 199); padding-bottom: 30px; font-size: 14px; font-weight: 600; position: relative;
}
.subtitle2 {
	text-align: center; color: white; padding-bottom: 7px; font-family: Arial; font-size: 14px; font-weight: 600; position: relative;
}
.subtitle3 {
	text-align: center; color: white; padding-bottom: 7px; font-family: Arial; font-size: 25px; font-weight: 600; position: relative;
}
#setting {
	background: steelblue; height: 520px; color: rgb(255, 255, 255);
}
.about-us {
	text-align: center; color: white; padding-top: 14px; padding-bottom: 7px; font-family: Arial; font-size: 18px; font-weight: 600;
}
#advantages {
	background: steelblue; height: 700px; color: white;
}
.advantage {
	text-align: center; font-family: Arial; font-size: 14pt; font-weight: bold; margin-top: 40px;
}
.advantage2 {
	text-align: center; font-family: Arial; font-size: 14pt; font-weight: bold; margin-top: 40px;
}
.advantage3 {
	text-align: center; font-family: Arial; font-size: 14pt; font-weight: bold; margin-top: 40px;
}
.text-avantage {
	margin-top: 20px;
}
.images {
	height: 135px; padding-top: 50px; padding-bottom: 50px;
}
.plan {
	text-align: center; color: white; padding-top: 50px; font-family: Arial; font-size: 40px; font-weight: bold;
}
.how-we-work {
	width: 100%; margin-top: 50px;
}
.block_1 {
	width: 150px; height: 140px; margin-right: 100px;
}
.obraschenie {
	width: 140px; height: 140px;
}
.podgotovka {
	width: 150px; height: 140px; margin-top: -50px; margin-bottom: -50px; margin-left: 150px;
}
.soglasovanie {
	width: 150px; height: 140px; margin-top: -50px; margin-bottom: -60px; margin-left: 150px;
}
.realizacija {
	width: 160px; height: 140px; margin-top: -50px; margin-bottom: -50px; margin-left: 150px;
}
.text-discription {
	height: 40px;
}
.text-obraschenie {
	background: rgb(91, 184, 92); border-radius: 4px; width: 160px; height: 40px; margin-left: -10px;
}
.text-podgotovka {
	background: rgb(91, 184, 92); border-radius: 4px; width: 160px; height: 40px; margin-top: -40px; margin-left: 285px;
}
.text-soglasovanie {
	background: rgb(91, 184, 92); border-radius: 4px; width: 240px; height: 40px; margin-top: -40px; margin-left: 550px;
}
.text-realizacija {
	background: rgb(91, 184, 92); border-radius: 4px; width: 220px; height: 40px; margin-top: -40px; margin-left: 870px;
}
.text_dis {
	text-align: center; color: white; padding-top: 7px; font-family: Arial; font-size: 14pt; font-weight: normal;
}
.text_discription {
	width: 680px; text-align: left; color: black; padding-left: 30px; font-family: Arial; font-size: 13pt; font-weight: normal; margin-top: 30px;
}
.dis2 {
	margin-top: 25px;
}
.discription_img {
	margin-top: -400px; margin-left: 750px;
}
.block_quadro {
	background: steelblue; border-radius: 4px; width: 75px; height: 75px; text-align: center; color: white; font-family: Arial; font-size: 40pt; font-weight: normal; margin-top: 55px; margin-left: 30px;
}
.discript_tz {
	width: 1200px; text-align: left; color: black; padding-left: 120px; font-family: Arial; font-size: 13pt; font-weight: normal; margin-top: 10px;
}
.punckt_tz {
	background: steelblue; border-radius: 4px; width: 1150px; height: 50px; text-align: left; color: white; font-family: Arial; font-size: 16pt; font-weight: normal; margin-top: 55px; margin-left: 25px;
}
.punckt_doc {
	background: green; border-radius: 4px; width: 1150px; height: 50px; text-align: left; color: white; font-family: Arial; font-size: 16pt; font-weight: normal; margin-top: 55px; margin-left: 25px;
}
.agreement {
	margin-top: 20px;
}
.title1 {
	text-align: left; color: green; font-family: Arial; font-size: 42pt; font-weight: bold; margin-top: -85px; margin-left: 120px;
}
#ConfigForm {
	margin-top: 150px; margin-left: 600px;
}
.block_quadro1 {
	background: green; border-radius: 4px; width: 75px; height: 75px; text-align: center; color: white; font-family: Arial; font-size: 40pt; font-weight: normal; margin-top: 55px; margin-left: 25px;
}
.block_quadro2 {
	background: rgb(240, 97, 81); border-radius: 4px; width: 75px; height: 75px; text-align: center; color: white; font-family: Arial; font-size: 40pt; font-weight: normal; margin-top: 55px; margin-left: 25px;
}
.title_block {
	text-align: left; color: rgb(240, 97, 81); font-family: Arial; font-size: 42pt; font-weight: bold; margin-top: -85px; margin-left: 120px;
}
.brif {
	background: rgb(240, 97, 81); border-radius: 4px; width: 1160px; height: 60px; text-align: left; color: white; font-family: Arial; font-size: 17pt; font-weight: normal; margin-top: 55px;
}
.forma {
	background: white; border-radius: 4px; width: 700px; height: 612px; margin-top: 50px;
}
.table_zak {
	padding-top: 40px;
}
#application_form {
	background: steelblue; height: 1000px; padding-left: 40px;
}
#application_form_sites {
	background: steelblue; height: 1000px; padding-bottom: 0px; padding-left: 40px;
}
#header1 {
	background: rgb(0, 0, 0);
}
#header2 {
	background: rgb(255, 255, 255);
}
.navbar {
	margin-bottom: 0px;
}
.navbar-default.navbar {
	background: white; border: 1px solid transparent; border-image: none;
}
.navbar-default.navbar .navbar-center.navbar-nav > li > a {
	color: rgb(38, 96, 128);
}
.navbar-default.navbar .navbar-search > li > a {
	color: rgb(38, 96, 128);
}
@media all and (max-width:767px)
{
.navbar-default.navbar {
	padding: 15px 0px;
}
.navbar-default.navbar .navbar-collapse {
	border: 0px currentColor; border-image: none; margin-top: 15px; margin-bottom: -15px; box-shadow: none;
}
}
@media all and (min-width:768px)
{
.navbar-default.navbar {
	
}
.navbar-default.navbar .navbar-center.navbar-nav {
	width: 100%; text-align: center;
}
.navbar-default.navbar .navbar-center.navbar-nav > li {
	float: none; display: inline-block;
}
.navbar-default.navbar .navbar-center.navbar-nav > li > a {
	text-transform: uppercase; line-height: 4; font-size: 14px; font-weight: bold;
}
.navbar-default.navbar .navbar-search {
	top: 17px; right: 2%; line-height: 4; font-size: 20px; position: absolute;
}
}
@media all and (min-width:768px)
{
.navbar-default.navbar .navbar-nav > li > a {
	line-height: 4;
}
}
@media all and (min-width:768px)
{
.navbar-default.navbar .navbar-nav {
	width: 100%; text-align: center;
}
.navbar-default.navbar .navbar-nav > li {
	float: none; display: inline-block;
}
}
.navbar {
	min-height: 40px;
}
.dropdown-menu {
	font-size: 12px;
}
.navbar-default.affix {
	background: rgba(0, 0, 0, 0.8);
}
#hero-area {
	background: steelblue; color: rgb(255, 255, 255);
}
#hero-area .btn {
	margin-right: 20px;
}
#hero-area img {
	max-width: 100%;
}
#hero-area p {
	padding: 50px 0px;
}
#services h3 {
	color: rgb(231, 76, 60); font-size: 28px; margin-top: 0px;
}
#portfolio {
	background: rgb(241, 241, 241);
}
.portfolio-item {
	margin-bottom: 15px; position: relative;
}
.portfolio-item img {
	width: 100%;
}
.portfolio-item .overlay {
	top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 10; background-color: rgba(0, 0, 0, 0.8);
}
.portfolio-item:hover .overlay {
	top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 10; background-color: rgba(0, 0, 0, 0.8);
}
.portfolio-item .icons .preview {
	left: 40%; top: 40%; color: rgb(255, 255, 255); position: absolute; animation-name: fadeInLeft; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.portfolio-item .icons .preview i {
	color: rgb(231, 76, 60);
}
#proposal {
	background: white; height: 500px; color: steelblue;
}
#scheme-of-work {
	background: white; height: 1550px; color: steelblue;
}
#portfolio2 {
	background: rgb(245, 245, 245);
}
#portfolio3 {
	background: rgb(255, 255, 255);
}
#clients {
	background: rgb(255, 255, 255);
}
#about {
	background: steelblue; color: rgb(255, 255, 255);
}
#about p {
	line-height: 30px; font-size: 17px;
}
#about2 {
	background: steelblue; color: rgb(255, 255, 255);
}
#about2 p {
	line-height: 18px; font-size: 11pt;
}
#download {
	background: rgb(249, 217, 78); color: rgb(255, 255, 255);
}
#download a {
	color: rgb(255, 255, 255);
}
#download a:hover {
	color: rgb(255, 255, 255);
}
.btn-common {
	background: steelblue; color: rgb(255, 255, 255);
}
.btn-common:hover {
	background: rgb(106, 181, 128); color: rgb(255, 255, 255);
}
#contact {
	background: rgb(241, 241, 241);
}
#contact :-ms-input-placeholder {
	color: rgb(236, 240, 241);
}
#contact .social i {
	background: rgb(52, 73, 94); padding: 10px; width: 50px; height: 50px; color: rgb(255, 255, 255); margin-right: 5px; vertical-align: middle;
}
#contact .social .social-links a:hover {
	color: rgb(255, 255, 255);
}
#contact .social .fa-facebook:hover {
	background: rgb(59, 89, 152); color: rgb(255, 255, 255);
}
#contact .social .fa-twitter:hover {
	background: rgb(0, 202, 251); color: rgb(255, 255, 255);
}
#contact .social .fa-google-plus:hover {
	background: rgb(210, 58, 29); color: rgb(255, 255, 255);
}
#contact .social .fa-linkedin:hover {
	background: rgb(0, 123, 182); color: rgb(255, 255, 255);
}
#contact .social .fa-dribbble:hover {
	background: rgb(234, 76, 137); color: rgb(255, 255, 255);
}
#contact .social .fa-github:hover {
	background: rgb(23, 21, 21); color: rgb(255, 255, 255);
}
#contact .contact-info {
	margin: 40px 0px;
}
#contact .contact-info p {
	font-size: 20px;
}
#contact .contact-form .form-control {
	border-radius: 0px; border: currentColor; border-image: none; font-size: 17px; margin-bottom: 20px; box-shadow: none;
}
.to-top i {
	background: none; margin: 10px; padding: 10px 15px; border: 2px solid rgb(207, 207, 207); border-image: none; color: rgb(109, 179, 249);
}
.to-top i:hover {
	background: steelblue; transition:0.2s linear; color: rgb(255, 255, 255); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
}
#copyright {
	background: rgb(0, 0, 0); color: rgb(255, 255, 255);
}
#copyright a {
	color: rgb(206, 206, 206);
}
#carousel-testimonials .carousel-indicators {
	top: 20rem; bottom: inherit;
}
#carousel-testimonials .carousel-indicators li {
	margin: 0px; border: 2px solid rgb(106, 181, 128); border-image: none; width: 16px; height: 16px;
}
#carousel-testimonials .carousel-indicators .active {
	margin: 0px; border: 2px solid rgb(106, 181, 128); border-image: none; width: 16px; height: 16px; background-color: rgb(106, 181, 128);
}
#carousel-testimonials .caption blockquote {
	color: rgb(40, 40, 40); font-size: 20px;
}
#carousel-testimonials .caption small cite {
	color: rgb(74, 79, 85); font-size: 20px;
}
#carousel-testimonials .caption #stars-existing {
	font-size: 28px; display: inline-block;
}
#carousel-testimonials .caption #stars-existing .glyphicon-star-empty {
	color: rgb(106, 181, 128);
}
#carousel-testimonials .caption #stars-existing .glyphicon-star {
	color: rgb(106, 181, 128);
}
#hero-area a {
	color: rgb(255, 255, 255);
}
#hero-area a:hover {
	color: rgb(255, 255, 255);
}
.btn:hover {
	color: rgb(255, 255, 255);
}
.btn:focus {
	color: rgb(255, 255, 255);
}
.focus.btn {
	color: rgb(255, 255, 255);
}
@media all and (max-width:1024px) and (min-width:768px)
{
#hero-area .btn {
	margin-top: 15px;
}
.nav > li > a {
	padding: 12px 8px; line-height: 21px;
}
.social-links {
	padding-top: 15px;
}
}
@media all and (max-width:480px) and (min-width:320px)
{
#hero-area .btn {
	margin-top: 15px;
}
.navbar-default {
	background: rgba(0, 0, 0, 0.8);
}
.social-links {
	padding-top: 15px;
}
.row {
	padding: 40px 0px;
}
}