/*
Theme Name: Перила, НПФ "Престиж"
Author: Роман Смирнов
Version: 1.0
*/

html,body { background:url('./img/bg3.jpg') #eee;font-size:16px;color:#444;line-height:1.5; }
* { font-family: 'Roboto Condensed', sans-serif;margin:0;padding:0;border:0px;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }

img { display:block; }

a { color:#3679ac;text-decoration:underline; }
a:hover { text-decoration:none; }

h1 { font-size:32px;font-weight:bold;margin-bottom:5px; }
h2 { font-size:26px;font-weight:bold;margin-bottom:10px; }
h3 { font-size:22px;font-weight:bold;margin-bottom:10px; }
h4 { font-size:18px;margin-bottom:10px; }

.clear:after { content: "";display: table;clear: both; }
.center { text-align:center; }

.button { display:inline-block;padding:10px 50px;font-size:20px;text-decoration:none;text-transform:uppercase;text-align: center;cursor:pointer;border-radius:10px; }
.button.orange { background:#eccd4d;color:#333;border:3px solid transparent; }
.button.orange:hover { background:transparent;color:#333;border:3px solid #eccd4d; }
.button.orangew { background:#eccd4d;color:#333;border:3px solid transparent; }
.button.orangew:hover { background:transparent;color:#fff;border:3px solid #eccd4d; }
.orange-border { border:3px solid #eccd4d;color:#fff;background:transparent; }
.orange-border:hover { background:#eccd4d;border:3px solid transparent;color:#333; }
.red-border { border:3px solid #ff0000;color:#333;background:transparent; }
.red-border:hover { background:#ff0000;border:3px solid transparent;color:#fff; }

.white { background:#fff; }

header { width:100%;z-index:10;position:absolute;top:0; }
.header-inner { max-width:1200px;margin:0 auto;position:relative;padding: 0 20px; }
.header-logo { float:left;padding: 20px 0px; }
.header-tel { float:right;text-align:right;padding: 17px 0px;display: flex;flex-direction: row; }
.header-tel > div:nth-of-type(1) { display: flex;flex-direction: row;padding-right: 30px;align-items:center; }
.header-tel a.phone { color:#eccd4d;text-decoration:none;font-size:32px; }
.header-tel a.callback { color:#fff;text-decoration:none;display:inline-block;border-bottom:1px dotted #fff;line-height:1.2;  }
.header-menu { max-width:1160px;margin:0 auto;border: 3px solid #eccd4d;border-left: 0px;border-right: 0px;padding:3px 0px 10px;border-radius:10px;background:rgba(0,0,0,0.3); }
.header-menu ul li { list-style:none;display:inline-block; }
.header-menu ul li a { display: block;margin:0px 10px;color:#f6f6f6;font-size:18px;text-transform:uppercase;text-decoration:none; }
.header-menu ul li a span { display:inline-block;width:32px;height:32px;position:relative;top:8px;margin-right:5px; }
.header-menu ul li:nth-of-type(1) a span { background:url('./img/icons/menu1.png'); }
.header-menu ul li:nth-of-type(2) a span { background:url('./img/icons/menu2.png'); }
.header-menu ul li:nth-of-type(3) a span { background:url('./img/icons/menu3.png'); }
.header-menu ul li:nth-of-type(4) a span { background:url('./img/icons/menu4.png'); }
.header-menu ul li:nth-of-type(5) a span { background:url('./img/icons/menu7.png'); }
.header-menu ul li:nth-of-type(6) a span { background:url('./img/icons/menu5.png'); }
.header-menu ul li:nth-of-type(7) a span { background:url('./img/icons/menu6.png'); }

.slider-sale { position:absolute;left: 50%;top: 210px;margin-left: -570px; }

header .insta-top-link { display:block;width:48px;height:48px;background: center no-repeat;background-image: url('./img/insta-icon.png');color:#f6f6f6;font-size:20px;font-weight:300;text-decoration:none;border-radius:10px; }
header .vk-top-link { display:block;width:48px;height:48px;background:#3679ac center no-repeat;background-image: url('./img/vk-icon.png');color:#f6f6f6;font-size:20px;font-weight:300;text-decoration:none;border-radius:10px;margin-right:10px; }
header .vk-top-link:hover { background-color:#2f6b98; }

.header-page { background:url('./img/order.jpg') center no-repeat;background-size:cover;padding-bottom:20px;position: relative; }
.header-tax { position: relative; }

.mainslider { width:100%;height:690px;z-index:1;position:relative; }
.mainslider .slide-item { width:100%;height:690px; }
.slide-inner { max-width:700px;margin:0 auto;text-align:center;padding-top: 250px;position:relative; }
.slide-inner span { color:#f6f6f6;display:block;font-size:46px;text-transform:uppercase;font-weight:700; }
.slide-inner span:nth-of-type(2) { font-size:26px;font-weight:400; }
.slide-inner a.button { margin-top:20px; }

.taxonomy-top { width:100%;height:auto;padding-bottom:40px;z-index:1;top:-179px;position:relative; }
.taxonomy-title { max-width:1200px;margin:0 auto;text-align:left;padding: 250px 20px 0; }
.taxonomy-title h1 { color:#f6f6f6;display:block;font-size:46px;text-transform:uppercase;font-weight:700; }
.taxonomy-buttons { margin-top:40px; }
.taxonomy-buttons a { margin:0px 10px; }
.taxonomy-top-text { width:70%;font-size:18px;color:#ccc; }

.mainslider .slick-arrow { width:43px;height:70px;position:absolute;top:50%;margin-top:-35px;background:url('./img/big-arrows.png');cursor:pointer;text-indent:-9999px;z-index:1; }
.mainslider .slick-prev { background-position:0 0;margin-right: 430px;right: 50%; }
.mainslider .slick-prev:hover { background-position:0 70px; }
.mainslider .slick-next { background-position:43px 0px;margin-left: 430px;left: 50%; }
.mainslider .slick-next:hover { background-position:43px 70px; }

.slick-dots { text-align:center;bottom:70px;position:relative;z-index: 5; }
.slick-dots li { display: inline-block;margin:0px 5px; }
.slick-dots li button { text-indent:-9999px;width:15px;height:15px;background:rgba(0,0,0,0.5);border-radius:8px;cursor:pointer;padding: 4px; }
.slick-dots li.slick-active button { background:#eccd4d }
.slick-dots li.slick-active { border: 2px solid #eccd4d;padding: 2px;border-radius: 15px;height: 23px; }

.underslider { max-width:1200px;margin:0 auto;background:#eccd4d;margin-top: -190px;z-index: 5;position: relative;padding:20px; }
.plus-item { width:30%;display:inline-block; }
.plus-img, .plus-text { display:table-cell;vertical-align: middle;text-align:left; }
.plus-img { width:80px;padding-right:20px; }
.plus-text span { display: block;font-size:20px; }
.plus-text p { font-size:16px;font-weight:300;line-height:1.2; }

.section { width:100%; }
.section-inner { max-width:1200px;padding:50px 0px;margin:0 auto; }
.section-title { display:inline-block;background:#333333;font-size:32px;text-transform:uppercase;color:#eccd4d;text-align:center;padding:10px 50px; }
.section-title h1 { font-size:32px;text-transform:uppercase;color:#eccd4d;text-align:center;margin-bottom:0px;font-weight:400; }
.section-slogan { width:100%;margin:20px auto 0px;font-size:18px; }
.section-slogan p { font-size:18px; }
.section-content { width:100%;text-align:left; }
.servicesmain { margin-top: -165px; }
.section-content .wp-video { margin:0 auto; }

.service-item { display: inline-block;vertical-align:top;width:25%;margin-left:-4px;padding:0px 15px;margin:30px 0px 30px -4px;text-align:center;border-bottom:3px solid transparent; }
.service-item:first-child { margin-left:0px; }
.service-item:hover { border-bottom:3px solid #eccd4d; }
.service-item:hover img { -webkit-filter: brightness(50%);filter: brightness(50%); }
.service-item img { width:100%; }
.service-item a { text-decoration:none; }
.service-item span { display:block;font-size:18px;color:#444;text-transform:uppercase;font-weight:700;padding-top:10px;width: 75%;margin: 0 auto; }

.service-archive .service-item { display: inline-block;vertical-align:top;width:33%;margin-left:-4px;padding:0px 15px;margin:20px 0px 20px -4px;text-align:center;border-bottom:3px solid transparent; }
.service-archive .service-item:hover { border-bottom:3px solid #eccd4d; }
.service-archive .service-item:nth-child(1,4,7) { margin-left:0px; }
.service-archive .service-item img { width:90%;height:auto;margin:0 auto; }

.service-item-archive { width:100%;display:table;margin: 20px 0px;padding-top: 20px;border-top: 2px solid #eccd4d; }
.service-archive-image { width:265px;display: table-cell;vertical-align: middle; }
.service-archive-image img { width:100%;border: 3px solid #444; }
.service-archive-text { display: table-cell;vertical-align: middle;padding-left: 20px; }
.service-archive-text .service-title { text-decoration: none;color: #333;font-size: 24px; }
.service-archive-text p { margin:10px 0px; }
.service-archive-price { float:left;font-size:22px;padding: 11px 0px; }
.service-archive-button { float:right; }

.service-list { width:100%;display:table;margin: 20px 0px;padding-top: 20px;border-top: 2px solid #eccd4d; }
.service-list-image, .service-list-text, .service-list-price { display:table-cell;vertical-align:middle; }
.service-list-image { width:150px; }
.service-list-image img { width:100%; }
.service-list-text { padding:0px 20px; }
.service-list-text span.service-title { display:block;font-size:24px;font-weight: 700;color:#333;text-decoration:none;margin-bottom:7px; }
.service-list-price { width:300px; }
.service-list-price span { display:block;margin-bottom:10px;font-size:20px; }

.section.steel { background:url('./img/steel.jpg') center no-repeat;background-size:cover; }
.steel .section-title { color:#eccd4d;background:transparent;padding:0px 0px 20px; }
.steel .section-inner { padding:40px 20px; }
.steel .section-content { display: table;width:100%; }
.about-text, .about-contacts { display:table-cell;vertical-align:top;color:#f6f6f6; }
.about-text { padding-right:50px; }
.about-text p { color:#f6f6f6;margin-bottom:20px; }
.about-contacts { width:300px; }

.contact-item { margin-bottom:20px; }
.contact-icon, .contact-text { display:table-cell;vertical-align: middle; }
.contact-icon { padding-right:10px; }
.contact-text span { display:block;color:#f6f6f6; }
.contact-text span:nth-of-type(1) { font-size:18px;line-height:1; }
.contact-text span:nth-of-type(2) { font-size:22px; }

.work-item { display: inline-block;vertical-align:top;width:25%;margin-left:-4px;padding:0px 15px;margin:30px 0px 30px -4px;text-align:center;position:relative; }
.work-item img { width:100%; }
.work-item .work-caption { position:absolute;top:0;bottom:0;left:15px;right:15px;background:rgba(0,0,0,0.5);padding:15px; }
.work-item .work-caption span { display:table-cell;height:140px;vertical-align:middle;color:#f6f6f6;font-size:22px;line-height:1.2; }

.news-item { font-size:22px;margin-bottom:20px; }

.section.order { background:url('./img/order.jpg') center no-repeat;background-size:100%; }
.section.order .section-inner { padding:0px; }
.section.order .section-title { background:transparent;color:#eccd4d; }
.section.order .section-slogan { color:#f6f6f6;padding:0px;margin:0 auto; }
.order-man { width:40%;float:left;margin-top:33px; }
.order-man img { margin:0 auto; }
.order-form { width:60%;float:left;padding:29px 40px 30px 0px; position: relative; }
.order-input { width:100%;display:inline-block;padding:10px 20px; }
.order-input input { width:100%;padding:7px 10px 6px;font-size:18px; }
.order-submit { margin-top: 5px; }
.order-form .wpcf7-response-output { position: absolute;bottom: 0px;left: -330px;right: 100%; }
.order-form div.wpcf7-validation-errors { background:#f7e700; }
.order-form div.wpcf7-mail-sent-ng { background:#ff0000;color: #f6f6f6; }
.order-form  div.wpcf7-mail-sent-ok { background: #398f14;color: #f6f6f6; }
.order-form span.wpcf7-not-valid-tip { position: absolute;right: 10px;top: 8px; }
.wpcf7-form-control-wrap { display:block; }

.testimonial-slider { max-width:768px;margin:30px auto; }
.testimonial-item { width:100%; }
.testimonial-img { margin-bottom:15px; }
.testimonial-img img { margin:0 auto; }
.testimonial-text { text-align:center; }
.testimonial-item a { display:inline-block;color:#c92118;text-decoration:none;margin-top:10px;border-bottom:1px dotted #c92118; }
.testimonial-item a:hover { border-bottom:1px solid transparent; }
.testimonial-slider .slick-arrow { width:25px;height:41px;position:absolute;top:50px;background:url('./img/small-arrows.png');text-indent:-9999px;cursor:pointer;z-index:1; }
.testimonial-slider .slick-arrow.slick-prev { left:50%;margin-left:-180px; }
.testimonial-slider .slick-arrow.slick-next { right:50%;margin-right:-180px;background-position:25px 0; }
.testimonial-slider .slick-arrow.slick-prev:hover { background-position:0 41px; }
.testimonial-slider .slick-arrow.slick-next:hover { background-position:25px 41px; }

.clients-slider { width:90%;margin:0 auto; }
.client-item { width:100%;padding:30px 0px; }
.client-item img { margin:0 auto; }
.clients-slider .slick-arrow { width:25px;height:41px;position:absolute;top:50px;background:url('./img/small-arrows.png');text-indent:-9999px;cursor:pointer;z-index:1; }
.clients-slider .slick-arrow.slick-prev { left:0;margin-left:-40px; }
.clients-slider .slick-arrow.slick-next { right:0;margin-right:-40px;background-position:25px 0; }
.clients-slider .slick-arrow.slick-prev:hover { background-position:0 41px; }
.clients-slider .slick-arrow.slick-next:hover { background-position:25px 41px; }

footer { background:#eccd4d; }
.footer-inner { max-width:1180px;margin:0 auto;padding:20px;position:relative;display: flex;flex-direction: row;justify-content: space-between; }
.footer-left { color:#333;padding-top:13px; }
.footer-right { color:#333;text-align:right;  }
.footer-right a { color:#333; }
.footer-center { display:flex;flex-direction: row;align-items:center; }
.vk-link { display:block;width:50px;height:50px;background:url('./img/icons/vk.png');margin-right:10px; }
.insta-link { display:block;width:50px;height:50px;background:url('./img/icons/insta.png'); }

.testimonial-archive-item { width:100%;margin:30px 0px;border-bottom: 2px solid #eccd4d;padding-bottom: 10px; }
.testimonial-archive-item .testimonial-top { width:100%;display:table;background:#f9f9f9;padding:15px 0px 15px 15px; }
.testimonial-archive-item .testimonial-top .testimonial-photo,
.testimonial-archive-item .testimonial-top .testimonial-info,
.testimonial-archive-item .testimonial-top .testimonial-link { display:table-cell;vertical-align:middle; }
.testimonial-archive-item .testimonial-top .testimonial-photo { width:100px;padding:10px; }
.testimonial-archive-item .testimonial-top .testimonial-photo img { width:80px;height:80px; }
.testimonial-archive-item .testimonial-top .testimonial-info { width:50%;padding-left:10px; }
.testimonial-archive-item .testimonial-top .testimonial-info span { display:block;font-size:22px;color:#eccd4d;text-transform:uppercase; }
.testimonial-archive-item .testimonial-top .testimonial-link { text-align:right;padding-right:30px; }
.testimonial-archive-item .testimonial-text { font-size:18px;text-align:justify;padding:20px 0px 10px; }

.page .section-content { padding:30px 20px; }
.page p { font-size:18px;margin-bottom:10px; }
.page img.size-medium, .page img.size-full { display:inline-block;margin:0px 10px; }
.page .section-title { margin:20px 0px 10px; }
.page .section-title h2 { font-size:26px;font-weight:bold;margin-bottom:0px;color:#eccd4d; }

.taxanomy-page-top { margin-top:-165px; }
.taxanomy-page .section-inner { padding-top:30px; }
.taxanomy-page .section-slogan p { margin-bottom:10px;font-size:20px; }
.taxanomy-page .section-slogan a { font-size:20px; }
.taxanomy-page .section-slogan ul { margin-left:40px; }
.taxanomy-page a.button { margin:20px 0 0 60px; }
.taxanomy-page .section-slogan strong { font-size:20px; }
.taxanomy-page .section-title { margin:20px 0px 10px; }
.taxanomy-page .section-title h2 { font-size:26px;font-weight:bold;margin-bottom:0px;color:#eccd4d; }
.taxanomy-page .kadr-item { width:200px;display:inline-block;margin:20px 20px;text-align:center;font-size:20px;font-weight:bold; }
.taxanomy-page .kadr-item img { width:150px;height:150px;border-radius:75px;margin:0 auto; }

.taxanomy-page table { width:100%;border:2px solid #eccd4d;border-right:0px;border-bottom:0px;background:#f6f6f6;margin-bottom:20px; }
.taxanomy-page table td, .taxanomy-page table th { border-bottom:2px solid #eccd4d;border-right:2px solid #eccd4d;padding:3px; }
.taxanomy-page img.size-medium { display:inline-block;margin:0px 10px; }

.taxanomy-arrow { position: absolute;bottom: 30px;left: 50%;margin-left: -66px; }
.taxanomy-arrow img { display:inline-block; }

.popup { background:#eccd4d;padding:30px;border-radius:10px;width:500px; }
.popup-title { padding-bottom:20px;font-size:28px;color:#333;font-weight:700;text-align:center; }
.popup-slogan { padding-bottom:20px;font-size:20px; }
.popup input[type=text], .popup input[type=tel] { border-radius:10px;padding:10px 15px;background:#fff;font-size:18px;margin-bottom:10px; }
.popup input[type=submit] { background:#ff3535;color:#f6f6f6;border-radius:10px;padding: 10px 40px;cursor:pointer;font-size:20px }

.sale-block { width:100%;display:table;border-bottom:1px dotted #000;margin-bottom:20px;padding-bottom:20px; }
.sale-img, .sale-text { display:table-cell;vertical-align:top; }
.sale-img { width:110px; }
.sale-img img { max-width:110px;height:auto; }
.sale-text { padding:0px 0px 0px 20px; }
.sale-text p { padding-bottom:5px; }
.sale-text .sale-title { font-size:22px;font-weight:700; }

.togglemenu { display:none; }

@media screen and (min-width:1400px) {
	.mainslider .slide-item { background-size:100% !important; }
}

@media screen and (max-width:850px) {
	.header-logo { float:none;text-align:center; }
	.header-logo a img { display:inline-block; }
	header .vk-top-link { left: 80px;top: 145px;margin-left: -60px; }
	.togglemenu { display:block;position:absolute;top:30px;left:30px; }
	.header-menu { display:none; }
	
	.header-menu { position: absolute;left: 0;top: 0;padding: 80px 20px 20px;border: 0;background: rgba(0,0,0,0.5);border-radius: 0 0 7px 0; }
	.header-menu.center { text-align:left; }
	.header-menu ul li { display:block; }

	.slide-inner { max-width:700px;margin:0 auto;text-align:center;padding-top: 300px;position:relative; }
	.slide-inner span { color:#f6f6f6;display:block;font-size:36px;text-transform:uppercase;font-weight:700; }
	.slide-inner span:nth-of-type(2) { font-size:22px;font-weight:300; }
	
	.about-text, .about-contacts { display:block;width:100%;text-align:center; }
	.about-text { padding:0; }
	.about-contacts	{ padding-top:40px; }
	.contact-item { display:inline-block;;margin-right:20px; }
	.work-item, .service-archive .service-item { width:50%; }
}

@media screen and (max-width:800px) {
	.footer-left, .footer-right { float:none; }
	.vk-link { right:40px;left:auto; }
}

@media screen and (max-width:500px) {
	header .vk-top-link { left: 50%;margin-left:0;top: 107px;right:20px;left: auto; }
	.header-tel { float:none;text-align:center;padding-top: 30px;display:block; }
	.header-tel > div:nth-of-type(1) { justify-content: center; }
	.header-logo a img { max-width:80%; }
	.togglemenu { top:120px; }
	.header-menu { padding: 160px 20px 20px; }
	.slider-sale { display:none; }
	.work-item, .service-archive .service-item { width:100%;margin:30px 0 0; }
	
	.taxonomy-top { top: -322px; }
	.taxonomy-title { padding: 330px 20px 0; }
	.taxonomy-title h1 { font-size:32px; }
	.taxonomy-top-text { width:100%; }
	.taxonomy-buttons { text-align:center; }
	.taxonomy-buttons a.button { margin-bottom:10px; }
	
	.taxanomy-page-top { margin-top: -344px; }
	
	.footer-inner { flex-direction:column; }
	.footer-inner, .footer-center { justify-content:center; }
	.footer-center { padding:20px 0; }
	.footer-right { text-align:center; }
}

@media screen and (max-width:400px) {
	.slide-inner span { font-size: 28px; }
	.vk-link { right:20px;top:auto;bottom:20px; }
}

@media screen and (max-width:360px) {
	.header-logo a img { width:280px;max-width:100%; }
	header .vk-top-link	{ padding: 15px 10px 15px 50px;font-size: 18px; }
	
	.taxonomy-title h1 { font-size: 26px;text-align: center; }
	.taxonomy-buttons a.button { padding: 6px 10px; }
}