body { font-family: 'Roboto'; color: #373333; }
#home { margin-top: 15px; }

#home .flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#home .img-fluid { margin-top: 8px; }

#home #top-a .flexBox .custom, #home2 #top-a2 .flexBox .custom { flex: 0 0 280px; }
#home #top-b .flexBox .custom, #home2 #top-b2 .flexBox .custom { flex: 0 0 170px; }
#home .custom p { margin-bottom: 0; }
#home .custom .icon { padding-left: 26px; line-height: 26px; }

#home .custom .icon-marker { background: url('../images/icons/icon-location-22x22.png') left center no-repeat; }
#home .custom .icon-envelope { background: url('../images/icons/icon-envelope-22x22.png') left center no-repeat; }
#home .custom .icon-fax { background: url('../images/icons/icon-fax-22x22.png') left center no-repeat; }
#home .custom .icon-call { background: url('../images/icons/icon-call-22x22.png') left center no-repeat; }

#home a { color: #373333; }
#home a span { font-size: 0.85rem; }


#home .btn-callback { margin: 0; padding: 7px 18px; text-align: center; background: #ffcd02; cursor: pointer; border-radius: 18px; }

#navTop {
	background: #373333;
	margin-top: 15px;
}
#navBot {
	background: #373333;	
}
#navTop nav, #navBot nav {
	margin: 0;
	padding: 0;
}

#navbarTop .nav.navbar-nav,
#navbarTop2 .nav.navbar-nav {
	width: 100%;
}

#navbarTop a,
#navbarTop2 a {
	padding: 0.75rem 1rem;
	color: #fff;
	background: url('../images/menu-wr-1x24.png') right center no-repeat;
}

#navTop .nav-item.active,
#navBot .nav-item.active {
	background: #fecb00;
}


#navTop .nav-item a:hover,
#navTop .nav-item a:focus,
#navBot .nav-item a:hover,
#navBot .nav-item a:focus {
	color: #fecb00;
}

#navTop .nav-item.active a,
#navTop .nav-item.active a:hover,
#navTop .nav-item.active a:focus,
#navBot .nav-item.active a,
#navBot .nav-item.active a:hover,
#navBot .nav-item.active a:focus {
	color: #373333;
	background: none;
}

#sliderSection {
	background: url('../images/bg/slider-section.jpg') top center no-repeat;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}

.slideLegend p { margin: 0; padding: 0; }

.slideLegend {
	position: relative;
	padding: 15px 15px 15px 100px;
	margin: 30px;
	background: #fecb00;
	border-radius: 30px;
	text-align: right;
}

.slideLegend img {
	display: block;
	position: absolute;
	top: -10px;
	left: -55px;
}

.slideLegend p { font-size: 21px; font-weight: 300; line-height: 28px; }
.slideLegend p.slidePrice { font-size: 24px; }
.slideLegend p.slidePrice strong { font-size: 36px; font-weight: 500; }

.flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.freeConsultation .formIntro,
#sliderSection .formIntro {
	font-size: 24px;
	line-height: 28px;
	text-shadow: 1px 1px 1px #fff, 0px 0px 3px #fff;
}

#sliderSection .bottomMargin,
.freeConsultation .bottomMargin {
	margin-bottom: 15px;
}

.freeConsultation input:focus, .freeConsultation button:focus,
#sliderSection input:focus, #sliderSection button:focus {
	box-shadow: none;
}


.freeConsultation input, .freeConsultation button,
#sliderSection input, #sliderSection button {
	text-align: center;
	border-radius: 20px;
}

.freeConsultation button,
#sliderSection button {
	background: #fecb00;
	border: 1px #fecb00 solid;
	color: #373333;
	cursor: pointer;
}

.freeConsultation button span,
#sliderSection button span {
	padding: 10px 0px 10px 40px;
	background: url('../images/icons/icon-support-33x33.png') left center no-repeat;
}

.freeConsultation button:focus, .freeConsultation button:hover,
#sliderSection button:hover, #sliderSection button:focus {
	border: 1px #373333 solid;	
}

.advBlock .advIcon {
	display: block;
	position: relative;
	width: 72px;
	height: 72px;
	line-height: 72px;
	text-align: center;
	background: #fecb00;
	border-radius: 36px;
	margin: 15px auto;
}

.advBlock .advTitle {
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 10px;
}

.advBlock p {
	text-align: center;
	font-size: 16px;
}

#advantagesSection {
	padding-bottom: 30px;
	padding-top: 30px;
}

.flexBoxItem {
	max-width: 260px;
	border: 1px #aaaeb7 solid;
	margin: 14px 5px 14px 5px;
	position: relative;
	padding-bottom: 40px;
	background: #fff;
}

.fbox-image {
	border-bottom:  1px #aaaeb7 solid;
	margin-bottom: 18px;
}
.fboxSectionTitle {
	font-size: 36px;
	line-height: 38px;
	text-transform: uppercase;
	font-weight: 500;
	margin: 34px 0 10px 0;
}

.fbox-itemName {
	font-size: 16px;
	font-weight: 500;
}

.fbox-itemDesc {
	background: #fff;
}
.fbox-itemDesc p {
	margin: 0;
	padding: 0;
	line-height: 32px;
	font-size: 16px;
}

.fbox-itemDesc p span {
	color: #a7a7a7;
}

.fbox-itemDesc p strong {
	font-size: 24px;
	font-weight: 500;
	color: #db2323;
}


.fbox-buyBtn {
	display: block;
	position: absolute;
	z-index: 1;
	width: 208px;
	height: 50px;
	background: url('../images/buttons/buy-product-208x50.png') 0 0 no-repeat;
	bottom: -15px;
	left: 50%;
	margin-left: -104px;
	line-height: 55px;
}

.combineSecion {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.fboxItemwr-1 {
	width: 544px;	
}

.fboxItemwr-2, .fboxItemwr-3 {
	width: 272px;
}

.combineSecion {
	position: relative;
}
.combineSecion .fboxSectionTitle {
	flex: 0 0 100%;
	
}

.fboxItemwr-3 .fbox-itemName {
	margin: 8px 35px;
}

#productSection {
	padding-bottom: 30px;
	background: url('../images/bg/product-section-bottom.jpg') center bottom no-repeat;	
}


.freeConsultation {
	padding: 30px 0 60px 0;
	background: url('../images/bg/form-section.png') center bottom no-repeat;	
	background-size: cover;
}

.freeConsultation button {
	border-color: #fff;
}

.freeConsultation .formIntro.bottomMargin {
	font-size: 18px;
}

#penoblock {
	padding: 60px 0;
	background: url('../images/bg/tractor.png') right bottom no-repeat;
}

#penoblock .moduleTitle {
	font-size: 36px;
	line-height: 38px;
}

#penoblock .moduleIntro {
	font-size: 18px;
	margin: 15px 0;
}

#penoblock .blockDesc {
	background: rgba(255,255,255, .6);
}

#penoblock .headerText {
	position: relative;
	padding: 15px 40px 15px 270px;
	border-radius: 36px;
	font-size: 24px;
	line-height: 28px;
	margin: 20px 0 60px 0;
}

#penoblock .blockB .headerText {
	padding: 30px 40px 28px 270px;
}

#penoblock .headerText img {
	position: absolute;
	left: 0px;
	top: -15px;
	width: 200px;
}
#penoblock .blockA .headerText {
	background: #d4d3cf;
}

#penoblock .blockB .headerText {
	background: #f6bb07;
}


#penoblock .blockDesc p {
	line-height: 60px;
	padding-left: 70px;
	position: relative;
	margin: 7px 0;
}

#penoblock .blockDesc p span {
	color: #a7a7a7;
}


#penoblock .blockDesc p::before { content: ''; width: 60px; height: 60px; display: block; position: absolute; z-index: 1; top: 0; left: 0; border-radius: 30px; }
#penoblock .blockA .blockDesc p:nth-child(1)::before { background: #d4d3cf url('../images/icons/60x60/icon-wallet.png') left center no-repeat; }
#penoblock .blockA .blockDesc p:nth-child(2)::before { background: #d4d3cf url('../images/icons/60x60/icon-brickwall.png') left center no-repeat; }
#penoblock .blockA .blockDesc p:nth-child(3)::before { background: #d4d3cf url('../images/icons/60x60/icon-bucket.png') left center no-repeat; }
#penoblock .blockA .blockDesc p:nth-child(4)::before { background: #d4d3cf url('../images/icons/60x60/icon-debt.png') left center no-repeat; }

#penoblock .blockB .blockDesc p:nth-child(1)::before { background: #f6bb07 url('../images/icons/60x60/icon-wallet.png') left center no-repeat; }
#penoblock .blockB .blockDesc p:nth-child(2)::before { background: #f6bb07 url('../images/icons/60x60/icon-brickwall.png') left center no-repeat; }
#penoblock .blockB .blockDesc p:nth-child(3)::before { background: #f6bb07 url('../images/icons/60x60/icon-bucket.png') left center no-repeat; }
#penoblock .blockB .blockDesc p:nth-child(4)::before { background: #f6bb07 url('../images/icons/60x60/icon-debt.png') left center no-repeat; }

.totalCount {
	background: #db2323;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	line-height: 60px;
	margin-bottom: 30px;
}


.totalCount span {
	font-size: 32px;
}

#manufacture {
	padding-bottom: 60px;
}
#manufacture .blockB img:nth-child(1) { margin: 0 3px 24px 0; }
#manufacture .blockB img:nth-child(2) { margin: 0 0 24px 0; }
#manufacture .blockC img, #manufacture .blockD img {
	margin-top: 24px;
}


.manTitle {
	font-size: 36px;
	line-height: 38px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#our-work {
	padding-bottom: 60px;
}
.carousel {
	width: calc(100% - 80px);
	margin: 0 auto;
	position: relative;
}
.carousel-inner,
.carousel-item {
	width: 100%;
}

.carousel-item .flexItem {
	flex: 0 0 50%;
}
.carousel-item .flexItemWr {
	margin: 15px;
}
.carousel-item .flexItem .flexItemDesc {
	position: relative;
	width: 94%;
	margin: 0 auto;
	background: #e4e4e6;
	line-height: 22px;
	padding: 10px;
}
.carousel-item .flexItem img {
	position: relative;
}
.carousel-item .flexItem .flexItemDescWr {
	display: block;
	content: '';
	height: 10px;
	line-height: 10px;
	width: 96%;
	background: #d0d0d6;
	margin: 0 auto;
}

.ourWorkControl {
	width: 36px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	color: #373333;
	background: #f6bb07;
	border-radius: 18px;
	display: block;
	font-size: 18px;
	position: absolute;
	top: 45%;
}

.ourWorkControl.ow-left { left: -32px; }
.ourWorkControl.ow-right { right: -32px; }

.ourWorkControl:hover,
.ourWorkControl:focus {
	text-decoration: none;
	color: #fff;
}

.reviewImg img {
	width: 160px;
}

.reviewImg {
	width: 170px;
	padding-bottom: 50px;
	background: url('../images/bg/comas.png') center bottom no-repeat;
}

.reviewText {
	width: calc(100% - 170px);
}

.reviewWr .flexBox {
	margin: 15px;
	padding: 15px;
	border: 1px #a7a7a7 solid;
}

.reviewText p strong {
	color: #f6bb07;
}

#reviews {
	padding: 0 0 60px 0;
}

#reviews .carousel-inner {
	padding-bottom: 30px;
}

.carousel-indicators li {
	background-color: #f6bb07;
}


.aboutTitle {
	text-align: center;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	margin-bottom: 24px;
}

#about {
	background: url('../images/bg/about.jpg') left center no-repeat;
	padding-bottom: 60px;
}

#home2 {
	background: #494343;
	padding: 25px 0;
	color: #fff;
}


#home2 .flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#home2 .img-fluid { margin-top: 8px; }

#home2 #top-a-2 .flexBox .custom { flex: 0 0 280px; }
#home2 #top-b-2 .flexBox .custom { flex: 0 0 170px; }
#home2 .custom p { margin-bottom: 0; }
#home2 .custom .icon { padding-left: 26px; line-height: 26px; }

#home2 .custom .icon-marker { background: url('../images/icons/yellow/icon-location-22x22.png') left center no-repeat; }
#home2 .custom .icon-envelope { background: url('../images/icons/yellow/icon-envelope-22x22.png') left center no-repeat; }
#home2 .custom .icon-fax { background: url('../images/icons/yellow/icon-fax-22x22.png') left center no-repeat; }
#home2 .custom .icon-call { background: url('../images/icons/yellow/icon-call-22x22.png') left center no-repeat; }

#home2 a { color: #fff; }
#home2 a span { font-size: 0.85rem; }


#home2 .btn-callback { margin: 0; padding: 7px 18px; text-align: center; background: #ffcd02; cursor: pointer; border-radius: 18px; }


#rules ul { margin: 0; padding: 0; list-style: none; }
#rules ul a { font-size: 14px; color: #999; padding-left: 0; text-decoration: underline; }
#rules ul a:hover, #rules ul a:focus,
#iteam a:hover, #iteam a:focus { text-decoration: underline; color: #fff; }
#cright { color: #999; font-size: 14px; }
#iteam a {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	color: #999;
	text-decoration: underline;
	justify-content: flex-end;
}

#iteam a img { margin-left: 5px; }

.art-apis-form {
	width: 100%;
}

#system-message a.close {
	display: none;
}

#sysMsg .modal-content,
#callbackNow .modal-content {
	background-image: url('../images/modal-bg.jpg');
	background-size: cover;
}

.fbox-buyBtn {
	cursor: pointer;
}