/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.02.2017, 19:59:20
    Author     : andrey
*/
@font-face {
    font-family: 'Gabriola';
    src: local('Gabriola'), url(../fonts/gabriola.ttf) format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Monotype';
    src: local('Monotype Corsiva'), url(../fonts/monotype.ttf) format('truetype');
}
@font-face {
    font-family: 'Ticker';
    src: local('Ticker Tape'), url(../fonts/ticker.ttf) format('truetype');
}
@font-face {
    font-family: 'Georgia';
    src: local('Georgia'), url(../fonts/georgia.ttf) format('truetype');
}
@font-face {
    font-family: 'Verdana';
    src: local('Verdana'), url(../fonts/verdana.ttf) format('truetype');
}
@font-face {
    font-family: 'Calligraph';
    src: local('Calligraph'), url(../fonts/calligraph.ttf) format('truetype');
}
@font-face {
    font-family: 'AleksandraC';
    src: local('AleksandraCRegular'), url('/assets/templates/salon-new/fonts/aleksandracregular.ttf') format('truetype');
    font-style: normal;
}
 
/* --- Block elements --- */
p, .top-header, .otstup-5, .otstup-10, .otstup-15, .otstup-20, .otstup-25, 
.otstup-30 .devider, .header .col-md-3 strong, .top-header, span.logo, .tel {
    display: block;
    box-sizing: border-box;
}
html { font-size: 16px; }
body {
    background: #f2f2f2 url("/assets/templates/salon-new/images/greyfloral.png") repeat;
    font-family: AleksandraC;
    font-size: 1.2rem;
}
h1, h2, h3, h4, h5, h6 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: Gabriola;
    margin-top: 1rem;
}
h1 { font-size: 2.4rem; } h2 { font-size: 2rem; } h3 { font-size: 1.8rem; }
p {
    margin-top: 10px;
    text-indent: 2em;
    letter-spacing: 1px;
    text-align: justify;
}
ul { list-style-type: none; }
a { color: #125091; }
.otstup-5, .otstup-10,
.otstup-15, .otstup-20, 
.otstup-25, .otstup-30 { width: 100%; }
.otstup-5 { height: 5px; } .otstup-10 { height: 10px; }
.otstup-15 { height: 15px; } .otstup-20 { height: 20px; }
.otstup-25 { height: 25px; } .otstup-30 { height: 30px; }
.red { color: red; }
.devider { height: 5px; }

/* --------------- header --------------- */
.header {
    padding: 5px 0 15px;
    text-align: center;
}
.header .col-md-3 strong {
    width: 100%;
    margin: 10px 0 5px;
}
.top-header { 
    height: 40px;
    border-bottom: 1px solid lightgrey;
}
span.logo {
    width: 100%;
    text-align: center;
}
span.logo br { height: 2px; }
span.logo img { margin: 0 auto; }
.tel {
    position: relative;
    bottom: 0;
    font-family: Georgia; 
    color: #0f7247; 
    font-size: 1.4rem;
    text-align: center;
    text-shadow: 0 0 3px white;
}
.header-notification {
    padding-top: 10px;
}
.header-notification img {
    float: left;
}
.header-notification span  {
    display: block;
    box-sizing: border-box;
    float: left;
    margin-top: 35px;
    text-align: center;
    color: #0a8751;
    font-size: 1.9em;
    font-family: Gabriola;
    line-height: .9em;
}
img.butterfly  {
    display: block;
    margin: 0 auto;
}
.today {
    font-size: .9em;
    line-height: 1;
}

/* --------------- slider -------------- */
.carousel.fade{
    opacity: 1;
}
.carousel.fade .item {
    display: block;
    position: absolute;	
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 2s;
}
.carousel.fade .item.active {
    position: relative;
    opacity: 1;
}
.carousel-inner {
    box-shadow: 0 0 6px #a5a4a4;
}

/* --------------- main-content --------------- */
.main-content,
.products-in-category,
div.col-sm-9.col-sm-push-3.ms2_product {
    background-color: #fbfaef;
    border: 1px solid #dbd8d8;
    border-radius: 6px;
    box-shadow: 0 0 6px #a5a4a4;
}
.main-content h2 {
    line-height: .9;
    color: #bd2828;
    margin-top: 30px;
}

/* --------------- main-menu --------------- */
.menu-wrapper {
    display: block;
    box-sizing: border-box;
    width: auto;
    text-align: center;
}
ul.main-menu {
    display: inline-block;
    box-sizing: border-box;
    list-style-type: none;
    margin: 10px auto;
    padding-left: 0;
}
ul.main-menu li {
    display: block;
    box-sizing: border-box;
    float: left;
    margin: 5px 0 15px 12px;
    background: url("/assets/templates/salon-new/images/button-bg.jpg") left top no-repeat;
}
ul.main-menu li a,
a.signup {
    display: block;
    height: 100%;
    text-decoration: none;
    font-family: Georgia;
    font-size: 1.2em;
    color: #4d6064;
    /*
    color: #bd2828;
    color: #e34a4a; 
    */
    letter-spacing: 2px;
    padding: 5px 12px;
    background-color: inherit;
    /* border: 2px solid #ff8080; 
    box-shadow: 0 0 6px #a5a4a4; 
    border-radius: 4px;
    color: #525555; */
    border: 1px solid #dbd8d8;
    border-radius: 6px;
    box-shadow: 0 0 6px #a5a4a4;
}
a.signup {
    width: 150px;
    background: url("/assets/templates/salon-new/images/button-bg.jpg") left top no-repeat;
    margin: 15px auto;
    font-size: 1.1em;
    padding: 4px 10px;
    text-align: center;
}
ul.main-menu li a:hover,
ul.main-menu li.active {
    background-color: white;
}
ul.main-menu > li > a:first-letter {
    color: #bd2828;
}
ul.main-menu li:first-child {
    margin-left: 0;
}
.navbar-collapse {
    padding: 0;
    text-align: center;
}

/* --------------- breadcrumb -------------- */
ol.breadcrumb {
    font-size: .8em;
    padding: 6px 0 4px 15px;
    letter-spacing: 1px;
    background-color: inherit;
    background-color: #fbfaef;
}
ol.breadcrumb a {
    color: black;
}

/* --------------- sidebar -------------- */
.sidebar span {
    display: block;
    width: 100%;
    text-align: center;
    color: #bd2828;
    font-size: 1.1em;
    line-height: 1.1;
}
.sidebar img {
    display: block;
    margin: 0 auto;
}
ul.sidebar-menu {
    display: block;
    box-sizing: border-box;
    width: 98%;
    margin: 0 auto;
    list-style-type: none;
    padding: 10px 0 20px;
    /* background-color: #f9f9f9; */
    border-radius: 8px
}
ul.sidebar-menu li {
    display: block;
    box-sizing: border-box;
    background-color: white;
    /*
    background-color: #e5f8f1;
    background-color: #eef5fb;
    */
    border: 1px solid #dbd8d8;
    border-radius: 6px;
    box-shadow: 0 0 6px #a5a4a4;
    margin: 10px 0;
}
ul.sidebar-menu li:first-child {
    margin-top: 0;
}
ul.sidebar-menu li.active {
    background-color: #fbfaef;
}
ul.sidebar-menu li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 1.1em;
    color: #4d6064;
    /*
    color: #125091;
    */
    font-weight: normal;
}
ul.sidebar-menu li a:hover {
    color: #4d6064;
}


/* --------------- study-page -------------- */
.study-outer {
    display: block;
    width: 100%;
    padding: 10px 5px;
    border-radius: 8px;
}
.study-item {
    display: block;
    width: 98%;
    margin: 20px auto 0;
    height: 100%;
    padding: 5px 10px;
    border: 1px solid #dbd8d8;
    border-radius: 6px;
    box-shadow: 0 0 6px #a5a4a4;
    background-color: white;
    /* 
    background-color: #f9f9f9;
    background-color: #fdf4f4; 
    */
}
.study-item a {
    color: #125091;
}
.study-item:first-child {
    margin-top: 0;
}
.study-item > h2 {
    margin: 10px 0 0 0;
    color: #bd2828;
}
.study-main_content,
.article-main_content {
    background-color: white; 
    border-radius: 8px;
    padding-bottom: 15px;
    border: 1px solid #dbd8d8;
    box-shadow: 0 0 6px #a5a4a4;
    background-color: white;
}
.study-main_content ol {
    line-height: 1.6em;
    letter-spacing: 1px;
}
/*
.study-main_content ol > li {
    font-weight: normal; 
}
*/
.study-main_content ol > li > ul {
    list-style-type: none;
    padding-left: 10px;
    font-weight: normal;
    margin-bottom: 10px; 
}
.study-main_content ol > li > ul > li > ul {
    list-style-type: none;
    padding-left: 30px;
}
.study-main_content ul {
    list-style-type: disc;
    letter-spacing: 1px;
}
.study-main_content h2,
.article-main_content h2 {
    color: #bd2828;
}
ol.nobold li {
   font-weight: normal; 
}

/* --------------- article-page -------------- */
.article-main_content {
    letter-spacing: 1px;
}

/* --------------- Category-page -------------- */
.products-in-category h2 {
    color: #bd2828;
}
.products-in-category h3 {
    font-family: AleksandraC;
    color: #bd2828;
    line-height: 1em;
    height: 1.6em;
    color: black;
    font-size: 1em;
}
.products-in-category .hor-devider, 
.hor-devider {
    display: block;
    box-sizing: border-box;
    width: 96%;
    height: 2px;
    margin: 3px auto;
    border-bottom: 1px solid #bd2828;
}
.small-image, .ware-preview {
    display: block;
    width: 100%;
    text-align: center;
}
.ware-preview p {
    font-size: .9em;
    text-indent: 0;
    text-align: center;
}
.ware-preview a {
    display: block;
    box-sizing: border-box;
    width: 120px;
    margin: 5px auto 10px;
    /*
    border: 1px solid black;
    border-radius: 8px;
    */
    padding: 4px 10px 2px;
    text-align: center;
}
.catalog > li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 250px;
    border: 1px solid #dbd8d8;
    box-shadow: 0 0 6px #a5a4a4;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 10px;
    border-radius: 6px;
    background-color: white;
}
.catalog > li > a {
    min-height: 100%;
}
.catalog > li > a > h2 {
    color: #bd2828;
}

/* --------------- Ware-card -------------- */
.ware-card {
    background-color: #fbfaef;
    border-radius: 8px;
    padding-bottom: 10px;
}
.fotorama a img {
    display: block;
    margin: 10px auto;
    width: 252px;
}
.value {
    padding-top: 10px;
}
.ware-card .form-group {
    margin-bottom: 5px;
}
div.form-group > div.col-md-9 {
    padding-top: 7px;
}
.ms2_product {
    background-color: #fbfaef;
}


/* --------------- Service-page -------------- */
form.ajax_form.af_example {
    max-width: 500px;
    margin: 15px auto;
    padding: 20px;
    background-color: #fbfaef;
    border-radius: 8px;
}
select.input-sm {
    height: auto;
    font-size: 1em;
}
.consent {
    margin-top: 15px;
}
.consent input {
    margin-top: 5px;
}
.consent span {
    margin-left: 15px;
}


/* --------------- Footer -------------- */
.footer {
    margin: 15px 0;
    text-align: center;
    border-radius: 4px;
    background-color: #fbfaef;
}
.footer > .col-sm-3:first-child {
    padding-top: 15px;
}
.footer p {
    font-size: .9em;
    text-align: center;
}