/*
Theme Name: your-clean-template-3
Theme URI: https://github.com/saxap/clean-wp-template
Version: 3.0
Tags: clean, development, html5, bootstrap
Description: Clean wordpress theme with minimal bootstrap3 markup for fast development starting
Author: saxa:p
Author URI: http://dontforget.pro
*/

.price {
  margin: 0px 0 65px;
}


.price .date-price__table {
  width: 100%;
  margin-top: 50px;
}

.price .date-price__table thead tr th,
.price .date-price__table thead tr td {
    background: rgba(45, 164, 248, 0.1);
    border-bottom: 1px solid #DDD;
    padding: 10px 5px;
    font-weight: 500;
    text-align: center;
}

.price .date-price__table tbody tr th,
.price .date-price__table tbody tr td {
    color: #285b6b;
    padding: 10px 5px;
    font-weight: 500;
    font-family: 'Gotham Pro';
    text-align: center;
}



@media (max-width: 767.98px) {
.price .date-price__table tbody tr td:before {
    content: attr(data-title);
    display: inline-block;
    margin-right: 5px;
}
.price .date-price__table tbody tr td {
    padding: 10px 5px;
    width: 33.33%;
}

.price .date-price__table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.price .date-price__table > *,
.price .date-price__table > * > tr,
.price .date-price__table > * > tr > * {
    display: block;
}
.price .date-price__table thead {
    display: none;
}
}

@media (max-width: 400px) {
  .price .date-price__table tbody tr td {
      padding: 10px 5px;
      width: 50%;
  }
}

.about .about__text h2 {
color: #285b6b;
font-size: 24px;
}

.preim-left, .preim-right {
    width: calc(28% - 0.25em);
    display: inline-block;
    vertical-align: top;
}
.preim-left {
    text-align: right;
}

.preim-center {
    text-align: center;
    width: calc(44% - 0.25em);
    display: inline-block;
    vertical-align: top;
    position: relative;
		margin-top: 40px;
}

.preimushestva-item {
    margin: 75px 0;
}

.preimushestva-item .preimushestva-text {
    display: block;
    vertical-align: top;
    width: 100%;
    margin-left: 0px;
}

.preimushestva-item .preimushestva-text .preimushestva-title {
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #285b6b;
}
.preimushestva-item .preimushestva-text p {
	 font-family: 'Gotham Pro';
  color: #585d67;
}

.raschet .itogo {
	margin-bottom: 20px;
	margin-left: 27px;
}

.raschet .itogo-t, .raschet .itogo-sum {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: 1;
		color: #fff;
    font-weight: 700;
}

.raschet input[type=text].ctf7-total {
    border: 0 !important;
    outline: 0;
    width: 100px;
    color: #fff;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    cursor: default;
    font-weight: 700;

		    text-align: left !important;
}

.raschet .wpcf7-radio_custom .wpcf7-list-item {
  margin-left: 27px;
}

.raschet .wpcf7-radio_custom label .wpcf7-list-item-label {
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
    color: #fff;
}

.raschet .wpcf7-radio_custom label .wpcf7-list-item-label:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}

.raschet .wpcf7-radio_custom label .wpcf7-list-item-label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #5aa7b9;
    opacity: 0;
    transition: .2s;
}

.raschet .wpcf7-radio_custom label input:checked+.wpcf7-list-item-label:after {
    opacity: 1;
}

.raschet .calc-obslug {
	color: #fff;
	margin: 10px 0;
	display: block;
	margin-left: 27px;
}

.raschet span.wpcf7-list-item.first {
    position: relative;
        margin-left: 27px;
}
.raschet .wpcf7-radio_custom span.wpcf7-list-item-label {
  white-space: nowrap;
}
.radio_custom-984 {
	margin: 15px 0;
}

@media (max-width: 575px) {
.raschet span.wpcf7-list-item.first {
  margin-bottom: 20px;
}

}

.wpcf7-spinner {
  position: absolute;

}

.preim-center img {
    width: 300px;
    height: 300px;
    margin-top: 70px;
    border: 2px solid #beb6a9;
    border-radius: 50%;
		z-index: 2;
		position: relative;
}

.preim-center::after {
    content: '';
    background: url(img/krug.jpg);
    width: 451px;
    height: 466px;
    position: absolute;
    top: 11px;
    left: 14px;
    z-index: 0;
}

@media (max-width: 991px) {
	.preim-left, .preim-right {
    width: calc(50% - 0.25em);
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}
.preim-left {
    text-align: left;
}
.preim-center {
    display: none;
}
}

@media (max-width: 575px) {
.preim-left, .preim-right {
    width: 100%;
    display: block;
    vertical-align: top;
    padding: 0 20px;
    text-align: center;
}
}

@media (max-width: 420px) {
.preimushestva-item .preimushestva-text {
    display: block;
    width: 100%;
    margin-left: 0;
    text-align: center;
}
.preimushestva-item {
    margin: 25px 0;
}
}

@media (min-width: 979px) {
	ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu { /* для раскрывания субменю по наведению */
		display: block;
	}
	.comment-list .children { /* для комментов */
		padding: 0;
		margin-left: 74px;
		padding-bottom: 15px;
	}
	.comment-list .media {
		margin-top: 0;
	}
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
