/* Start:/bitrix/templates/Renmex_RU/components/bitrix/menu/mainmenu/style.min.css?1466071402490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/Renmex_RU/components/bitrix/menu/mainmenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/Renmex_RU/template_styles.css?146607140110085*/
html { margin: 0 ; padding: 0; height: 100%; font-family: Roboto;}

body { margin: 0 ; padding: 0; height: 100%; font-family: Roboto;}

header {
    float: left;
    min-width: 100%;
}

.wrapper {
    margin: 0 auto;
    width: 1170px;
}
main {
    float: left;
    min-width: 100%;
    min-height: 100%;
    height: calc(100vh - Xxpx); /*XX - Высота */
}

footer {
    float: left;
    width: 100%;
    position: relative;
    height: 122px;
}
.footer_bumper {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background-image: url(/bitrix/templates/Renmex_RU/images/foot.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
header nav li .selected {
     color: #0088FC;
}
/*header*/


header .logo {
    float: left;
    margin-top: 30px;
}
header .logo a {
    text-decoration: none;
    color: #0080FC;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
header .lang {
    float: left;
    margin: 30px 304px 0px 304px;
    cursor: pointer;
}
header .lang .ru {
    float: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin: 0px 10px;
}
header .lang .ru:hover {
    color: #0088FC;
}
header .lang .en {
    float: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin: 0px 10px;
}
header .lang .en:hover {
    color: #0088FC;
}
header #active {
    color: #0088FC;
}
header .phone {
    float: left;
    margin-top: 30px;
    font-size: 18px;
}
header .phone a {
    text-decoration: none;
    font-style: normal;
    color: #000000;
    font-weight: 500;
}
header .nav_line {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    background-image: url(/bitrix/templates/Renmex_RU/images/mun.png);
    background-repeat: repeat-x;
    background-position: center;
}
header nav {
    float: left;
    width: 850px;
    margin-left: 180px;
}
header nav li {
    float: left;
    margin: 0px 0px;
    border: 2px solid #C7D0D9;
    border-radius: 20px;
    list-style: none;
    padding: 5px 15px;
    margin-left: 68px;
    background-color: #ffffff;
}
header nav li:hover {
    border: 2px solid #0088FC;
}
header nav li a {
    float: left;
    text-decoration: none;
    color: #909090;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
header nav li:hover a {
    color: #0088FC;
}


/*top_big*/

main .top_big {
    float: left;
    width: 100%;
    height: 685px;
    position: relative;
}
main .big_bumper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/bitrix/templates/Renmex_RU/images/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
main .big_left {
    float: left;
    width: 605px;
    height: 465px;
    margin-top: 55px;
}
main .big_left h1 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 60px;
}
main .big_left p {
    float: left;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
main .big_left .big_btn {
    float: left;
    color: #2F2F2F;
    padding: 12px 30px;
    background-color: #F6B80F;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 60px;
}
/*item*/

main .item_line {
    float: left;
    margin-top: 30px;
    width: 100%;
    background-image: url(/bitrix/templates/Renmex_RU/images/mun.png);
    background-repeat: repeat-x;
    background-position: center;
}
main .item{
    float: left;
    cursor: pointer;
}
main .item a {
    float: left;
    margin: 0px 0px;
    border: 2px solid #C7D0D9;
    border-radius: 20px;
    list-style: none;
    padding: 5px 15px;
    margin-left: 43px;
    background-color: #ffffff;
    text-decoration: none;
    color: #909090;
    font-weight: 500;
}
main .item a:hover {
    color: #0088FC;
    border: 2px solid #0088FC;
}
main .desc_block {
    float: left;
    width: 100%;
    height: 200px;
}
main .desc {
    float: left;
    width: 100%;
}
main #desc_1 {
    display: block;
}
main #desc_2 {
    display: none;
}
main #desc_3 {
    display: none;
}
main .desc .title {
    float: left;
    width: 100%;
    font-size: 38px;
}
main .desc .para {
    float: left;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}
.bg_start {
    float: left;
    width: 100%;
    height: 112px;
    background-image: url(/bitrix/templates/Renmex_RU/images/top.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main_bg {
    float: left;
    width: 100%;
    background-color: #E9E9E9;
}
/*news*/


.news {
    float: left;
    width: 255px;
}
.news h2 {
    float: left;
    width: 100%;
    font-size: 38px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.news .new {
    float: left;
    margin:5px 0px;
}
.news .new time {
    float: left;
    color: #007AE3;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0px;
}
.news .new a {
    color: #000000;
}
.news .new h3 {
    float: left;
    margin: 0px;
    font-size: 15px;
    color: #000000;
}
.news .new p {
    float: left;
    margin: 10px 0px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
}
.news .news_all_link {
    float: left;
    text-decoration: none;
    color: #007EEA;
    font-size: 15px;
    font-weight: 600;
}

/*cont*/

.cont {
    float: left;
    width: 842px;
    margin-left: 73px;
}
.cont h2 {
    float: left;
    width: 100%;
    font-size: 38px;
    margin-top: 0px;
    margin-bottom: 40px;
}
.cont img {
    float: left;
    margin-bottom: 25px;
}
.cont p{
    float: left;
    font-size: 16px;
    font-weight: 500;
}


/*informers*/

.informer_area {
    float: left;
    width: 842px;
    margin-left: 73px;
}
.informer_area h3 {
    float: left;
    width: 100%;
    font-weight: 400;
    margin-bottom: 10px;
}
.informer_1 {
    float: left;
    width: 322px;
    margin-right: 5px;
}
.informer_2 {
    float: left;
    width: 515px;
}
/*footer*/

footer .copyright {
    float: left;
    font-weight: 500;
    margin-top: 95px;
    text-transform: uppercase;
    color: white;
}
footer .phone {
    float: right;
    font-style: normal;
    color: #ffffff;
    margin-top: 61px;
}
footer .phone a {
    font-size: 18px;
    text-decoration: none;
    color: #ffffff;
    margin-top: 35px;
}
/*contacts table*/

.cn_tb {
    width: 100%;
}

.cn_tb table {
    width:100%
}

.cn_tb td {
  padding: 10px;
  border-radius: 10px;
}
.cn_tb tr:nth-child(odd) {
  background: white;
}
.cn_tb tr:nth-child(even) {
  background: #BEDFFF;
}
 
/*feedback*/

.mfeedback {
    float: left;
    margin: 20px 0px 15px 7px;
    width: 490px;
}

.mfeedback form {
    padding-left: 20px;
}

.mfeedback input {
    padding: 5px 5px;
    overflow: hidden;
    border-radius: 5px;
    font-size: 10pt;
    width: 450px;
}

.mf-message textarea {
    min-height: 210px!important;
    max-height: 210px!important;
    resize: none;
    overflow: hidden;
    border-radius: 5px;
    font-size: 10pt;
    width: 443px!important;
    border-color: #58ADFF;
    border-style: dashed;
}
.mfeedback [name="submit"] {
    border: none;
    color:white;
    border-radius: 5px;
    background: #58ADFF;
    padding: 5px 30px;
    font-size: 17px;
    font-weight: 600;
    
}
.mf-text {
    font-size: 15px;
    font-weight: 500;
    color: #58ADFF;
}

.mf-name  input {
    width: 436px!important;
    border-color: #58ADFF;
    border-style: dashed;
    border-width: 1px;
}

.mf-email input {
    width: 436px!important;
    border-color: #58ADFF;
    border-style: dashed;
    border-width: 1px;
}

/*contact_map*/


.cont_map {
    float: left;
    margin-top: 20px;
}
/*effect*/

*, *:before, *:after {
  box-sizing: border-box;
}
.post-wrap {
  background: white;
  width: 1170px;
  margin: 15px auto 0; 
  padding: 10px;
  text-align: center;
}
.post-inner {
  margin: -75px 20px 20px;
  padding: 0px;
  background: #1D4F80;
  position: relative;
}
.post-inner:after {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: -10px;
  border: 3px solid #1D4F80;
}
.dot {
  height: 5px;
  width: 5px;
  background: #1D4F80;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: super;
}
.first {
  margin-right: 24px;
}
.last {
  margin-left: 24px;
}
.dot:before, .dot:after {
  content: "";
  height: 5px;
  width: 5px;
  background: #1D4F80;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.dot:before {
  left: 10px;
}
.dot:after {
  right: 10px;
}
.post-inner h3 {
  
  color: #EFECD9;
  display: inline-block;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 2px;
}
.post-wrap p {
  font-family: 'Lora', serif;
  padding-top: 20px;
  line-height: 24px;
}

/*effect cl*/

.post-wrap_cl {
  background: white;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  width: 420px;
  margin: 50px 80px 0px 80px; 
  padding: 10px;
  text-align: center;
  height: 465px;
  float: left;
}
.post-inner_cl {
  margin: -75px 20px 30px 20px;
  padding: 15px;
  background: #1D4F80;
  position: relative;
  height: 125px;
}
.post-inner_cl:after {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: -10px;
  border: 3px solid #1D4F80;
  height: 146px;
}
.dot_cl {
  height: 5px;
  width: 5px;
  background: #F15A40;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: super;
}
.first_cl {
  margin-right: 24px;
}
.last_cl {
  margin-left: 24px;
}
.dot_cl:before, .dot_cl:after {
  content: "";
  height: 5px;
  width: 5px;
  background: #F15A40;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.dot_cl:before {
  left: 10px;
}
.dot_cl:after {
  right: 10px;
}
.post-inner_cl h3 {
  
  color: #EFECD9;
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 2px;
}
.post-wrap_cl a {
  text-decoration: none;
 
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  background-color: #1D4F80;
  padding: 10px;
  border-radius: 10px;
  color: white;
}
/* End */
/* /bitrix/templates/Renmex_RU/components/bitrix/menu/mainmenu/style.min.css?1466071402490 */
/* /bitrix/templates/Renmex_RU/template_styles.css?146607140110085 */