@import url('reset.css'); @import url('../fonts/roboto/roboto.css'); @import url('bootstrap.css'); .font-main { font-family: "roboto"; } .font-light { font-family: "roboto"; font-weight: 300; } a { color: #4e681a; text-decoration: none; transition: .3s; } a:hover { opacity: .7; } a:hover { opacity: .7; text-decoration: none; } .conf { cursor: pointer; text-decoration: none; } .y_button { background: darkred; border: 3px solid #feebce; border-radius: 10px 0 10px 0; box-shadow: 2px 2px 0 #fff inset,-2px -2px 0 #fff inset; color: #fff; cursor: pointer; display: block; font-size: 18px; font-weight: 600; margin-bottom: 20px; overflow: hidden; padding: 10px 20px; position: relative; text-align: center; transition: .3s; } .y_button:hover { border: 3px solid #c2e899; opacity: 1; } .blue_button { background: darkred; font-weight:bold; border: 1px solid #2685ad; border-radius: 10px 0 10px 0; color: #fff; cursor: pointer; display: block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a8d4', endColorstr='#2a91bc', GradientType=1); padding: 10px 20px; text-align: center; text-decoration: none; } .form_control .testyou { display: none; } .form_control input,.form_control textarea { border: 1px solid #faad39; padding: 14px; transition: .2s; width: 100%; } .form_control input:focus,.form_control textarea:focus { box-shadow: 0 0 28px rgba(250,173,57,0.7); } .miniform { border-left: 4px solid #faad39; border-right: 4px solid #A9DF6F; padding: 30px; position: relative; } .miniform:before { background: #faad39; background: linear-gradient(to right, #faad39 0, #A9DF6F 100%); background: -o-linear-gradient(left, #faad39 0, #A9DF6F 100%); background: -webkit-linear-gradient(left, #faad39 0, #A9DF6F 100%); content: ""; display: block; height: 4px; left: 0; position: absolute; top: 0; width: 100%; } .miniform:after { background: #faad39; background: linear-gradient(to right, #faad39 0, #A9DF6F 100%); background: -o-linear-gradient(left, #faad39 0, #A9DF6F 100%); background: -webkit-linear-gradient(left, #faad39 0, #A9DF6F 100%); bottom: 0; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 100%; } .miniform p { font-size: 22px; font-weight: 400; margin-bottom: 30px; text-align: center; } .miniform .y_button { width: 100%; } h1 { font-size: 28px; font-weight: 600; margin-bottom: 40px; margin-top: 0; position: relative; text-align: center; } h1:after { background: #faad39; background: linear-gradient(to right, #faad39 35%, #8ceb02 51%, #faad39 67%); background: -o-linear-gradient(left, #faad39 35%, #8ceb02 51%, #faad39 67%); background: -webkit-linear-gradient(left, #faad39 35%, #8ceb02 51%, #faad39 67%); content: ""; display: block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad39', endColorstr='#faad39', GradientType=1); height: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -10px; width: 88px; } h1:before { background: #faad39; background: linear-gradient(to right, #faad39 35%, #8ceb02 51%, #faad39 67%); background: -o-linear-gradient(left, #faad39 35%, #8ceb02 51%, #faad39 67%); background: -webkit-linear-gradient(left, #faad39 35%, #8ceb02 51%, #faad39 67%); bottom: -10px; content: ""; display: block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad39', endColorstr='#faad39', GradientType=1); height: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 88px; } h2 { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 30px; margin-top: 0; } h2.line_header { display: inline-block; font-size: 24px; margin-bottom: 0; padding-bottom: 40px; position: relative; text-align: center; } h2.line_header:after { background: #faad39; bottom: 30px; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 50%; } h2.line_header:before { background: #A9DF6F; bottom: 30px; content: ""; display: block; height: 4px; position: absolute; right: 0; width: 50%; } .block_header { color: #494646; } body { background: url(../img/main_bg.png) no-repeat top center; color: #333; font-family: "roboto"; } img { max-width: 100%; } p { margin-bottom: 0; } strong { font-weight: 600; } *:focus { outline: none; } .por { position: relative; } .wrapper { background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,0.3); margin-bottom: 40px; padding: 30px; } header { padding: 25px 0; } header .mobile_menu { display: none; } header .mobile_menu i { display: inline-block; padding-right: 10px; } header .mobile_menu i span { background: #444; box-shadow: 1px 1px 0 rgba(255,255,255,0.3); display: block; height: 3px; margin-bottom: 4px; position: relative; top: 4px; width: 22px; } header .logo_box { text-align: center; } header .logo_box a { color: #faad39; font-size: 18px; font-weight: 600; text-align: center; } header .logo_box a p { line-height: 29px; } header .logo_box img { padding-bottom: 10px; } header .adress_box .adress { font-size: 18px; font-weight: 600; margin-bottom: 6px; padding-left: 40px; position: relative; } header .adress_box .adress:before { color: #A9DF6F; content: "\f041"; display: block; font-family: fontawesome; font-size: 20px; left: 0; position: absolute; top: 0; } header .adress_box .adress span { color: #666; display: block; font-size: 16px; font-weight: 300; } header .adress_box .worktime { color: #666; font-size: 18px; padding-left: 40px; position: relative; } header .adress_box .worktime:before { color: #A9DF6F; content: "\f017"; display: block; font-family: fontawesome; font-size: 20px; left: 0; position: absolute; top: -2px; } header .contact_box i { color: #A9DF6F; padding-right: 10px; } header .contact_box .phone { font-size: 21px; font-weight: 600; line-height: 32px; margin-bottom: 10px; padding-left: 30px; position: relative; } header .contact_box .phone:before { color: #A9DF6F; content: "\f10b"; display: inline-block; font-family: fontawesome; font-weight: normal; left: 0; padding-right: 17px; top: 0; } header .contact_box .y_button { float: right; margin-bottom: 10px; max-width: 300px; } header .contact_box .mail { font-size: 18px; font-weight: 600; } header .contact_box .mail a { color: #333; } header .contact_box .mail .fa { display: none; } header .menu_row { background: #a4dd72; background: linear-gradient(to right, #a4dd72 0, #ccde69 50%, #aedd71 100%); background: -moz-linear-gradient(left, #a4dd72 0, #ccde69 50%, #aedd71 100%); background: -webkit-linear-gradient(left, #a4dd72 0, #ccde69 50%, #aedd71 100%); box-shadow: 0 5px 8px rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4dd72', endColorstr='#aedd71', GradientType=1); margin-top: 25px; width: 100%; } header .menu_row ul { display: flex; justify-content: center; margin-bottom: 0; } header .menu_row ul li a { color: #333; display: inline-block; font-size: 18px; font-weight: 400; opacity: .7; padding: 20px; position: relative; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); text-transform: uppercase; } header .menu_row ul li a:after { background: #b3b3b3; content: ""; display: block; height: 22px; position: absolute; right: 0; top: 20px; width: 1px; } header .menu_row ul li a:hover { opacity: 1; } header .menu_row ul li.active a { opacity: 1; } header .menu_row ul li:last-child a:after { display: none; } .slider_block { margin-bottom: 50px; margin-top: -25px; } .slider_block .bx-controls { display: none; } .slider_block .slider_header { display: inline-block; font-size: 42px; line-height: 50px; margin-bottom: 25px; } .slider_block .y_button { max-width: 300px; } .slider_block .slider_content { display: none; left: 0; margin: 0 auto; padding: 50px 0; position: absolute; text-align: right; top: 0; width: 100%; } .sidebar .sidebar_block { border: 1px solid #ddd; margin-bottom: 40px; padding: 20px; } .sidebar .sidebar_block .block_header { background: #f4fbec; background: #fef5e7; background: linear-gradient(45deg, #f4fbec 1%, #fef5e7 100%); background: -moz-linear-gradient(45deg, #f4fbec 1%, #fef5e7 100%); background: -webkit-linear-gradient(45deg, #f4fbec 1%, #fef5e7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4fbec', endColorstr='#fef5e7', GradientType=1); font-size: 18px; font-weight: 600; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; margin-top: -20px; padding: 10px 20px; } .sidebar .sidebar_block ul li { padding-bottom: 5px; padding-left: 15px; position: relative; } .sidebar .sidebar_block ul li:before { color: #5d9421; content: "\f0da"; display: inline; font-family: fontawesome; left: 0; padding-right: 10px; position: absolute; top: 0; transition: .3s; } .sidebar .sidebar_block ul li:hover:before { color: #faad39; } .sidebar .sidebar_block ul li a { color: #333; font-size: 16px; } .content_box .promo_block_one h2 { text-align: center; } .content_box .promo_block_one div { margin-bottom: 40px; text-align: center; } .content_box .promo_block_one div img { padding-bottom: 20px; } .content_box .promo_block_one div .block_header { font-size: 18px; font-weight: 600; margin-bottom: 20px; min-height: 50px; } .content_box ul { margin-bottom: 15px; } .content_box ul li { list-style: disc inside; padding-bottom: 8px; padding-left: 10px; } .content_box p { margin-bottom: 15px; } .content_box table { margin-bottom: 30px; width: 100%; } .content_box table thead tr { background: rgba(169,223,111,0.1); font-weight: 600; } .content_box table tr:nth-child(even) { background: rgba(250,173,57,0.1); } .content_box table td { border: 1px solid #ddd; padding: 10px; } footer { background: #A9DF6F; border-top: 1px solid #84d130; color: #28410e; padding: 40px 0; } footer .block_header { font-size: 18px; font-weight: 600; padding-bottom: 20px; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); } footer .phone { font-size: 16px; letter-spacing: .09em; margin-bottom: 10px; } footer .fa { padding-right: 10px; } footer a { color: #28410e; } footer .social_box ul { margin-bottom: 0; } footer .social_box ul li { display: inline-block; padding-bottom: 5px; } footer .social_box ul li .fa { font-size: 36px; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); } footer .logo_box { margin-bottom: -40px; margin-right: -30px; margin-top: -40px; } footer .logo_box img { max-height: 200px; } .promo_block { margin-bottom: 50px; } .promo_block .block_header { color: #494646; font-size: 26px; font-weight: 600; margin-bottom: 25px; } .promo_block p { font-size: 16px; font-weight: 400; margin-bottom: 15px; } .promo_block .more { color: #faad39; display: block; font-size: 22px; font-style: italic; font-weight: 600; line-height: 43px; text-align: center; text-decoration: underline; } .causes_box { margin-bottom: 40px; text-align: center; } .causes_box .item { margin-bottom: 20px; } .causes_box .item img { padding-bottom: 15px; } .causes_box .item .block_header { font-size: 22px; font-weight: 600; margin-bottom: 20px; min-height: 40px; } .sale_box { border-left: 4px solid #faad39; border-right: 4px solid #A9DF6F; margin-bottom: 40px; padding: 30px; position: relative; width: 100%; } .sale_box:after,.sale_box:before { background: #faad39; background: linear-gradient(to right, #faad39 0, #A9DF6F 100%); background: -o-linear-gradient(left, #faad39 0, #A9DF6F 100%); background: -webkit-linear-gradient(left, #faad39 0, #A9DF6F 100%); bottom: 0; content: ""; display: block; height: 8px; left: 0; position: absolute; width: 100%; } .sale_box:before { top: 0; } .sale_box .blue_button { margin-top: 45px; } .sale_box .block_header { font-size: 22px; font-weight: 600; } .sale_box .logo_box { margin-bottom: 30px; } .sale_box .subheader { color: #333; font-size: 28px; text-align: center; } .sale_box .y_button { margin-bottom: 0; } .sale_box ul li { font-size: 18px; list-style: none; padding-left: 20px; position: relative; } .sale_box ul li:before { background: #faad39; content: ""; display: block; height: 7px; left: 0; position: absolute; top: 4px; width: 7px; } .mini_gallery_block { margin-bottom: 40px; text-align: center; } .mini_gallery_block .cage { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } .mini_gallery_block img { max-width: 100%; } .mini_gallery_block .main_img { max-width: 57%; } .mini_gallery_block .more_img { max-width: 29%; } .team_block { margin-bottom: 80px; text-align: center; } .team_block .blue_button { margin: 0 auto; max-width: 300px; } .team_block .team_photos { display: flex; justify-content: space-between; margin-bottom: 40px; overflow: hidden; width: 100%; } .team_block .team_photos img { padding-right: 20px; } .video_block { margin-bottom: 80px; text-align: center; } .video_block iframe { max-width: 100%; } .video_block .item { margin-bottom: 40px; } .video_block .blue_button { margin: 0 auto; max-width: 300px; } .testimonial_block { margin-bottom: 80px; text-align: center; } .testimonial_block .testimonial_box { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; max-width: 80%; } .testimonial_block .testimonial_box .item { overflow: hidden; padding: 20px; text-align: left; width: 50%; } .testimonial_block .testimonial_box .item .img_box { border-radius: 400px; float: left; margin-right: 20px; overflow: hidden; width: 40%; } .testimonial_block .testimonial_box .item .text_box { float: right; width: 54%; } .testimonial_block .testimonial_box .item .text_box .block_header { font-weight: 600; } .adress_block { margin-bottom: 40px; text-align: center; } .adress_block .adress_box { font-size: 18px; font-weight: 600; margin: 40px 0; padding-left: 30%; position: relative; text-align: left; } .adress_block .adress_box span { display: block; font-size: 16px; font-weight: 300; } .adress_block .adress_box:before { color: #A9DF6F; content: "\f041"; display: block; display: inline-block; float: left; font-family: FontAwesome; margin-bottom: 30px; padding-right: 20px; } .adress_block .work_hours { font-size: 18px; text-align: center; } .adress_block .work_hours:before { color: #A9DF6F; content: "\f017"; display: inline-block; font-family: FontAwesome; padding-right: 20px; } .categories_block { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 60px; margin-left: -30px; margin-right: -30px; } .categories_block .item { margin-bottom: 30px; margin-left: 15px; margin-right: 15px; position: relative; width: 29%; } .categories_block .item .header_box { background: rgba(255,255,255,0.6); border: 1px solid #faad39; height: 92%; left: 4%; position: absolute; text-align: center; top: 4%; width: 92%; } .categories_block .item .header_box p { left: 0; position: absolute; right: 0; top: 30%; } .categories_block .item .header_box p a { color: #333; font-size: 18px; font-weight: 600; } .categories_block .item .header_box p a:after { background: #faad39; background: linear-gradient(to right, #faad39 35%, #8ceb02 51%, #faad39 67%); background: -o-linear-gradient(left, #faad39 35%, #8ceb02 51%, #faad39 67%); background: -webkit-linear-gradient(left, #faad39 35%, #8ceb02 51%, #faad39 67%); bottom: -10px; content: ""; display: block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad39', endColorstr='#faad39', GradientType=1); height: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 90px; } .categories_block2 { margin-bottom: 60px; } .categories_block2 .item { line-height: 0; margin-bottom: 30px; position: relative; text-align: center; } .categories_block2 .item .line_divider { margin-top: 50px; } .categories_block2 .item img { border: 1px solid #faad39; } .categories_block2 .item a { color: #422200; height: 100%; left: 0; position: absolute; width: 100%; z-index: 5000; } .categories_block2 .item a p { line-height: 30px; } .categories_block2 .header_block { color: #422200; font-size: 30px; left: 0; position: absolute; right: 0; text-align: center; top: 100px; width: 100%; } .categories_block2 .block_header { font-size: 18px; font-weight: 600; text-align: center; } .vidgets_block { margin-bottom: 60px; text-align: center; } .price_table td { font-size: 18px; font-weight: 600; padding: 13px; text-align: center; } .table_price_block { margin-bottom: 80px; } .mini_categories_block { display: flex; justify-content: space-between; margin-bottom: 80px; } .mini_categories_block .item { position: relative; } .mini_categories_block .block_header { background: rgba(255,255,255,0.8); padding: 5px 0; position: absolute; text-align: center; top: 30%; } .mini_categories_block .block_header a { color: #333; font-size: 17px; } .miniform { margin-bottom: 80px; } .additional_content { margin-bottom: 80px; } video { max-width: 100%; } .line_divider { position: relative; width: 100%; } .line_divider:after { background: #faad39; background: linear-gradient(to right, #faad39 35%, #8ceb02 51%, #faad39 67%); background: -o-linear-gradient(left, #faad39 35%, #8ceb02 51%, #faad39 67%); background: -webkit-linear-gradient(left, #faad39 35%, #8ceb02 51%, #faad39 67%); bottom: 15px; content: ""; display: block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad39', endColorstr='#faad39', GradientType=1); height: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 88px; } .promo_block_two { margin-bottom: 80px; text-align: center; } .promo_block_two .block_header { font-size: 18px; font-weight: 600; margin-top: 20px; text-align: center; } .sitemap ul li { list-style: none; padding-left: 0; } .sitemap ul li a { font-size: 18px; } .sitemap ul li ul { margin-bottom: 0; padding-left: 15px; padding-top: 5px; } .sitemap ul li ul li:last-child { padding-bottom: 0; } .sitemap_link { display: inline-block; font-size: 18px; padding-top: 15px; } .company_logo { bottom: 20px; position: relative; right: 30px; } .company_logo img { bottom: 3px; left: 10px; position: relative; } #modal_form { display: none; } .fancybox-container .miniform { margin-bottom: 0; } .jGrowl { z-index: 999999999999 !important; } .promo_block .more { text-align: left !important; } @media screen and (max-width:480px) { .bx-wrapper { display: none !important; } .promo_block { border-bottom: 1px dotted; margin-bottom: 50px; padding-bottom: 50px; } .img_box_mob { margin-top: 20px; } } .consultation-bg { align-items: center; background: url(../img/bg-form.png) no-repeat; display: flex; flex-wrap: wrap; height: 295px; justify-content: flex-end; margin: 20px 0; ms-flex-wrap: wrap; webkit-align-items: center; webkit-flex-wrap: wrap; webkit-justify-content: flex-end; } .consultation-form { background: linear-gradient(155deg, rgba(155,180,82,0.96) 2%, rgba(178,205,97,0.96) 17%, rgba(181,208,99,0.96) 19%, #d6e89d 47%, #d2e597 50%, #b5d063 75%, #9bb452 100%); background: -moz-linear-gradient(-45deg, rgba(155,180,82,0.96) 2%, rgba(178,205,97,0.96) 17%, rgba(181,208,99,0.96) 19%, #d6e89d 47%, #d2e597 50%, #b5d063 75%, #9bb452 100%); background: -webkit-linear-gradient(-45deg, rgba(155,180,82,0.96) 2%, rgba(178,205,97,0.96) 17%, rgba(181,208,99,0.96) 19%, #d6e89d 47%, #d2e597 50%, #b5d063 75%, #9bb452 100%); display: flex; flex-wrap: wrap; height: 240px; margin-bottom: 10px; ms-flex-wrap: wrap; padding: 20px 0; padding-right: 0; position: relative; right: 40px; webkit-flex-wrap: wrap; width: 450px; } .consultation-title { color: #fff; font-family: "Roboto"; font-size: 30px; margin: auto; margin-bottom: 20px; } .consultation-input { background: transparent; border: none; border-bottom: 2px solid #fff; color: #FFF; font-family: "Roboto"; font-size: 20px; font-style: italic; height: 30px; margin-bottom: 20px; margin-left: 50px; width: 70%; } .consultation-btn { background: #9db654; background: linear-gradient(65deg, #9db654 0, #c9e772 50%, #9db654 100%); background: -moz-linear-gradient(45deg, #9db654 0, #c9e772 50%, #9db654 100%); background: -webkit-linear-gradient(45deg, #9db654 0, #c9e772 50%, #9db654 100%); border: 2px solid #fff; color: #FFF; font-family: "Roboto"; font-size: 20px; margin-left: 50px; padding: 2px 20px; } ::-webkit-input-placeholder { color: #FFF; opacity: 1; } ::-moz-placeholder { color: #FFF; opacity: 1; } :-moz-placeholder { color: #FFF; opacity: 1; } :-ms-input-placeholder { color: #FFF; opacity: 1; } .tableTransform { text-align: center!important; } .table_price_block { margin-bottom: 0px!important; } .tableTransform tbody tr td:first-child { text-align: left!important; } .tableTransform tbody tr td { vertical-align: middle; } img { max-width: 100%; height: auto !important; }