body {
  background-color:#fcf8e3!important;
  color: #000000!important;
  font-family: 'Open Sans',Roboto,Helvetica,Verdana,sans-serif;
} 

body h2{
    font-family: Roboto!important;
    font-size: 43px;
    line-height: 60px;
    /* or 140% */

    letter-spacing: 0.1em!important;

    color: #000000!important;
    font-size: 45px!important;
}
body  p{

    font-family: Roboto;
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 0.1em;

    color: #646464;

    mix-blend-mode: multiply;
}

body .details p{
    width: 272px;
    font-family: Roboto;
    line-height: 18px;
    letter-spacing: 0.1em;

    color: #646464;

    mix-blend-mode: multiply;
}

body .nav li{
    font-family: Roboto;
    letter-spacing: 0.2em;
    color: #C4C4C4;
}

body .navbar ul{
     width: 800px;
}

body h3{
    font-family: Roboto;
    line-height: 30px;
    /* or 125% */

    letter-spacing: 0.1em;


}

body .details h3{
     width:250px;
     margin:0;
}

body .details .text{
    /*border: 4px double black;*/
    padding:0px;
    margin-left: 15px;
    margin-right:15px;
    background: #FAF5D9;
    width: 350px;
    height: 619.3px;
}

body .details .border{
    padding-left:25px;
    background-color:none;
    width: 350px;
    height: 500px;
}

#Работы p{
    font-style: italic;
    line-height: 30px;
    letter-spacing: 0.1em;
}



#objects {
    overflow-y:auto;
    margin-left: 10px;
    margin-right:10px;
    margin-top:20px;
    font-size: 18px;
    height:520px;
}

::-webkit-scrollbar {
     width: 6px;
}

::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px #C4C4C4;
   border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, rgba(195,34,83,1) 0%, rgba(246,188,50,1) 88%, rgba(253,209,45,1) 100%);
    border-radius: 0px;
    height:50px;
}

::-webkit-scrollbar-thumb:hover {
       background: #b30000;
}

#objects h3{
    padding-left:10px;
    padding-top:20px;
    padding-right:70px;
    padding-bottom: 20px;
}

#objects .object:nth-child(odd){
    background-color:  #faf5d9;
}

#objects .object{
    height: 140px;
}

#objects p{
    height: 140px;
    font-style: italic;
    font-size: 18px;
    line-height: 20px;
    padding-left:10px;
    padding-top:30px;
    padding-right:50px;
    letter-spacing: 0.1em;

    color: #4D4C4C;

}

#sertificate a,#sertificate a{
    color:none;
}


@media (min-width: 768px){
    .navbar-nav{
        height: 20px;
    }

    .navbar-nav:hover{
        color:red;
    }
}

.navbar-inverse .navbar-brand {
    width: 222px;

    font-family: Roboto;
    line-height: 25px;
    padding:3px 10px!important;
    color: #FFFFFF!important;
}

body .navbar{
    font-size: 18px!important;
}


.container img{
    max-width: 100%;
    max-height: 100%;
}

body img{
    max-width: 100%;
    max-height: 100%;

}

body table{
font-size:24px;
}

a.thumbnail{
    height:400px;
    margin-bottom:0px;
    width:350px;
}

a.btn {
-webkit-box-shadow:none!important;
 box-shadow:none!important;
}

#Контакты form .btn {
    font-size:20px;
    height:50px;
    width:100%;
    color:#584f21;
    background-color:white;
    font-family: Roboto;
    border: 1px solid #ccc;
}

#Сертификаты .glyphicon{
    color:#5226002b;
}

#Контакты .btn:hover,.btn:focus {
background: rgb(184,188,190);
background: radial-gradient(circle, rgba(184,188,190,1) 0%, rgba(176,194,222,0.06999886136095068) 100%, rgba(252,252,252,0) 100%);
    border: 1px solid black;
}

.btn.active,.btn:active{
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
}

.row{
  margin-bottom:50px;
  margin-top:50px;

}

body address{

    font-family: Roboto;
    font-style: italic;
    font-size: 18px;
    line-height: 20px;

    letter-spacing: 0.05em;

    color: #000000;
}

.container{
    background-color:#fcf8e3;
}

.g-recaptcha div{
    width:230px!important;
}

.rc-anchor-normal{
     width:230px!important;
}

.rc-anchor-logo-portrait{
    margin: 10px 0 0 -50px!important;
}
    
@media (max-width: 767px) {
    body{
        position:absolute;
    }
    body div{
        position:relative;
    }

    body h2{
        line-height: 70px!important;
        letter-spacing: 0px!important;
    }

    body .details .border {
        width:300px!important;
    }

    body .details .text {
        width:300px!important;
    }

    .container{
        margin-right:0px!important;
        margin-left:0px!important;
    }
    
    .row{
        padding-right:0!important;
        padding-left: 0!important;
    }

    .head_screen{
        display: block!important;
        margin-bottom:0!important;
     }

    div.navbar{
        font-size:14px!important;
        height:30px!important;
    }

    #Галерея{
        height:240px!important;
     }
     
    .carousel{
        height:240px!important;
    }

    table.table , .table tbody tr td{
        width:320px!important;
        font-size:15px!important;
        font-stretch: ultra-condensed
    }

    .jcarousel  {
        padding-left: 30px; 
        width: 450px!important;
        height:510px!important;
        margin-left: 100px!important;
    }
    
    .jcarousel img{
        height:510px!important;
    }

    .jcarousel-control-next {
        left:450px!important;
    }

    .jcarousel-control-prev{
        left:20px!important;
    }

    #contact{
        height:300px!important;
        margin:10px;
    }


    #Работы div:nth-child(1){
        padding-top:260px!important;
    }


 }


@media (min-width: 1024px){

    .container{
      }
}

@media (max-width: 360px) and (min-width: 360px)  {
 .footer{
        margin-bottom:100px;
    }
    

}


@media (min-width: 1200px) {
    .container{
        max-width: 780px;
            
    }
}


#contact{
    height:450px;
}

.carousel{
  margin-left:80px;
  width:584px;
  height:341px;
}


html {
  min-height: 100%;
}

.footer{
    bottom: 0;
    width: 100%;
    height: 3rem!important;
}

.footer div{
    text-align:left;
    background:#2a2a2a;
    padding:1em;
    color:white;
    font-family: Roboto;
    letter-spacing: 0.1em;
}