@charset "utf-8";
html {
min-width: 480px;
body {
min-height: 100vh;
font-size: 16px;
font-family: 'Roboto', 'sans-serif', 'Times New Roman';
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
overflow-x: hidden;
}
}
body.custom-background {
background-size: cover;
}
/* BREADCRUMB */
.breadcrumbs {
margin-top: 30px;
.crumbs {
color: #fff;
font-weight: 300;
font-size: 12px;
span {
a {
color: #fff;
}
}
}
}
.content {
max-width: 1400px;
margin: 0 auto;
background-color: #fff;
-webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
}
.content-home-page {
background-image: url(../img/bg-home-page.jpg);
background-repeat: no-repeat;
background-position: 50% 106%;
}
.content-other-page {
background-image: url(../img/bg-other-page.jpg);
background-repeat: no-repeat;
background-position: 50% 100%;
}
.first_block {
background-color: #fff;
position: relative;
.big-image {
position: relative;
background-color: #fff;
}
.content_for_title {
width: 1400px;
position: absolute;
top: 55%;
.service_cat_title {
h1 {
font-size: 2.25em;
margin: 0;
font-weight: 600;
}
color: #fff;
.title_block {
margin-top: 20px;
font-weight: 300;
font-size: 1em;
}
}
}
.first_block_wraper {
position: absolute;
top: 0;
z-index: 50;
width: 100%;
.logo {
margin-top: 30px;
a {
text-decoration: none;
h1 {
color: #FFF;
margin: 0;
padding: 0;
font-size: 1em;
.company_name {
font-size: 2.25em;
letter-spacing: 1px;
font-weight: bold;
}
.company_descript {
font-size: 0.75em;
font-weight: 300;
padding-top: 1px;
letter-spacing: 1px;
}
}
}
}
.first_block_nav_menu {
margin-top: 45px;
padding-left: 10px;
li {
display: inline-block;
padding-left: 10px;
a {
color: white;
display: block;
font-size: 1em;
font-weight: 300;
}
a:hover {
color: #FFF500;
}
margin-left: 10px;
}
li:first-child {
margin-left: 0;
}
.current-menu-item {
a {
text-decoration: underline;
}
}
}
.phone_block {
margin-top: 30px;
.phone {
font-size: 1em;
color: #ffffff;
font-weight: 600;
text-align: right;
}
.phone2 {
font-size: 0.875em;
text-align: right;
color: #fff;
}
.questions {
width: 195px;
a {
display: block;
font-size: 0.875em;
font-weight: 300;
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none;
}
}
}
}
.nav-slide {
color: #fff;
}
}
.second_block {
position: relative;
min-height: 400px;
.preline {
height: 85px;
position: relative;
h2 {
margin-top: 50px;
text-align: center;
font-size: 1.375em;
font-weight: bold;
background-image: url(../img/line-1-min.png);
background-repeat: no-repeat;
background-position: 50% 25%;
span {
font-size: 0.7em;
font-weight: lighter;
}
}
}
.second_block_menus {
h4 {
font-size: 16px;
}
ul {
margin-top: 20px;
padding: 0;
li {
list-style: none;
height: 26px;
a {
color: #000;
font-weight: 300;
font-size: 16px;
text-decoration: underline;
}
a:hover {
color: #275f32;
}
}
}
}
}
.third_block {
position: relative;
min-height: 275px;
.preline {
height: 85px;
position: relative;
h2 {
margin-top: 50px;
text-align: center;
font-size: 1.375em;
font-weight: bold;
background-image: url(../img/line-2-min.png);
background-repeat: no-repeat;
background-position: 50% 25%;
span {
font-size: 0.7em;
font-weight: lighter;
}
}
}
.third_block_items {
.img_inner1 {
width: 45px;
height: 45px;
overflow: hidden;
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.img_inner2 {
width: 45px;
height: 45px;
overflow: hidden;
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-position: -45px 0;
}
.img_inner3 {
width: 45px;
height: 45px;
overflow: hidden;
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-position: -90px 0;
}
.img_inner4 {
width: 45px;
height: 45px;
overflow: hidden;
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-position: -135px 0;
}
.img_inner5 {
width: 45px;
height: 45px;
overflow: hidden;
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-position: -180px 0;
}
.img_inner6 {
width: 45px;
height: 45px;
overflow: hidden;
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-position: -225px 0;
}
p {
text-align: center;
font-size: 0.875em;
font-weight: 400;
margin-top: 1em;
}
}
}
.fourth_block {
position: relative;
min-height: 300px;
.preline {
height: 85px;
position: relative;
h2 {
margin-top: 50px;
text-align: center;
font-size: 1.375em;
font-weight: bold;
background-image: url(../img/line-3-min.png);
background-repeat: no-repeat;
background-position: 50% 25%;
span {
font-size: 0.7em;
font-weight: lighter;
}
}
}
p {
color: #151515;
font-size: 1em;
font-weight: 300;
}
.button_to_order {
height: 80px;
padding-top: 30px;
padding-bottom: 15px;
a {
display: block;
color: #fff;
width: 200px;
height: 35px;
border-radius: 10px;
background-color: #00cc00;
text-align: center;
line-height: 35px;
font-size: 1em;
font-weight: bold;
}
a:hover {
-webkit-box-shadow: 0px 3px 25px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow: 0px 3px 25px 0px rgba(50, 50, 50, 0.65);
box-shadow: 0px 3px 25px 0px rgba(50, 50, 50, 0.65);
}
}
}
.home_page_footer {}
.other_page_footer {}
footer {
min-height: 580px;
margin-top: 40px;
.footer_line {
width: 100%;
border-bottom: 2px solid #151515;
}
.logo_black {
margin-top: 50px;
margin-bottom: 40px;
a {
text-decoration: none;
.company {
color: #000;
margin: 0;
padding: 0;
font-size: 1em;
.company_name {
font-size: 2.25em;
letter-spacing: 1px;
font-weight: bold;
line-height: 40px;
}
.company_descript {
font-size: 0.75em;
font-weight: 300;
padding-top: 1px;
letter-spacing: 1px;
}
}
}
}
.footer-site-menu {
padding: 0;
margin: 0;
li {
list-style-type: none;
height: 35px;
a {
text-decoration: underline;
color: #000;
font-weight: 300;
}
a:hover {
color: #275f32;
}
}
.active {
a {
font-weight: 600;
}
}
}
.footer-category-menu {
padding: 0;
margin: 0;
li {
list-style-type: none;
height: 35px;
a {
text-decoration: underline;
color: #000;
font-weight: 300;
}
a:hover {
color: #275f32;
}
}
.active {
a {
font-weight: 600;
}
}
}
.footer_adress {
@media (max-width: 767px) {
margin-top: 20px;
}
li {
list-style: none;
text-align: right;
font-weight: 300;
a {
text-decoration: underline;
}
}
@media (max-width: 767px) {
li {
text-align: center;
}
}
.adress, .phones, .mail {
font-weight: 600;
}
}
.footer_seo_block {
p {
margin-top: 15px;
margin-bottom: 40px;
font-size: 0.625em;
color: #000;
}
}
.dowm_footer {
border-top: 1px solid #000;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 0.75em;
.company_name_footer {}
.company_site_builder {
a {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
}
}
}
/* NEWS PAGE */
.news-content {
margin: 60px 0px;
.one_news {
margin: 30px 0px;
.news_img {
width: 180px;
height: 110px;
padding: 5px;
overflow: hidden;
display: inline-block;
}
.news_content {
display: inline-block;
height: 106px;
overflow: hidden;
padding: 5px;
width: 800px;
font-weight: 300;
a {
color: #1b1b1b;
}
a:hover {
text-decoration: none;
}
}
.news_title {
font-size: 22px;
font-weight: 600;
}
}
.one_news:first-child {
margin-top: 0;
}
.one_news:last-child {
margin-bottom: 0;
}
}
/* SINGLE PAGE SERVICE*/
.single_first_block {
background-color: #fff;
position: relative;
.big-image {
position: relative;
background-color: #fff;
}
.first_block_wraper {
position: absolute;
top: 0;
z-index: 50;
width: 100%;
.logo {
margin-top: 30px;
a {
text-decoration: none;
h1 {
color: #FFF;
margin: 0;
padding: 0;
font-size: 1em;
.company_name {
font-size: 2.25em;
letter-spacing: 1px;
font-weight: bold;
}
.company_descript {
font-size: 0.75em;
font-weight: 300;
padding-top: 1px;
letter-spacing: 1px;
}
}
}
}
.first_block_nav_menu {
margin-top: 45px;
padding-left: 10px;
li {
display: inline-block;
padding-left: 10px;
a {
color: white;
display: block;
font-size: 1em;
font-weight: 300;
}
a:hover {
color: #FFF500;
}
margin-left: 10px;
}
li:first-child {
margin-left: 0;
}
.current-menu-item {
a {
text-decoration: underline;
}
}
}
.phone_block {
margin-top: 30px;
.phone {
font-size: 1em;
color: #ffffff;
font-weight: 600;
text-align: right;
}
.phone2 {
font-size: 0.875em;
text-align: right;
color: #fff;
}
.questions {
width: 195px;
a {
display: block;
font-size: 0.875em;
font-weight: 300;
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none;
}
}
}
}
.nav-slide {
color: #fff;
}
.content_for_title {
width: 1400px;
position: absolute;
top: 55%;
.single_title {
h1 {
font-size: 2.25em;
margin: 0;
font-weight: 600;
}
color: #fff;
.title_block {
margin-top: 20px;
font-weight: 300;
font-size: 1em;
}
}
}
}
.single_second_block {
.single_default_content {
margin-top: 50px;
font-weight: 300;
}
}
/* SERVICE all */
.service_cat_first_block {
background-color: #fff;
position: relative;
.big-image {
position: relative;
background-color: #fff;
}
.first_block_wraper {
position: absolute;
top: 0;
z-index: 50;
width: 100%;
.logo {
margin-top: 30px;
a {
text-decoration: none;
h1 {
color: #FFF;
margin: 0;
padding: 0;
font-size: 1em;
.company_name {
font-size: 2.25em;
letter-spacing: 1px;
font-weight: bold;
}
.company_descript {
font-size: 0.75em;
font-weight: 300;
padding-top: 1px;
letter-spacing: 1px;
}
}
}
}
.first_block_nav_menu {
margin-top: 45px;
padding-left: 10px;
li {
display: inline-block;
padding-left: 10px;
a {
color: white;
display: block;
font-size: 1em;
font-weight: 300;
}
a:hover {
color: #FFF500;
}
margin-left: 10px;
}
li:first-child {
margin-left: 0;
}
.current-menu-item {
a {
text-decoration: underline;
}
}
}
.phone_block {
margin-top: 30px;
.phone {
font-size: 1em;
color: #ffffff;
font-weight: 600;
text-align: right;
}
.phone2 {
font-size: 0.875em;
text-align: right;
color: #fff;
}
.questions {
width: 195px;
a {
display: block;
font-size: 0.875em;
font-weight: 300;
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none;
}
}
}
}
.nav-slide {
color: #fff;
}
.content_for_title {
width: 1400px;
position: absolute;
top: 55%;
.service_cat_title {
h1 {
font-size: 2.25em;
margin: 0;
font-weight: 600;
}
color: #fff;
.title_block {
margin-top: 20px;
font-weight: 300;
font-size: 1em;
}
}
}
}
.service_cat_second_block {
background: url(../img/img_service/left.png) 0 10% no-repeat, url(../img/img_service/right.png) 100% 50% no-repeat;
.service_cat_default_content {
margin-top: 100px;
min-height: 85vh;
h3 {
margin: 0 0 10px 0;
font-weight: 600;
font-size: 1.375em;
color: #151515;
}
p {
margin: 0 0 20px;
color: #151515;
font-size: 1em;
font-weight: 300;
}
.post_list {
margin: 20px 0 70px 0;
padding: 0;
li {
list-style-type: none;
height: 26px;
a {
text-decoration: underline;
color: #404040;
font-weight: 300;
}
a:hover {
color:#275f32;
}
}
}
}
}
/* CONTACT */
.contact-page {
min-height: 30vh;
padding: 50px 0px;
.first-contacts, .second-contacts {
padding: 0;
margin: 0;
li {
list-style-type: none;
}
}
}
/* MODAL1*/
#modal1, #modal2, #modal3 {
.modal-dialog {
margin-top: 100px;
}
.modal-content {
padding: 20px;
}
}