/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Oranienbaum&subset=cyrillic-ext,latin);

/* HTML */
*  {margin:0;padding:0;}
img {border:none;}
.trs {transition:0.5s all;}

h1 {font-size:24px;margin:0 0 20px 0;font-family: 'Oranienbaum', serif;}
h2 {font-size:18px;margin:30px 0 10px;}
h3 {color:#c25712;font-size:16px;margin:10px 0;}

a {transition: 0.3s;color:#222;}
a:hover {text-decoration:none;color:#ca5d1b;}

html, body {width:100%;font-family:Times New Roman;font-size:14px;color:#222;height:100%;}
body {height:100%;}
body > #wrp {min-height:100%;}
#bg {position:fixed;top:0;left:0;width:100%;height:100%;background:url(../img/bg_.jpg) no-repeat center center;}
#wrp {position:relative;width:1000px;margin:0 auto;background:#fafafa;box-shadow:0 0 10px #e8e8e8;overflow:hidden;}

.hdr {height:100px;position:absolute;top:0;left:0;background:url(../img/fon.png);width:100%;}
.logo {display:block;margin:15px 0 0 20px;float:left;background:url(../img/logo.png) no-repeat;width:164px;height:40px;}
.slo {color:#5a5a5a;font-weight:bold;float:left;margin:18px 0 0 20px;font-family:arial;font-size:13px;}
.whatsapp {position:absolute;top:19px;right:445px;}
.whatsapp .whatsapp-icon {cursor:pointer;opacity:0.8;transition:0.5s all;}
.whatsapp .whatsapp-icon:hover {opacity:1;}
#whatsapp {display:none;position:fixed;left:50%;width:300px;z-index:9;margin-left:-150px;background:#fff;padding:20px;box-shadow:0 0 10px #999;border-radius:10px;}
#whatsapp .whatsapp-close {position:absolute;width:auto;top:5px;right:10px;font-size:24px;cursor:pointer;}
.pho {font-size:22px;font-family: 'Oranienbaum', serif;color:#000;padding:0 0 0 30px;line-height:30px;background:url(../img/pho.png) no-repeat;position:absolute;top:20px;right:240px;}
.pho span {font-size:18px;color:#ca5d1b;}
.pho a {text-decoration:none;}
.ema {font-size:18px;font-family: 'Oranienbaum', serif;color:#000;padding:0 0 0 25px;line-height:30px;background:url(../img/ema.png) no-repeat 0 3px;position:absolute;top:20px;right:20px;}

.menu {display:block;height:30px;list-style:none;width:100%;position:absolute;bottom:0;left:0;text-align:center;box-shadow:0 0 10px #ccc;}
.menu li {display:inline-block;line-height:30px;padding:0 28px;background:url(../img/li.png) no-repeat 0 5px;font-size:14px;}
.menu li:first-child {background:none;}
.menu li a {color:#434343;text-transform:uppercase;text-decoration:none;font-family: 'Oranienbaum', serif;}
.menu li a:hover {color:#ca5d1b;}
.menu li span {color:#ca5d1b;font-family: 'Oranienbaum', serif;text-transform:uppercase;}

.knt {padding:100px 0 500px;}

#slider {position:relative;}
#slider div {position:absolute;bottom:20px;right:20px;padding:10px 20px;background:url(../img/opa.png);font-size:20px;color:#000;font-family: 'Oranienbaum', serif;}
#slider div a {margin:0 10px 0 0;}

.bx-wrapper {}
.bx-prev, .bx-next {} 
.bx-controls-direction a {position:absolute;top:260px;opacity:0.3;width:62px;height:62px;}
.bx-controls-direction a:hover {opacity:0.7;}
.bx-prev {left:20px;background:url(../img/prev.png) no-repeat;}
.bx-next {right:20px;background:url(../img/next.png) no-repeat;}

.main {overflow:auto;}
.left {width:616px;padding:20px 14px 20px 20px;float:left;}
.right {width:309px;padding:20px;float:right;}
.right h2 {margin:0 0 20px 0;font-size:22px;color:#b9541a;}
.right .item {margin:0 0 10px 0;background:#f3f3f3;padding:5px 10px 10px;}
.right .title {}
.right .anno {margin:10px 0 0 0;}


.date {display:block;font-size:12px;font-style:italic;}
.pre {float:left;width:100px;margin:5px 10px 0 0;}

.list tr {vertical-align:top;}
.list td {padding:10px;}
.list .title {font-size:16px;font-weight:bold;margin:10px 0;display:inline-block;}

.main ol, .main ul {margin:10px 0;padding:0 0 0 20px;}
.main li {margin:5px 0;}
.main p {margin:0 0 10px 0;}

.left img {border:1px solid #fff;cursor:pointer;}
.left img:hover {border:1px solid #000;}


.img {margin:0 20px 10px 0;float:left;}

.ftr {position:absolute;bottom:0;left:0;height:500px;width:100%;}
.btm {background:url(../img/btm.png);padding:0 20px;overflow:auto;}
.btm div {float:left;width:300px;margin:0 20px 0 0;}

.clr {clear:both;}
.map {height:300px;}
.btw {height:60px;width:100%;position:relative;background:url(../img/btm.png);}
.copy {position:absolute;left:20px;top:13px;}
.stat {width:88px;height:31px;position:absolute;top:15px;right:160px;background:url(../img/stat.png) no-repeat;}
.up66 {position:absolute;top:13px;right:20px;text-align:right;}
.up66 a {color:#222;text-decoration:none;}

/* Form */
form {padding:10px 20px;border:1px solid #ccc;background:#f3f3f3;} 
form i {display:block;font-size:13px;margin:3px 0 0 0;}
form p {margin:0 0 3px 0 !important;}
form table {width:100%;} 
form tr {vertical-align:top;}
form td {padding:5px 0;}
form input {padding:5px 5px;line-height:16px;border: 1px solid #ccc;} 
form textarea {padding:5px 5px;line-height:16px;border: 1px solid #ccc;width:545px;}
input, textarea {font-family:arial;font-size:13px;font-style:normal;}
input:focus, textarea:focus {border: 1px solid #c25712;}
.short {width:140px;}
.date {width:80px;}
.hello {display:none;}
input.button {border-radius:5px;padding:8px 18px;cursor:pointer;}
.center {text-align:center;}

/* Лайтбокс */
.imgclose {position:absolute;right:-18px;top:-18px;width:37px;height:37px;background:url(../img/close.png) no-repeat;cursor:pointer;}
#overlay {display:none;background:#000;opacity:0.4;position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;}
#img_container {display:none;position:fixed;left:50%;background:#efefef;z-index:3;padding:20px 20px 10px 20px;border-radius:10px;box-shadow:0 0 10px #666;}
#img_lightbox {display:none;position:fixed;left:50%;top:50%;background:#efefef;z-index:3;padding:20px;border-radius:10px;box-shadow:0 0 10px #666;}
.alt {text-align:center;font-size:16px;margin:10px 0 0 0;font-weight:bold;color:#000;}

#next, #prev {position:absolute;top:47%;width:28px;height:35px;cursor:pointer;}
#next {background:url(../img/s-next.png) no-repeat;right:-40px;}
#prev {background:url(../img/s-prev.png);left:-40px;}

/* Фотогалерея */
.content {padding:20px;}
.images {}
.images .title {font-size:22px;font-weight:bold;margin:30px 0 10px;padding:0 0 5px;}
.images .image {display:inline-block;width:33.33%;}
.images .image a {display:block;background-repeat:no-repeat;background-position:center center;background-size:cover;border:2px solid #fff;padding-bottom:100%;margin:0 1px;}
.images .image a:hover {border:2px solid #c25712;}