frontend/web/css/custom.css

/* your styles go here */
/* CSS used here will be applied after bootstrap.css */
.modal-header-success {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-warning {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-danger {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-theme {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #38a7bb;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.has-success .form-control {
    border-color: #d6e9c6;
}
.has-error .form-control {
    border-color: #ebccd1;
}
#back-to-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 50px;
    font-size: 32px;
    background: #4fbfa8;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    padding: 4px 1px 4px 0;
    border-radius: 50%;
    box-shadow: 1px 4px 3px 0px rgba(0, 0, 0, 0.2);
}
#back-to-top:hover {
    transition:0.2s;
    background: #206b5c;
    color: #fff;
}
#back-to-top.show {
    opacity: 1;
}
#top .social a:hover.vk {
    background: #507299;
}
#top .social a:hover.odnoklassniki {
    background: #ee8208;
}
#navigation .navbar-nav ul.dropdown-menu li.active a {
    background: none;
    color: white;
}
#navigation .navbar-nav ul.dropdown-menu li.active {
    background: #38a7bb;
}
/**/
.header-kristal .container h1{
    font-weight: inherit;
    letter-spacing: 1px;
    font-size: 40px;
}
.header-kristal .container h1 span{
    font-weight:bold;
}
.header-kristal .container .header-text-right{
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
}
.header-kristal .container .img-responsive{
    margin-bottom: -68px;
    margin-top: -80px;
}
.header-kristal .mtop90{
    margin-top: 90px;
}
.kristal-cont .icon{
    overflow:hidden;
    border:none;
}
.kristal-cont .icon img{
    width: 100%;
    margin-top: -7px;
    padding: 0;
}
.image-full-screen {
    height: calc(100vh - 140px);
    max-height: 900px;
    width: 100%;
    background-image: url(../img/full_screen_photo.jpg);
    margin-bottom: 0;
    box-shadow: inset 0px 100px 150px -100px rgba(0, 0, 0, 0.6), inset 0px -100px 100px -100px rgba(0, 0, 0, 0.75);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.kristal-cont#get-it {
    background: #4fbfa8;
    padding: 30px 0 10px;
    color: #fff;
    text-align: center;
}
.text-down p{
    font-size: 18px;
    padding-bottom: 20px;
}
.text-down p:last-child{
    padding-bottom: 0px;
    margin-bottom: 0;
}
.showcase .item h4{
    color:#fff;
    text-shadow: 20px 0px 100px black;
}
#footer {
    padding: 25px 0;
}
ul.list-style-none {
    padding: 0;
}
.read-more{
    margin-top: 20px;
}
.post-tags{
    margin-top: 15px;
    margin-bottom: 15px;
}
.post-tags:after{
    content:'';
    display:block;
    clear:both;
}
.post-tag {
    float: left;
}
.post-tag a{
    border: 1px solid #eeeeee;
    padding: 4px 12px;
    margin-right: 5px;
    position: relative;
    text-decoration: none;
}
.post-tag a:hover{
    border: 1px solid #4fbfa8;
}
.artbox_form_container:after, .list-view:after,.input_bl.submit_btn:after, .form-comm-wr .input_bl:after{
    content:'';
    display:block;
    clear:both;
}
.input_bl.stars-wr_{
    float:none;
}
.artbox_list_container .list-view{
    margin-bottom:40px;
}
.form-comm-wr .input_bl.submit_btn button[type='submit']{
    background: none;
    border: 1px solid #d2d2d2;
    color: #7d7d7d;
    border-radius: 0px;
    text-transform: uppercase;
}
.form-comm-wr .input_bl.submit_btn button[type='submit']:hover{
    background: #4fbfa8;
    border: 1px solid #4fbfa8;
    color: #fff;
}
.input_bl.submit_btn{
    float: right;
    margin-top: 27px;
    width: 100%;
    text-align: center;
}
.form-comm-wr{
    background:none;
    padding:0;
    width:100%;
}
.artbox_form_container{
    padding: 0;
    margin-top: -10px;
}
.form-comm-wr .form-group {
    margin-bottom: 10px;
    position: relative;
    float: none;
}
.form-comm-wr .form-group label.control-label{
    width: inherit;
    float: none;
    text-transform: none;
    font-size: 14px;
    color: black;
    margin: 5px 0px;
}
input[type="text"].form-control{
    border-radius: 0;
    padding: 17px 13px;
}
.input_bl input{
    width: 100%;
    max-width: 400px;
}
.area_bl textarea, .answer-form textarea{
    border-radius: 0;
    width: 100%;
    height: 160px;
}
.tag-cloud li.active a {
    color: #fff!important;
    background-color: #4fbfa8;
    border-color: #4fbfa8!important;
}
.post .image{
    max-height:300px;
    overflow:hidden;
}
.post .image a{
    height: 300px;
    overflow: hidden;
    display: block;
}
.post .img-responsive{
    width:100%;
}
@media (max-width: 1199px){
    .header-kristal .container .img-responsive{
        margin-bottom: -68px;
        margin-top: -110px;
        width: 70%;
    }
    .header-kristal .mtop90 {
        margin-top: 0px;
    }
}
.appment-page .modal-body{
    margin-bottom: 60px;
}
.pages#get-it{
    padding: 20px 0 20px;
}
.price-page{
    margin-bottom: 50px;
}
.artbox_list_container .artbox_list_container{
    margin:25px 0px;
}
.title-comment{
    width: 730px;
    margin-left: auto;
    margin-right: auto;
}
.feedback-wr .form-comm-wr{
    margin-bottom: 60px;
}
.comments-wr {
    margin-top: 20px;
    margin-bottom: 20px;
}
.artbox_list_container #list-view{
    padding-top:40px;
}
figure.reviews_gallery {
    width: 33.333%;
    float: left;
    padding: 10px;
}
.reviews_gallery img {
    width: 100%;
    height: 100%;
}
.reviews_gallery:last-child img{
    margin-bottom:60px;
}
@media ( max-width: 690px ) {
    figure.reviews_gallery{
        width:50%;
    }
}
@media ( max-width: 380px ) {
    figure.reviews_gallery{
        width:100%;
    }
}