@import url('https://fonts.googleapis.com/css?family=PT+Sans+Caption:700&subset=cyrillic,cyrillic-ext');

body {
    font-size: 20px;
    color: #212529;
    font-family: sans-serif;
}
p {
    line-height: 1.5;
    margin: 20px 0;
}
p a {
    text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'PT Sans Caption', sans-serif;
}
h1 {
    font-size: 2rem;
}

.site-heading .h1,
.site-heading h1 {
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 46px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.subheading {
    text-transform: uppercase;
}
header.masthead {
    margin-bottom:30px;
    background:no-repeat center center;
    background-color:#868e96;
    background-attachment:scroll;
    position:relative;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
header.masthead .page-heading,
header.masthead .post-heading,
header.masthead .site-heading {
    padding: 200px 0 150px;
    color: #fff;
}
#breadcrumbs {
    text-align: center;
    margin-top: -15px;
}
#breadcrumbs ul {
    display: inline-table;
    list-style: none outside none;
    height: 38px;
    padding: 0;
    margin: 0;
}
#breadcrumbs ul li {
    display: inline-block;
    padding: 10px;
    height: 40px;
}
#breadcrumbs ul li a {
	text-align: center;
	position: relative;;
	text-decoration: none;
	color: #fff;
}
#breadcrumbs ul li a:hover {
	color: #CCC;
}
.content {
    padding-bottom: 20px;
}
.contact {
    text-align: center;
    padding: 20px 0px 20px 0px;
}
.contact h2 {
    font-size: 26px;
    margin: 20px 0px;
}
.item {
    padding-bottom: 15px;
    text-align: center;
}
.item img {
    width: 100%;
    border: 1px solid black;
    border-radius: 3px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s;
    margin-bottom: 10px;
}
.item img:hover {
    opacity: 0.9;
}
.item a:hover {
    color: #666;
    text-decoration: none;
}
.item-title {
    text-transform: uppercase;
}
#msGallery {
    margin: 15px 0 0 0;
}
.fotorama__stage__shaft {
    border: 1px solid #666;
    border-radius: 5px;
}
.fotorama__stage__frame img,
.fotorama__loaded img,
.fotorama__loaded--img,
.fotorama__active img {
    border-radius: 7px;
}
.fotorama__nav-wrap {
    display: none;
}
.msProductDesc {
    margin: 0 15px 20px 15px;
    background-color: #ebebeb;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.msProductDesc .p3 {
    padding: 3px 3px 3px 23px;
}
.pagination {
    background-color: #ebebeb;
    border-radius: 6px 6px 0 0;
    padding: 5px 3px;
    text-align: center;
    margin: auto;
}
.paginaion ul {
    margin: auto;
    padding: 0;
}
.pagination ul li {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
}
.pagination ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #999;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
}
.pagination ul li a:hover,
.pagination ul li.active a {
    background-color: #f4f4f4;
    color: #333;
}
a {
    color: #212529;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition:all .2s
}
a:focus,
a:hover {
    color: #0085a1;
}
blockquote {
    font-style: italic;
    color: #868e96
}
.section-heading {
    font-size: 36px;
    font-weight: 700;
    margin-top: 60px;
}
.caption {
    font-size: 14px;
    font-style: italic;
    display: block;
    margin: 0;
    padding: 10px;
    text-align: center;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

::-moz-selection {
    color: #fff;
    background: #dc3545;
    text-shadow: none;
}
::selection {
    color: #fff;
    background: #dc3545;
    text-shadow: none;
}
img::selection {
    color: #fff;
    background: 0 0;
}
img::-moz-selection {
    color: #fff;
    background: 0 0;
}

#mainNav {
    position: absolute;
    background-color: rgba(16,16,16,0.75);
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}
#mainNav .navbar-brand {
    font-weight: 800;
    color: #343a40;
}
#mainNav .navbar-toggler {
    font-size: 12px;
    font-weight: 800;
    padding: 13px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #666;
}
#mainNav .navbar-nav {
    background-color: rgba(16,16,16,0.85);
    border: 1px solid #666;
    border-radius: 5px;
    margin: 15px 0px 10px 0px;
}
#mainNav .navbar-nav>li.nav-item>a {
    color: #cecece;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #666;
}
#mainNav .navbar-nav>li.nav-item>a:hover {
    color: white;
    background-color: rgba(16,16,16,0.85);
    border-bottom: 1px solid #666;
}
@media only screen and (min-width:992px){
    #mainNav {
        border-bottom: 1px solid transparent;
        background: 0 0;
    }
    #mainNav .navbar-brand {
        padding: 10px 20px;
        color: #fff;
    }
    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover {
        color: rgba(255,255,255,.8);
    }
    #mainNav .navbar-nav {
        background-color: transparent;
        border: none;
        border-radius: 5px;
        margin: 15px 0px 10px 0px;
    }
    #mainNav .navbar-nav>li.nav-item>a {
        padding: 10px 20px;
        color: #fff;
        border: none;
    }
    #mainNav .navbar-nav>li.nav-item>a:focus,
    #mainNav .navbar-nav>li.nav-item>a:hover {
        color: rgba(255,255,255,0.8);
        background-color: transparent;
        border: none;
    }
}

@media only screen and (min-width:992px) {
    #mainNav {
        -webkit-transition: background-color .2s;
        -moz-transition: background-color .2s;
        transition: background-color .2s;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        -webkit-backface-visibility: hidden;
    }
    #mainNav.is-fixed {
        position: fixed;
        top: -67px;
        -webkit-transition: -webkit-transform .2s;
        -moz-transition: -moz-transform .2s;
        transition: transform .2s;
        border-bottom: 1px solid #fff;
        background-color: rgba(255,255,255,.9);
    }
    #mainNav.is-fixed .navbar-brand {
        color: #212529;
    }
    #mainNav.is-fixed .navbar-brand:focus,
    #mainNav.is-fixed .navbar-brand:hover {
        color: #0085a1;
    }
    #mainNav.is-fixed .navbar-nav>li.nav-item>a {
        color: #212529;
    }
    #mainNav.is-fixed .navbar-nav>li.nav-item>a:focus,
    #mainNav.is-fixed .navbar-nav>li.nav-item>a:hover {
        color: #0085a1;
    }
    #mainNav.is-visible {
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        -o-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

header.masthead .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #212529;
    opacity: 0.5;
}

@media only screen and (min-width:768px) {
    header.masthead .page-heading,
    header.masthead .post-heading,
    header.masthead .site-heading {
        padding:200px 0;
    }
}
header.masthead .page-heading,
header.masthead .site-heading {
    text-align: center;
}
header.masthead .page-heading h1,
header.masthead header.masthead .page-heading .subheading,
header.masthead .site-heading .subheading {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.1;
    display: block;
    margin: 10px 0 0;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}
header.masthead .post-heading h1 {
    font-size: 35px;
}
header.masthead .post-heading .meta,
header.masthead .post-heading .subheading {
    line-height: 1.1;
    display: block;
}
header.masthead .post-heading .subheading {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 30px;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}
header.masthead .post-heading .meta {
    font-size: 20px;
    font-weight: 300;
    font-style:italic;
    font-family:Lora,'Times New Roman',serif;
}
header.masthead .post-heading .meta a {color:#fff}

@media only screen and (min-width:768px) {
    header.masthead .post-heading h1 {font-size:55px}
    header.masthead .post-heading .subheading{font-size:30px}
}
.post-preview>a {color: #212529}
.post-preview>a:focus,
.post-preview>a:hover{text-decoration:none;color:#0085a1}
.post-preview>a>.post-title{font-size:30px;margin-top:30px;margin-bottom:10px}
.post-preview>a>.post-subtitle{font-weight:300;margin:0 0 10px}
.post-preview>.post-meta{font-size:18px;font-style:italic;margin-top:0;color:#868e96}
.post-preview>.post-meta>a{text-decoration:none;color:#212529}
.post-preview>.post-meta>a:focus,.post-preview>.post-meta>a:hover{text-decoration:underline;color:#0085a1}

@media only screen and (min-width:768px) {
    .post-preview>a>.post-title{font-size:36px}}
    .floating-label-form-group{font-size:14px;position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #dee2e6}
    .floating-label-form-group input,.floating-label-form-group textarea{font-size:1.5em;position:relative;z-index:1;padding:0;resize:none;border:none;border-radius:0;background:0 0;box-shadow:none!important;font-family:Lora,'Times New Roman',serif}
    .floating-label-form-group input::-webkit-input-placeholder,
    .floating-label-form-group textarea::-webkit-input-placeholder{color:#868e96;font-family:Lora,'Times New Roman',serif}
    .floating-label-form-group label{font-size:.85em;line-height:1.764705882em;position:relative;z-index:0;top:2em;display:block;margin:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease;vertical-align:middle;vertical-align:baseline;opacity:0}
    .floating-label-form-group .help-block{margin:15px 0}
    .floating-label-form-group-with-value label{top:0;opacity:1}
    .floating-label-form-group-with-focus label{color:#0085a1}
    form .form-group:first-child .floating-label-form-group{border-top:1px solid #dee2e6}
    .btn{font-size:14px;font-weight:800;padding:15px 25px;
    letter-spacing:1px;text-transform:uppercase;border-radius:0;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}
    .btn-primary{background-color:#0085a1;border-color:#0085a1}
    .btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#00657b!important;border-color:#00657b!important}
    .btn-lg{font-size:16px;padding:25px 35px}
#map {
    border-top: 6px double #222;
    margin-top: 25px;
}
footer {
    background: #222;
    padding: 25px 0;
}
footer ul {
    margin: 0;
    padding: 15px 0;
    text-align: center;
}
footer ul li {
    color: #CCC;
    font-size: 16px;
    list-style: none;
}
footer ul li:first-child {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
footer ul li a {
    color: #CCC;
}
footer ul li a:hover {
    color: white;
    text-decoration: none;
}
footer hr {
    color: #999;
    background-color: #999;
}
footer p {
    margin: 0;
    padding: 0;
}
.copyright {
    font-size: 14px;
}
.copyright a {
    color: #6c757d;
}
.copyright a:hover {
    color: #CCC;
}
.control-group {
    padding-bottom: 10px;
}
.controls .error {
    border: 2px solid brown;
}
.controls input,
.controls textarea {
    padding: 5px;
    border-width: 2px !important;
    background: white !important;
    border-radius: 0px !important;
    border-style: solid;
    border-color: #999999;
}
.modal-header {
    border-bottom: 2px dotted #999;
}
.modal-body {
    padding: 1rem 1rem 0.5rem 1rem;
}
.modal-footer {
    border-top: 2px dotted #999;
}
@media (max-width: 767px) {
    header.masthead .site-heading h1,
    header.masthead .page-heading h1,
    header.masthead .site-heading .h1 {
        font-size: 36px;
    }
    header.masthead .site-heading {
        padding: 90px 0 30px;
    }
    .copyright {
        text-align: center !important;
    }
    #msGallery {
        margin: 5px 0 0 0;
    }
    .msProductDesc {
        margin: 0 5px 10px 5px;
    }
}
@media(min-width:768px) and (max-width:991px) {
    header.masthead .page-heading,
    header.masthead .post-heading,
    header.masthead .site-heading {
        padding: 100px 0 75px;
    }
}
@media(min-width:992px) and (max-width:1199px) {
    header.masthead .page-heading,
    header.masthead .post-heading,
    header.masthead .site-heading {
        padding: 120px 0 95px;
    }   
}