@charset "utf-8";
/* Web дизайн и верстка: dizzpro@gmail.com (Юрий) */

@import url(https://fonts.googleapis.com/css?family=Russo+One&subset=latin,cyrillic);

/* Сброс стилей браузеров */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
    background-color: #b1ad80;
    background-image: url(../img/fon_top_1920.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.05em;
    line-height:1.4em;
    color: #000000;
    text-shadow:1px 1px 1px #CCCC99;
    }

/* Ссылки */
a:link, a:visited {
    color: #3E0B00;
    text-decoration: none;
    text-shadow:1px 1px 1px #CCCC99;
    }
a:hover {
    color: #6E1E00;
    text-decoration: underline;
    text-shadow:1px 1px 1px #CCCC99;
    }

/* Заголовок */
h1 {
    font-size: 1.8em;
    line-height:1.3em;
    font-family: 'Russo One', sans-serif;
    background: #B6B387;
    color: #411800;
    font-weight: normal;
    text-shadow:1px 1px 1px #CCCC99;
    text-align:center;
    padding-bottom:5px;
    margin-bottom:10px;
    margin-top:18px;
    border-bottom: #5F4B33 solid 1px;
    -moz-box-shadow:0px 6px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 6px 0px rgba(0,0,0,0.2);
    box-shadow:0px 6px 0px rgba(0,0,0,0.2);
    clear:both;
    }

/* Подзаголовок */
h2 {
    font-size: 1.3em;
    font-family: 'Russo One', sans-serif;
    font-weight:normal;
    color: #584630;
    text-shadow:1px 1px 1px #CCCC99;
    text-indent:20px;
    line-height:2em;
    clear:both;
    }

/* Текст */
p {
    text-indent:20px;
    color:000;
    text-align:justify;
    padding:10px 0 10px 0;
    }

/* Картинки */
img {
    margin:2px 10px 2px 10px;
    border: #9E915A solid 1px;
    padding:5px;
    background: #CCCC99;
    }

/* Линия */
hr {
    border:#A8A471 solid 1px;
    margin:10px 0 10px 0;;
    }

/* Логотип */
.logo {
    width: 960px;
    height: 175px;
    background: url(../img/logo_960.png);
    background-repeat:no-repeat;
    background-position:top center;
    margin-top:5px;
    margin-bottom: 40px;
    }
.cont {
    max-width: 960px;
    clear:both;
    overflow:hidden;
    }

/* Блок с текстом */
.block_text {
    clear:both;
    max-width: 960px;
    padding: 0px 10px 15px 10px;
    border-bottom: #5F4B33 solid 1px;
    overflow:hidden;
    margin-bottom:10px;
    text-align:justify;
    }

/* Блоки сайта по ТЗ */
.block_1 {
    width: 700px;
    }
.block_2 {
    width: 700px;
    }
.block_3 {
    clear:both;
    padding-top:10px;
    padding-bottom: 20px;
    text-align:center;
    font-weight:bold;
    font-size:.96em;
        }
.block_4 {
    clear:both;
    text-align:center;
    background: url(../img/fon_center_1920.jpg) #CCCC99;
    background-repeat:no-repeat;
    background-position: center center;
    padding-top:10px;
    padding-bottom:10px;
    }

/* Футер */
.block_5 {
    clear:both;
    background:url(../img/fon_footer_1920.jpg);
    background-repeat:no-repeat;
    background-position: bottom center;
    height:170px;
    text-align:center;
    }

.footer_block_5 {
    clear:both;
    padding-top:60px;
    color: #b0ad80;
    font-size: .9em;
    line-height:1.2em;
    }
.footer_block_5 a:link {
    color: #b0ad80;
    text-decoration: none;
    text-shadow:1px 1px 1px #000;
    }
.footer_block_5 a:visited {
    color: #b0ad80;
    text-decoration: none;
    text-shadow:1px 1px 1px #000;
    }
.footer_block_5 a:hover {
    color: #BCB990;
    text-decoration: underline;
    text-shadow:1px 1px 1px #000;
    }

/* Меню №1 */
ul#menu{
    margin:0;
    padding:0;
    list-style:none;
    clear:both;
    }
#menu li{
    overflow:hidden;
    text-indent:-9999px;
    display:inline;
    float:left;
    margin-right:0px;
    }
#menu li a{
    background: url(../img/top_menu.jpg) no-repeat left top;
    width:100%;
    height:100%;
    display:block;
    }
#menu li.predislovie {
    width:233px;
    height:100px;
    }
#menu li.predislovie a {
    background-position:0px 0px;
    }
#menu li.predislovie a:hover {
    background-position:0px -100px;
    }
#menu li.predislovie a.selected {
    background-position:0px -100px;
    }
#menu li.avtory {
    width:233px;
    height:100px;
    }
#menu li.avtory a {
    background-position:-233px 0px;
    }
#menu li.avtory a:hover  {
    background-position:-233px -100px;
    }
#menu li.avtory a.selected {
    background-position:-233px -100px;
    }
#menu li.vistavka {
    width:233px;
    height:100px;
    }
#menu li.vistavka a {
    background-position:-466px 0px;
    }
#menu li.vistavka a:hover {
    background-position:-466px -100px;
    }
#menu li.vistavka a.selected {
    background-position:-466px -100px;
    }

/* Меню №2 */
ul#menu2{
    margin:0;
    padding:0;
    list-style:none;
    clear:both;}
#menu2 li{
    overflow:hidden;
    text-indent:-9999px;
    display:inline;
    float:left;
    margin-right:0px;
    }
#menu2 li a{
    background: url(../img/block_2.jpg)no-repeat left top;
    width:100%;
    height:100%;
    display:block;
    }
#menu2 li.shpagin {
    width:350px; height:580px;
    }
#menu2 li.shpagin a {
    background-position:0px 0px;
    }
#menu2 li.shpagin a:hover {
    background-position:0px -580px;
    }
#menu2 li.shpagin a.selected {
    background-position:0px -580px;
    }
#menu2 li.kalashnikov {
    width:350px; height:580px;
    }
#menu2 li.kalashnikov a {
    background-position:-350px 0px;
    }
#menu2 li.kalashnikov a:hover  {
    background-position:-350px -580px;
    }
#menu2 li.kalashnikov a.selected {
    background-position:-350px -580px;
    }

/* Слайдер */
.ca-container{
    position:relative;
    margin:25px auto 20px auto;
    width:990px;
    height:450px;
}
.ca-wrapper{
    width:100%;
    height:100%;
    position:relative;
}
.ca-item{
    position:relative;
    float:left;
    width:330px;
    height:100%;
    text-align:center;
}
.ca-more{
    position: absolute;
    bottom: 10px;
    right:10px;
    padding:4px 15px;
    font-weight:bold;
    background: #CCCC99;
    text-align:center;
    text-shadow:1px 1px 1px #897c63;
}
.ca-close{
    position:absolute;
    top:10px;
    right:10px;
    background:#fff url(../images/cross.png) no-repeat center center;
    width:27px;
    height:27px;
    text-indent:-9000px;
    outline:none;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    opacity:0.7;
}
.ca-close:hover{
    opacity:1.0;
}
.ca-item-main{
    padding:20px;
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    background:#B1AD80;
    overflow:hidden;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.ca-icon{
    width:233px;
    position:relative;
    margin:10px auto;
    background:transparent no-repeat center center;
}

.ca-item h3{
    text-transform:uppercase;
    font-size:1.2em;
    font-weight:bold;
    color:#000;
    margin-bottom:16px;
    text-align:center;
    text-shadow: 0px 1px 1px #B1AD80;
}
.ca-item h4{
    font-size:12px;
    text-align:left;
    border-left:10px solid #EAEAD5;
    padding-left:10px;
    line-height:24px;
    margin:10px;
    position:relative;
}
.ca-item h4 span{
    text-indent:40px;
    display:block;
}
.ca-item h4  span.ca-quote{
    color:#f4eee3;
    font-size:100px;
    position:absolute;
    top:20px;
    left:0px;
    text-indent:0px;
}
.ca-content-wrapper{
    background:#EAEAD5;
    position:absolute;
    width:0px;
    height:440px;
    top:5px;
    text-align:left;
    z-index:10000;
    overflow:hidden;
}
.ca-content{
    width:660px;
    overflow:hidden;
}
.ca-content-text{
    font-size: 1em;
    margin:10px 20px;
    padding:0px 20px;
    line-height:24px;
}
.ca-content-text p{
    padding-bottom:5px;
}
.ca-content h6{
    margin:25px 20px 0px 35px;
    font-size:32px;
    padding-bottom:5px;
    color:#000;
    color:#44422E;
    border-bottom:2px solid #A8A471;
    text-shadow: 1px 1px 1px #A8A471;
}
.ca-nav span{
    width:25px;
    height:38px;
    background:transparent url(../images/arrows.png) no-repeat top left;
    position:absolute;
    top:50%;
    margin-top:-19px;
    left:-40px;
    text-indent:-9000px;
    opacity:0.7;
    cursor:pointer;
    z-index:100;
}
.ca-nav span.ca-nav-next{
    background-position:top right;
    left:auto;
    right:-40px;
}
.ca-nav span:hover{
    opacity:1.0;
}


/* Таблицы без стиля */
table {
    font-size: .9em;
    text-align: left;
    border-collapse: collapse;
}
th {
    font-size: .9em;
    font-weight: normal;
    padding: 2px;
}
td {
    padding: 4px;
    vertical-align:top;
}
/* Таблицы со стилем*/
#table_border
{
    font-size: .9em;
    text-align: left;
    border-collapse: collapse;
}
#table_border th
{
    font-size: .9em;
    font-weight: normal;
    padding: 5px;
    background: #CCCC99;
    border-top: 1px solid #9E915A;
    border: 1px solid #EEEEEE;
    color: #000;
}
#table_border td
{
    padding: 5px;
    background: #CCCC99;
    border: 1px solid #9E915A;
    color: #000;
    vertical-align:top;
}
#table_border tr:hover td
{
    background: #EAEAD5;
    color: #000;
}

/* Формы*/
input {
    border: #9E915A solid 1px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #CCCC99;
    padding:6px;
    color:#000;
    font-family: 'Open Sans', sans-serif;
    font-size:.9em;
    width:260px;
    margin:0px 0px 0px 0px;
    }
button {
    border: #9E915A solid 2px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #584630;
    padding:6px 12px 6px 12px;
    font-family: 'Open Sans', sans-serif;
    color: #CCCC99;
    font-size:1em;
    cursor: pointer;
    }
input[type=button], input[type=submit], input[type=reset] {
    border: #9E915A solid 2px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #584630;
    padding:6px 12px 6px 12px;
    font-family: 'Open Sans', sans-serif;
    color: #CCCC99;
    font-size:1em;
    cursor: pointer;
}

textarea {
    border: #9E915A solid 1px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #CCCC99;
    padding:6px;
    color:#000;
    font-family: 'Open Sans', sans-serif;
    font-size:.9em;
    width:400px;
    height:100px;
    margin:0px 0px 0px 0px;
    }

/* Списки */
ul {
    padding: 0;
    margin-left: 25px;
    text-align:left;
   }
ol {
    padding: 0;
    margin-left: 25px;
    text-align:left;
    margin-bottom: 50px;
   }
.rectangle {
    counter-reset: li;
    list-style: none;
    font-size: .9em;
    padding: 0;
}
.rectangle a {
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    margin: .5em 0 .5em 2.5em;
    background: #CCCC99;
    color: #000;
    text-decoration: none;
    transition: all .3s ease-out;
}
.rectangle a:hover {
    background: #DCDDE1;
}
.rectangle a:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #6B6738;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}
.rectangle a:after {
    position: absolute;
    content: "";
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;
}
.rectangle a:hover:after {
    left: -.5em;
    border-left-color: #6B6738;
}

/* Выделение*/
::selection {
    background: #64652F;
    color: #fff;
    text-shadow:1px 1px 1px #000;
    }
::-moz-selection {
    background: #64652F;
    color: #fff;
    text-shadow:1px 1px 1px #000;
    }

/* Галерея слайдер */
.slide_text {
    display: none;
}
.slider {
    position: relative;
}
.slide {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.slide img {
    display: block;
    margin: auto;
    max-width: 98.8%;
    max-height: 500px;
    padding: 0.6%;
    -moz-border-radius: 12px; /* FF1+ */
    -webkit-border-radius: 12px; /* Saf3+, Chrome */
    -khtml-border-radius: 12px; /* old Konqueror browsers */
    border-radius: 12px; /* Opera 10.5+, IE 9 */
}
#button_l{
    position: relative;
    float: left;
    height: 100%;
    cursor: pointer;
    width: 10%;
}
#button_l>img {
    position: absolute;
    margin-top: -20px;
    top: 50%;
    left: 0;
    background:none;
    border:none;
}
#button_r{
    position: relative;
    float: right;
    height: 100%;
    cursor: pointer;
    width: 10%;
}
#button_r>img {
    position: absolute;
    margin-top: -20px;
    top: 50%;
    right: 0;
    background:none;
    border:none;
}
#slaidtext {
    margin-top: 20px;/* Отступ текста от картинки */
    margin-bottom: 20px;
    background:#CCCC99;
    padding:10px 20px 10px 20px;
    text-align:justify;
    -moz-border-radius: 12px; /* FF1+ */
    -webkit-border-radius: 12px; /* Saf3+, Chrome */
    -khtml-border-radius: 12px; /* old Konqueror browsers */
    border-radius: 12px; /* Opera 10.5+, IE 9 */
    -moz-box-shadow:0px 6px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 6px 0px rgba(0,0,0,0.2);
    box-shadow:0px 6px 0px rgba(0,0,0,0.2);
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color: #CCCC99;
    color: white;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #999966;
z-index: 100500;
background-color: #b1ad80;
background-image: url(../img/fon_top_1920.jpg);
background-repeat: no-repeat;
background-position: top center;
font-family: 'Open Sans', sans-serif;
font-size: 1.05em;
line-height: 1.4em;
color: #000000;
text-shadow: 1px 1px 1px #CCCC99;
}

#scrollup{
    position: fixed; padding: 5px 5px 5px 5px;
    border-radius: 5px;
    -webkit-border-radius:
    5px; -moz-border-radius:
    5px; right: 10px; bottom:
    10px; display: none;
    cursor:pointer;
    z-index: +2;
}

#page-preloader .spinner {
width: 20%;
height: 20%;
top: 40%;
left: 44%;
position: absolute;
background: url('../img/spinner.gif') no-repeat;
background-size: contain;
}

.logo-loader {
width: 960px;
height: 175px;
background: url(../img/logo_960.png);
background-repeat:no-repeat;
background-position:top center;
margin: auto;
margin-top: 5px;
}