@import url(https://fonts.googleapis.com/css?family=Tinos:400,400italic,700,700italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,700,400,600&subset=latin,cyrillic);
a {outline: none;}
body {margin:0; padding:0; width:100%; background:url(../images/bg.jpg) #656368;}
html {min-width:1140px; padding:0; margin:0;}
body, html {height: 100%}

/* main */
.main {width:1100px; height:auto !important; min-height:100%; height:100%; padding:0 20px; margin:0 auto; background:#fff;}
.body {width:1100px; margin:0 auto; padding:37px 0 0 0}
.clr {clear:both; padding:0; margin:0; background:none;}


/********** headers **********/
.header {width:1100px; height:170px; margin:0 auto; position:relative;}
.header p {
margin: 0;
}
.logo {padding:0; margin:6px 0 0 3px; width:255px; position:absolute;}
.cont {width:370px; margin:33px 0 0 298px; position:absolute;}
.cont-name {display:block; margin-bottom:15px; font:normal 15px/17px 'Open Sans', sans-serif; color:#000; text-transform:uppercase;}
.cont-adrs {display:block; margin-bottom:8px; font:normal 16px/19px 'Open Sans', sans-serif; color:#242424;}
.cont-call {display:block; font:600 20px/24px 'Open Sans', sans-serif; color:#965b22;}
.vk-top {width:30px; margin:94px 0 0 700px; position:absolute;}
.fb-top {width:30px; margin:94px 0 0 750px; position:absolute;}
.vk-top img:hover, .fb-top img:hover{
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
   }
.bron {width:30px; margin:6px 0 0 830px; position:absolute;}
.bron img:hover { 
  filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.90; 
   opacity:0.90;
 }

.header2 {width:1100px; height:360px; margin:0 auto; position:relative;}

/* top menu */
.header2 .menu {width:1100px; height:80px; padding:0; margin:0; background:url(../images/menu-bg.png) center top no-repeat; z-index:999; position:absolute;}
.header2 .menu {list-style:none; padding:0; margin:0; display:flex; justify-content:space-around;}
.header2 .menu > li {margin:0; padding:0; flex-grow:1;}
.header2 .menu > li a {display:block; font:normal 15px/50px 'Tinos', serif; color:#fff; padding:0; margin:0; text-decoration:none; text-transform:uppercase; text-align:center;}
.header2 .menu > li a:hover {background: rgba(54, 170, 185, 0.7); text-decoration:none;}

.header2 .menu > li.active a {color:#fff; text-decoration:none; background: rgba(8, 116, 134, 0.8);}


/******** left ***/
.body .left {width:280px; float:left; margin:0; padding:0;}
.body .left > * {
margin: 30px 0;
}

.body .left > *:first-child {
margin-top: 0;
}

.body .left .moduletable .title {width:280px; height:45px; padding:0; margin:0; font:normal 17px/45px 'Tinos', serif; color:#fff; text-transform:uppercase; text-align:center; background:#0f808e;}
.body .left .moduletable.moduletablebrown .title {background:#8e673f;}


.pre-info {width:280px; margin:10px auto 15px; padding:0 0 20px 0; font:normal 13px/16px 'Open Sans', sans-serif; color:#282828; border-bottom:1px #d0d0d0 solid;}
.pre-info a, .pre-info a:visited {font:normal 19px/22px 'Tinos', serif; color:#6d441b; margin:0; padding:0;}
.pre-info img {width:280px; height:150px; margin:10px 0;}
.more-info {margin-top:-12px; padding:0; display: inline-block;}
.more-info, .more-info:visited {font:italic 14px/17px 'Open Sans', sans-serif; color:#0f808e;}

/***vertical menu**/
.body .left .menu {width:265px; margin:15px 0 0 10px; padding:0;}
.body .left .menu li {
list-style: none;
}
.body .left .menu li > * {
margin: 0;
}
.body .left .menu a,.menu a:active,.menu a:visited {
  display:block;
  background:url(../images/menu1.png) left 7px no-repeat; 
  padding:6px 0 6px 25px;
  font:normal 18px/20px 'Tinos', serif; color:#452b11;
  margin:0; 
  text-decoration:none;
  }

.body .left .menu a:hover {color:#a66f39;}
.body .left .menu li.active a {background:url(../images/menu2.png) left 7px no-repeat; color:#a66f39; text-decoration:none;}



/******** info ***/
.pageinfo {width:740px; float:right; margin:0; padding:0 10px 0 0; font:normal 14px/19px 'Open Sans', sans-serif; color:#000;}
.pageinfo h1 {font:normal 25px/30px 'Tinos', serif; color:#a66f39; padding:0 0 6px 0; margin:0 0 20px 0;}
.pageinfo h2 {font:normal 21px/26px 'Tinos', serif; color:#a66f39; padding:30px 0 0 0; margin:0;}
h2.text {font-size:14px !important; margin:10px 0 0 0 !important; text-indent:0px; font-weight: 600 !important; color:#000 !important; font-family: 'Open Sans', sans-serif !important; padding:0px;}
.pageinfo p {margin:17px 0 0 0; text-align:justify; text-indent:0px;}
.otstup {text-indent:23px !important; background:url(/images/otstup.png) left 4px no-repeat;}
.pageinfo strong {font-weight:600;}
.pageinfo b {font-weight:600;}
.pageinfo a, .pageinfo a:visited {color:#7f5a35;}

.breadcrumbs {margin-bottom:5px; font:normal 13px/17px 'Open Sans', sans-serif; color:#7c7c7c;}
.breadcrumbs a, .breadcrumbs a:visited {font:normal 13px/17px 'Open Sans', sans-serif; color:#7c7c7c;}


.iconsblock {width:740px; height:185px; margin:30px auto 30px; position:relative;}
.iblock {width:185px; height:185px; margin:0; text-align:center; font:600 14px/19px 'Open Sans', sans-serif; color:#6d3708; text-transform:uppercase; position:absolute;}
.iblock a, .iblock a:visited {font:600 14px/19px 'Open Sans', sans-serif; color:#6d3708; text-transform:uppercase; text-decoration:none;}
.iblock-1 {margin-left:0; background:#efe3d7; border-radius:10px 0 0 10px;}
.iblock-2 {margin-left:185px; background:#e5d3c2;}
.iblock-3 {margin-left:370px; background:#efe3d7;}
.iblock-4 {margin-left:555px; background:#e5d3c2; border-radius:0 10px 10px 0;}
.iblock img {width:120px; height:120px; padding:0; margin:10px 0 7px;}
.iblock:hover img{
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
   }

.tble     {margin:10px 0 10px 0; font:normal 14px/19px 'Open Sans', sans-serif; color:#000;}
.tbletd1  {background-color:#0F808E; padding:7px 5px; text-align:center; color:#fff; font-weight:bold;}
.tbletd11 {background-color:#256788; padding:7px 5px; text-align:center; color:#fff; font-weight:bold;}
.tbletd2  {background-color:#f3f3f3; padding:7px 15px; text-align:left; color:#222;}
.tbletd2:first-letter {text-transform:uppercase;}
.tbletd22 {background-color:#efeade; padding:7px; text-align:center; color:#222;}


/********** footer **********/
#footer_protect {height:220px;}
.footer {
  width:1100px; height:220px;
  padding:0; margin:-220px auto 0;
  background:url(../images/pets.png) center top no-repeat,
  url(../images/logo-footer.png) 12px 127px no-repeat,
  #0f545d;
  position:relative;
  }

.cont-footer {width:400px; margin:150px 0 0 430px; text-align:center; color:#fff; position:absolute;}
.contf-adrs {display:block; margin-bottom:4px; font:normal 16px/19px 'Open Sans', sans-serif;}
.contf-call {display:block; font:600 20px/24px 'Open Sans', sans-serif;}

.copyright {width:270px; margin:163px 0 0 166px; padding:0px; font:11px/13px Tahoma; color:#afc1c3; position:absolute;}
.comspb {width:170px; margin:163px 0 0 910px; position:absolute;}

.blog > div[class*="item"] {
overflow: hidden;
border-bottom: 1px solid #d0d0d0;
padding-bottom: 25px;
} 

.blog h1 {
margin-bottom: 0;
}

.blog > div[class*="item"] h2 {
padding-top: 15px;
}

.blog > div[class*="item"] p img:first-child {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.pagination {
text-align: center; 
}

.pagination p {
text-align: center; 
}

.pagination ul {
margin: 10px 0 0 0;
padding: 0;
}

.pagination ul li {
display: inline-block;
margin: 0 5px;
}

.item-page p  img:first-child{
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.foxcontainer {
margin-top:0px !important;
/*margin-top:40px; padding-top:30px; border-top:1px #dbdbdb solid;*/
}

.fox-copyright {
display: none;
}

.fox_messages {
background: none;
border: 1px hsl(0,0%,80%) solid;
border-radius: 0;
box-shadow: none;
color: #000;
}

.foxform {
margin-top: 0px;
}

.foxcontainer > h2 {
  padding: 0;
  text-align: center;
  font:normal 18px/22px 'Open Sans', sans-serif; 
  font-weight:600;
}

.foxcontainer .foxfield {
overflow: hidden;
padding-left: 8px;
padding-right: 8px;
}

.foxcontainer .foxfield label {
  float: left; 
  width: 156px !important;
  position: relative;
  top: 2px;
}

.foxcontainer .foxfield label .required {
  color: #d90707;
    padding-left: 2px;
  font-size: 14px;
  font-weight: normal;
}

.foxcontainer .foxfield select,
.foxcontainer .foxfield input[type="text"], 
.foxcontainer .foxfield textarea,
.foxcontainer .foxfield select{
background-color: #f6f6f6;
    border: 1px solid #929292;
    color: #000;
    font: 15px/16px "Open Sans",sans-serif;
    margin: 0;
    padding: 5px 10px;
  width: 440px !important;
  border-radius: 0;
  box-shadow: none;
  float: right;
}

.foxcontainer .foxfield .fox-dropdown-container {
width: 282px !important;
margin: 0 !important;
}

.foxcontainer .foxfield select {
position: relative !important;
opacity: 1 !important;
}

.foxcontainer .foxfield .outer_dropdown {
display: none !important;
}

.outer_dropdown .foxcontainer .foxfield {
display: none !important;
}

.foxcontainer .invalidfoxtext {
  border-color: #d90707 !important;
  }
  
.foxcontainer .asterisk {
  display: none !important;
}

.foxcontainer .foxbutton {
  margin-left: 180px;
  margin-top: 4px;
  display: inline-block;
    font: 600 13px/15px "Open Sans",sans-serif;
    height: 36px;
    outline: medium none;
    padding: 0;
    position: relative;
    text-transform: uppercase;
  background: #0f808e;
  color: #fff !important;
  line-height: 40px;
  border: medium none;
  cursor: pointer;
  padding: 0 20px;
}

.foxcontainer .foxbutton span {
color: #fff !important;
}

.foxcontainer .foxbutton:hover {
background: #0c6671;
}

.foxcontainer .foxfield.enter-text {
  margin-bottom: 20px;
}

.foxcontainer .foxfield#_a215715b842f030e077f4836f5f8a170,
.foxcontainer .foxfield#_f7029ae4aa919a053687930fe461305b  {
text-align: center;
}


.foxcontainer .foxfield#_a215715b842f030e077f4836f5f8a170 label,
.foxcontainer .foxfield#_f7029ae4aa919a053687930fe461305b label {
color: #a66f39;
font:normal 18px/22px 'Open Sans', sans-serif; 
  font-weight:600;
  margin: 0 auto;
  padding: 20px 0 5px 0;
  display: block;
  float: none;
}


.foxcontainer .foxfield#_a215715b842f030e077f4836f5f8a170 input,
.foxcontainer .foxfield#_f7029ae4aa919a053687930fe461305b input {
display: none !important;
}

#phocagallery + div + div {
  display: none !important;
  }
