/*
Theme Name: territoriya-remonta
Description: territoriya-remonta
Author: Kirill Miatselski
Author URI: http://clic.by
*/

body {
    padding: 0 auto;
    margin: 0 auto;
    background: url(/wp-content/themes/territoriya-remonta/image/fon2.png) fixed;
    color: #464646;
    font: bold 18px tahoma
}

img {
    border: none;
}

h1 {
    margin: 0;
    text-transform: uppercase;
    font: bold 35px tahoma;
}

h2 {
    margin:0;
    padding: 20px 0 0 0;
    text-transform: uppercase;
    font: bold 30px tahoma;
}

.index {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.mini-sl, .index-blok {
    display: inline-block;
}

.blok0 {
    display: inline-block;
    width: 200px;
    margin: 20px 15px;
    vertical-align: top;
}

.blok0 m {
    display: inline-block;
    width: 200px;
    font: bold 18px tahoma;
}

.blok1, .blok2 {
    display: inline-block;
    position: relative;
    width: 500px;
    height: 250px;
    vertical-align: top;
}

.blok1 {
    border-right: solid 2px #800000;
}

.blok2 {
    border-left: solid 2px #800000;
}

.blok1 m, .blok2 m {
    display: inline-block;
    width: 100%;
    background: #800000;
    font: bold 25px tahoma;
    color: white;
}

.blok1 a, .blok2 a {
    display: inline-block;
    width: 460px;
    text-decoration: none;
    background: #800000;
    margin-top: 5px;
    text-align: left;
    padding: 0 20px;
    font: bold 18px tahoma;
    color: white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blok1 a:hover, .blok2 a:hover {
    width: 420px;
    padding: 0 40px;
    color: #ccc;
}

.blok1 .knopka-red a,  .blok1 .knopka-green a, .blok2 .knopka-red a,  .blok2 .knopka-green a {
    width: 200px;
    position: absolute;
    bottom: 20px;
}

.blok1 .knopka-red a, .blok2 .knopka-red a {
    left: 15px;
}

.blok1 .knopka-green a, .blok2 .knopka-green a {
    right: 15px;
}

.blok1 .knopka-red a:hover,  .blok1 .knopka-green a:hover, .blok2 .knopka-red a:hover,  .blok2 .knopka-green a:hover {
    padding: 12px;
    color: white;
}

.ramka-l, .ramka-r {
    width: 1002px;
    height: 250px;
    border: solid 2px #800000;
    border-radius: 5px;
    margin: 20px auto;
    -webkit-box-shadow: 0px 0px 10px 5px white;
    -moz-box-shadow: 0px 0px 10px 5px white;
    box-shadow: 0px 0px 10px 5px white;
}

.ramka-l {
    float: left;
}

.ramka-r {
    float: right;
}

.blok3 {
    display: inline-block;
    vertical-align: top;
    width: 500px;
    font: bold 20px tahoma;
}

.blok3 m {
    display: inline-block;
    margin-top: 50px;
    font: bold 30px tahoma;
    color: #800000;
}

.slider {
    display: inline-block;
    margin: 20px 0 40px 0;
    border: solid 2px white;
    -webkit-box-shadow: 0px 0px 10px 5px white;
    -moz-box-shadow: 0px 0px 10px 5px white;
    box-shadow: 0px 0px 10px 5px white;
}

.theme-default .nivo-controlNav {
    position: absolute;
}

.header-fon {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-bottom: solid 2px #800000;
    -webkit-box-shadow: 0px 0px 20px 2px #800000;
    -moz-box-shadow: 0px 0px 20px 2px #800000;
    box-shadow: 0px 0px 20px 2px #800000;
    background: white;
    z-index: 3;
}

.header {
    width: 1200px;
    display: inline-block;
}

.logo {
    float: left;
    margin: 10px 0 0 30px;
}

.logo img {
    width: 190px;
}

.telefon {
    width: 920px;
    float: right;
    font: italic bold 18px tahoma;
    margin: 10px 30px 0px 0;
    text-align: right;
}

.telefon b {
    font: italic bold 25px tahoma;
    color: #800000;
    vertical-align: sub;
}

.telefon dop {
    margin-left: 70px;
}

.header-meny, .dop-meny {
    float: right;
    display: inline-block;
    margin: 10px 25px 0 0;
}

.header-meny ul, .dop-meny ul {
    margin: 0;
    padding: 0;
}

.header-meny li, .dop-meny li {
    display: inline-block;
}

.header-meny a, .dop-meny a {
    text-decoration: none;
    font: bold 18px tahoma;
    margin: 0 0 0 20px;
    padding: 5px 15px;
    color: #464646;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-meny a:hover, .dop-meny a:hover {
    color: #800000;
    border-bottom: solid 1px red;
    padding: 0 15px;
}

.center {
    overflow: hidden;
    width: 1200px;
    margin: -1px auto 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    background: url(/wp-content/themes/territoriya-remonta/image/fon06.png);
     -webkit-box-shadow: 0px 0px 20px 3px #800000;
    -moz-box-shadow: 0px 0px 20px 3px #800000;
    box-shadow: 0px 0px 20px 3px #800000;
    z-index: 2;
    border: solid 1px #800000;
}

/*.sidebar {
    display: inline-block;
    width: 300px;
    margin-left: 15px;
}

.sidebar-meny {
    width: 300px;
    margin-bottom: 20px;
    border: solid 2px #800000;
    border-radius: 8px;
}

.sidebar-meny m {
    display: inline-block;
    width: 280px;
    background: #800000;
    font: bold 18px tahoma;
    padding: 5px 10px;
    color: white;
}

.sidebar-meny ul {
    padding: 0;
    margin: 0;
}

.sidebar-meny li {
    width: 100%;
    display: inline-block;
}

.sidebar-meny a {
    display: inline-block;
    text-decoration: none;
    width: 240px;
    margin: 5px 0px;
    padding: 5px 30px;
    font: bold 17px tahoma;
    border-bottom: solid 1px #ccc;
    -webkit-box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 1);
    box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 1);
    color: black;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sidebar-meny a:hover {
    background: #800000;
    color: white;
}*/

.sidebar {
    display: inline-block;
    width: 324px;
    margin-left: 10px;
}

.sidebar-meny {
    width: 320px;
    border: solid 2px #800000;
}

.sidebar-meny .sub-menu a {
    padding-left: 30px;
    width: 285px;
}

.sidebar-meny m {
    display: inline-block;
    width: 310px;
    background: #800000;
    font: bold 18px tahoma;
    padding: 2px 5px;
    color: white;
}

.sidebar-meny ul {
    padding: 0;
    margin: 0;
}

.sidebar-meny li {
    width: 100%;
    display: inline-block;
}

.sidebar-meny a {
    display: inline-block;
    text-decoration: none;
    width: 310px;
    padding: 0px 5px;
    font: bold 15px tahoma;
    color: black;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sidebar-meny a:hover {
    background: #800000;
    color: white;
}

.blok-knopki {
    text-align:center;
    margin-bottom: 20px;
}

.content {
    width: 845px;
    float: right;
    margin-right: 10px;
    padding-left: 10px;
}

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

.alignleft {
    float: left;
    padding-right: 10px;
}

.alignright {
    float: right;
    padding-left: 10px;	
}

.footer-fon {
    display: inline-block;
    width: 100%;
    background: #464646;
}

.footer {
    width: 1200px;
    margin: 0 auto;
    color: white;
}

.footer a {
    text-decoration: none;
    color: red;
    font: bold 15px tahoma;
}

table {
    border-collapse: collapse;
    font: normal 18px tahoma;
    color: black;
}

table strong {
    color: black;
}

td {
    border: 2px solid #800000;
    padding: 5px;
}

.wpcf7 img {
    display: none;
}

.wpcf7 input {
    width: 370px; 
    padding: 12px;
    font: bold 18px tahoma;
    border: 2px solid #800000;
    margin: 10px 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.wpcf7 textarea {
    width: 370px;
    height: 120px;
    padding: 12px;
    font: bold 18px tahoma;
    border: 2px solid #800000;
    margin: 10px 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #000;
}

.wpcf7 input:hover,.wpcf7 input:focus,.wpcf7 input:active,.wpcf7 textarea:hover,.wpcf7 textarea:focus,.wpcf7 textarea:active {
    outline: none;
    border: 2px solid green;
}

.wpcf7 input.wpcf7-submit {
    width: 400px; 
    color: #fff;
    border: none;
    margin-top: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: linear-gradient(to bottom, red, black);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='black');
    background: -webkit-linear-gradient(top, bottom, red, black);
    background: -moz-linear-gradient(top, red, black);
    background: -o-linear-gradient(top, red, black);
    background: -ms-linear-gradient(top, red, black);
    box-shadow: inset 0 0 7px 4px rgba(0,0,0,.1), 0px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 7px 4px rgba(0,0,0,.1), 0px 5px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 7px 4px rgba(0,0,0,.1), 0px 5px 10px rgba(0,0,0,0.5);
}

.wpcf7 input.wpcf7-submit:hover {
    background: linear-gradient(to bottom, black, red);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='red');
    background: -webkit-linear-gradient(top, bottom, black, red);
    background: -moz-linear-gradient(top, black, red);
    background: -o-linear-gradient(top, black, red);
    background: -ms-linear-gradient(top, black, red);
}

.wpcf7 input.wpcf7-submit:active {
    background: black;
}

.wpcf7 input.wpcf7-file {
    width: 400px;
    border: none;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    display: block;
    margin: -10px 0 -20px 0 !important;
}

div.wpcf7-validation-errors {
    border: 2px solid red !important;
    color: #000;
    margin-top: -15px !important;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid green !important;
	margin-top: -15px !important;
	color: #000;
}

.emodal .emodal-content :last-child {
    font: bold 20px tahoma;
}

.knopka-red {
    display: inline-block;
    text-align: center;
    width: 40%;
}

.knopka-red a {
    font: bold 18px tahoma;
    display: inline-block;
    text-align: center;
    background: linear-gradient(to bottom, red, black);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='black');
    background: -webkit-linear-gradient(top, bottom, red, black);
    background: -moz-linear-gradient(top, red, black);
    background: -o-linear-gradient(top, red, black);
    background: -ms-linear-gradient(top, red, black);
    box-shadow: inset 0 0 7px 4px rgba(0,0,0,.1), 0px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 7px 4px rgba(0,0,0,.1), 0px 5px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 7px 4px rgba(0,0,0,.1), 0px 5px 10px rgba(0,0,0,0.5);
    padding: 12px;
    text-decoration: none;
    border-radius: 10px;
    color: #fff;
}

.knopka-red a:hover {
    background: linear-gradient(to bottom, black, red);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='red');
    background: -webkit-linear-gradient(top, bottom, black, red);
    background: -moz-linear-gradient(top, black, red);
    background: -o-linear-gradient(top, black, red);
    background: -ms-linear-gradient(top, black, red);
}

.knopka-red a:active {
    background: red;
}

.knopka-green {
    display: inline-block;
    text-align: center;
    width: 40%;
}

.knopka-green a {
    font: bold 18px tahoma;
    display: inline-block;
    text-align: center;
    background: linear-gradient(to bottom, green, black);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='green', endColorstr='black');
    background: -webkit-linear-gradient(top, bottom, green, black);
    background: -moz-linear-gradient(top, green, black);
    background: -o-linear-gradient(top, green, black);
    background: -ms-linear-gradient(top, green, black);
    box-shadow: inset 0 0 7px 4px rgba(0,0,0,.1), 0px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 7px 4px rgba(0,0,0,.1), 0px 5px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 7px 4px rgba(0,0,0,.1), 0px 5px 10px rgba(0,0,0,0.5);
    padding: 12px;
    text-decoration: none;
    border-radius: 10px;
    color: #fff;
}

.knopka-green a:hover {
    background: linear-gradient(to bottom, black, green);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='green');
    background: -webkit-linear-gradient(top, bottom, black, green);
    background: -moz-linear-gradient(top, black, green);
    background: -o-linear-gradient(top, black, green);
    background: -ms-linear-gradient(top, black, green);
}

.knopka-green a:active {
    background: green;
}

.page-list {
    text-align: center;
}

.page-list-ext-item {
    display: inline-block;
    height: 285px;
    width: 250px;
    overflow: hidden;
    position: relative;
    border: 2px solid #800000;
    behavior: url(border-radius.htc);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -icab-border-radius: 15px;
    border-radius: 15px;
    margin: 10px!important;
}

.page-list-ext-item img {
    margin-top: -5px;
    height: 250px;
    width: 250px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.page-list-ext-item img:hover {
    height: 300px;
    width: 300px;
}

.page-list-ext-title {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -22px;
    background: #800000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;

}

.page-list-ext-title a {
   width: 100%;
   display: inline-block;
   text-decoration: none;
   color: white;
   padding: 10px 0;
   font: bold 16px tahoma;
}

.page-list-ext-item:hover .page-list-ext-title {
    background: white;
}

.page-list-ext-item:hover .page-list-ext-title a {
    color: #800000;
    border-top: solid 2px;
    padding: 9px 0;
}