/*
Theme Name: KTDS  Theme
Author: Смирнов Роман
Version: 1.0
*/

html,body { height: 100%;background: #dddddd;font-size:20px;color:#444;line-height:1.5; }
* { margin:0;padding:0;border:0px;font-family: 'Futura', sans-serif;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }

a { color:#444;text-decoration:underline; }
a:hover { text-decoration:none;color:#666; }

input, textarea, select { font-size:20px;color:#444; }
input[type=text], input[type=tel], input[type=email], textarea, select { width:100%;border-radius:5px;padding:8px 10px;margin-top:10px; }
select:disabled { background: #eee; }

p { margin-bottom:10px; }

img {display: block;}

h1,h2,h3,h4,b,strong { font-weight:700; }

.clear:after { content: "";display: table;clear: both; }
.no-padding { padding:0 !important; }
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }

.container { max-width:1200px;margin:0 auto;padding:0 30px; }
.table { display:table;width:100%; }
.table-cell { display: table-cell;vertical-align:middle; }
.table-row { display: table-row; }

.button { display: inline-block;padding:14px 60px 12px;text-decoration:none;cursor:pointer;font-size:24px;border-radius:5px;line-height:1;border:3px solid transparent;transition-duration:0.3s; }
.button.yellow { background: #ffc539;color:#444;border-bottom:3px solid #bf942e; }
.button.yellow:hover { background:transparent;color:#444;border:3px solid #ffc539; }
.main-screen .button.yellow:hover,.dark .button.yellow:hover { color:#eee; }

header { background:url('./images/header.jpg') top center;padding-bottom:20px; }
.header-inner { padding:20px 30px; }
.header-logo { float:left; }
.header-phone { float:right;padding: 19px 0; }
.header-phone a { text-decoration: none;font-size:28px;color:#eee;line-height:1; }
.header-phone a:before { content:url('./images/phone.png');vertical-align: middle;margin-right: 7px; }

ul.header-menu { max-width:1140px;margin:0 auto;width:100%;border-top:3px solid #eee;list-style:none;padding:10px 0; }
ul.header-menu li { display:inline-block;padding:0 12px; }
ul.header-menu li a { color:#ffc539;font-size:22px;font-weight:700;line-height:1;transition-duration:0.3s; }
ul.header-menu li a:hover { text-decoration:none;color:#fff; }
ul.header-menu li a.active { color:#fff; }

ul.header-menu.fixed { width:100%;max-width:none;background:#444;position:fixed;top:0;z-index: 100;border-top:0;border-bottom:3px solid #333;transition-duration: 0.3s; }

.main-screen { padding:30px 30px; }
.main-screen-left { width:50%; }
.main-screen-left h1 { color:#ffc539;line-height:0.8;font-size: 44px;margin-bottom:15px; }
.main-screen-left p { margin-bottom:7px;color:#eee;line-height:1.2; }
.main-screen-left a.button { margin-top:20px; }
.main-screen-right { padding-right:40px; }
.main-screen-right > div { width:340px;border-radius:50%;overflow: hidden;border:3px solid #fff;float:right; }
.main-screen-right > div > img { width:340px;filter:grayscale(100%);opacity:0.8; }

section { position: relative;overflow:hidden; }
section.dark { background:#444; }
.section-inner { max-width: 1200px;margin:0px auto;padding:60px 0px; }
.section-title { font-size:42px;color:#444;text-transform:uppercase;font-weight:700;line-height:1; }
.section-title:after { content: '';display: block;width: 100px;height: 3px;background: #ffc539;margin: 5px auto 0; }
.section-slogan { padding-bottom:20px; }
.section-slogan p { margin:0;color:#666; }
.section-content { position: relative; }
.section-content.container { padding:30px 30px 0 30px; }
section.dark .section-title { color:#f6f6f6; }
section.dark .section-content p, section.dark .section-content { color:#eee; }

.service-item { width:33.3%;padding:30px;float:left; }
.service-item-inner { background:#fff;padding:30px 0;box-shadow:0px 0px 3px rgba(0,0,0,0.05);border-radius: 5px; }
.service-item-title { font-size:24px;font-weight:700;padding:0 20px 30px;line-height:1.2; }
.service-item-list { padding:0 30px 0 50px; }
.service-item-list ul { list-style:none; }
.service-item-list ul li { line-height:1.3;padding-bottom:10px;position: relative; }
.service-item-list ul li:before { content: '';display: block;width: 10px;height: 10px;border-radius: 50%;background: #ffc539;position: absolute;top: 8px;left: -20px; }

.work-item { width:25%;float:left;padding:30px; }
.work-item-inner { position: relative; }
.work-item-image { width:100%;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.05); }
.work-item-image img { max-width:100%;margin:0 auto; }
.work-item-title { padding-top:10px;font-weight:700; }
.work-item-link { position: absolute;top:0;bottom:0;left:0;right:0; }

.price-list-table, .price-list-consult { width:90%;margin:0 auto; }
.price-list-consult { margin-top:40px; }
.price-list-item { border-bottom:2px solid #ffc539;padding:15px 20px 5px; }
.price-list-title, .price-list-consult-text { float:left; }
.price-list-coast, .price-list-consult-button { float:right; }
.price-list-consult-text, .price-list-consult-button { width:50%; }

.contacts-text, .contacts-callback { width:50%;float:left; }
.contacts-text { padding:40px; }
.contacts-callback { background:#fff;padding:40px;position:relative; }
.contacts-callback-title { font-size:27px;font-weight:700; }
.contacts-callback-form { padding-top:20px; }

input[type=text], input[type=email], input[type=tel], textarea { border-bottom:2px solid #ffc539;border-radius:0;resize:none;margin-top:10px; }

/* Contact Form 7 */
input.wpcf7-not-valid { border-bottom:2px solid #f00 !important; }
.wpcf7-not-valid input { border-bottom:2px solid #f00 !important; }
body div.wpcf7-response-output, div.wpcf7-validation-errors { display: none !important; }
body span.wpcf7-not-valid-tip { display: none; }
body div.wpcf7 .ajax-loader { top:0;left:0;margin:0;position: absolute;background-color: rgba(255,255,255,0.8);height: 100%;width: 100%;background-repeat: no-repeat;background-position: center; }
.wpcf7-acceptance { font-size:18px; }

.popup-block { max-width: 550px; }
.popup-title { font-size:32px;color:#444;font-weight:700;line-height:1; }
.popup-title:after { content: '';display: block;width: 100px;height: 3px;background: #ffc539;margin: 5px auto 0; }
.popup-content { padding:20px 30px; }
button.fancybox-close-small { top:10px;right:10px; }
.popup-content input.button { margin-top:30px; }

@media screen and (max-width:960px) {
	.main-screen-left h1 { font-size:36px; }
	.main-screen-left { width:auto;padding-right:30px; }
	.main-screen-right > div > img, .main-screen-right > div { width:240px; }
	
	.service-item { width:100%; }
	
	.work-item { width:33.3%; }
}

@media screen and (max-width:768px) {
	.main-screen-right { display:none; }
	.main-screen-left, .contacts-text { text-align:center; }
	.main-screen-left { padding-right:0; }

	.work-item { width:50%; }
	
	.contacts-text, .contacts-callback { width:100%;float:none; }

	.price-list-consult-text, .price-list-consult-button { width:100%;float:none;text-align:center; }
	.price-list-consult-button { padding-top:15px; }
}

@media screen and (max-width:600px) {
	.price-list-title, .price-list-coast { float:none; }
	.price-list-title { font-weight:700; }
	.price-list-item { text-align:center; }
	
	.header-logo, .header-phone { float:none;text-align:center; }
	.header-logo img { margin:0 auto; }
	
	.section-title { font-size:32px; }
}

@media screen and (max-width:500px) {
	
	.header-menu { display:none; }
	.header-inner { padding-bottom:0; } 
	
	.work-item { width: 100%; }
	ul.header-menu.fixed { display:none; }
	.button { padding: 14px 40px 12px;font-size:20px; }
	input.button { white-space: normal; }

	.popup-content { padding:20px 0; }
}