body {
   font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
}
.uppercase {
    text-transform: capitalize;
}

.section {
    height: 100vh;
}
.navbar-brand {
    padding: 5px 15px !important
}
.hname {
    font-size: 24px;
    font-family: 'Times New Roman'
}
.hname2 {
    font-size: 17px;
    letter-spacing: 5px;
    padding-left: 1px;
    font-family: 'Times New Roman'
}
.hline {
    border-bottom: 1px solid #777;
    width: 110px;
}
.firma {
    margin-top: 70px
}
#sec1 {
    background-image: url('../images/white.png');
}
#sec2 {
    background: #960000;
    background-image: url('../images/expert.png');
    background-position: top;
    background-size: cover;
    background-position-y: -200px;
}
.cover_div2 {
    background-image: url('../images/pattern.png');
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
#sec3 {
    background: #DAC582;
    background-image: url('../images/brown.png');
}
#sec4-old {
    background: #454545;
    background-image: url('../images/red.png')
    
}
#sec4 {
    background: #454545;
    background-image: url('../images/light.png')
    }
.carousel-control.left {
    padding-top: 45vh;
    font-size: 80px;
    margin-left: -80px;
}
.carousel-control.right {
    padding-top: 45vh;
    font-size: 80px;
    margin-right: -80px;
}
.gallery {
    position: absolute ;
    height: 100% !important;
    width: 60% !important;
    left: 20%;
}
.div_hairdresser {
    height: 60vh !important;
    margin: 0 auto !important;
    margin-top: 15vh !important;
    text-align: center
}
.img_element {
    height: 100% !important;
    margin: 0 auto;
}
.description {
    color: white;
    font-size: 18px;
    position: relative;
    top: 15px;
}
.description2 {
    color: white;
    font-size: 50px;
    position: absolute;
    bottom: 10px;
    left: 74%;
    font-family: 'Courgette', cursive;
}
.form {
    background-image: url('../images/dark.png'); 
    width: 0px; 
    height: calc(100% - 264px); 
    top: 0px; 
    position: absolute; 
    right: 0px;
    z-index: 99;
    transition: all 1s;
}
.form_show {
    width: 100%
}
.map {
    background-image: url('../images/dark.png'); 
    width: 100%; 
    height: calc(100% - 50px); 
    top: 0px; 
    position: absolute; 
    left: -100%;
    z-index: 99;
    transition: all 1s;
}
.map_show {
    left: 0px
}
.fb {
    position: absolute;
    bottom: 50px;
    width: 100%;
    background: #272222;
    background-image: url('../images/dark.png');
    border-top: 1px dashed white;
    border-bottom: 1px dashed white;
    padding: 15px 0;
}
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{ min-width:280px;width: 100% !important;}
.fb-like-box iframe[style]{min-width:280px;width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{min-width:280px;width: 100% !important;}
.fb-like-box iframe span[style]{min-width:280px;width: 100% !important;} 
.-cx-PRIVATE-pluginBoxContainer__border{ border:none}
.stopka {
    position: absolute;
    bottom: 0px;
    height: 50px;
    width: 100%;
    color: white;
}
.stopka a {
    color: white;
}
.copy {
    text-align: right;
    margin-top: 14px
}
.copy a {
    margin-right: 10px
    }
.linked {
    margin-right: 30px !important
}
i.fb,       span.fb{     color: #3b5998; }
i.tw,       span.tw{     color: #00aced; }
i.google,   span.google{ color: #dd4b39; }
i.linkin,   span.linkin{ color: #007bb6; }

.google-plus-one{
   overflow: hidden;
   position: relative;
}

.google-plus-one i{
   position: absolute;
   left: -4px;
   bottom: -5px;
}

.google-plus-one span{
   font-size: 16px; 
   font-weight: 900; 
   line-height: 10px;
   margin-left: 15px;
}

.btn-sm.google-plus-one span{ font-size: 14px; }
.btn-sm.google-plus-one i{ bottom: -3px; }
.btn-lg.google-plus-one span{ font-size: 20px; margin-left: 18px; }
.btn-lg.google-plus-one i{ bottom: -5px; }
.btn-xs.google-plus-one span{ font-size: 12px;}
.btn-xs.google-plus-one i{ bottom: -7px; }

.white {
    color: white !important
}
td{
    color: white;
}
.prices{
    margin-top: 30px !important;
}
.prices_font table{
    font-size: 13px !important;
}
.offer_font {
    font-size: 18px
}
.list_padding {
    padding-top: 5px
}
.list_padding i {
    padding-right: 10px
}    
.company {
    color: white;
    margin-top: 20vh;
    font-family: times new roman;
}
.offer_category {
    color: white;
    margin-top: 20vh;
    padding: 30px 10px 10px 10px;
    font-size: 22px;
}
.font {
   font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif !important;  
}
.contact, .address {
    color: white;
    margin-top: 23vh;
    font-size: 18px
}
    .contact .glyphicon {
        margin-right: 10px;
    }
    .contact .phone {
        font-size: 28px;
        margin-bottom: 16px
    }
    .contact .phone_number {
        position:relative;
        top: -3px
    }
    .contact a {
        color: white;
        position: relative;
        top: -6px;
        padding-left: 6px
    }
    .contact a:hover {
        color: white
    }
    .contact i {
        font-size: 30px
    }
.address {
}
    .address i {
        font-size: 30px
    }
.map-frame {
    width: 100%;
    height: 100%;
    position: relative;
}
.address_text {
    position:relative;
    top: -5px;
    padding-left: 10px;
    cursor: pointer;
}
    .address_text:hover {
    text-decoration: underline;
    }
.name {
    font-size: 60px
}
#show_form {
    padding-left: 9px;
    margin-top: -4px;
    position: relative;
    cursor: pointer;
}
    #show_form:hover {
        text-decoration: underline;
    }
.name2 {
    font-size: 45px;
    letter-spacing: 8px;
    margin-top: -8px;
    padding-left: 5px;
}
.line {
    border-bottom: 2px solid white;
    width: 274px;
    margin-top: -14px;
}
.glyphicon-map-marker {
    margin-bottom: 24px
}
.block {
    display: block
}
.map iframe {
height: calc(100% - 51px);
margin-top: 51px;
width: calc(100% - 50px);
}
.back_button {
    height: calc(100% - 51px);
    width: 50px;
    background: none;
    position: absolute;
    right: 0px;
    top: 51px;
    font-size: 30px;
    color: white !important;
    cursor: pointer;
}
    .back_button:hover {
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 25%, rgba(0,0,0,0.33) 63%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(25%,rgba(0,0,0,0)), color-stop(63%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.33) 63%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.33) 63%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.33) 63%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.33) 63%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
}
.back_button i {
    top: 45%;
    left: 10px;
}

.back_button2 {   
    left: 0px;   
}
.back_button2:hover {
    background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.33) 37%, rgba(0,0,0,0) 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(37%,rgba(0,0,0,0.33)), color-stop(75%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.33) 37%,rgba(0,0,0,0) 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.33) 37%,rgba(0,0,0,0) 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.33) 37%,rgba(0,0,0,0) 75%); /* IE10+ */
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.33) 37%,rgba(0,0,0,0) 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.message_form {
    position: absolute;
    left: 50px;
    top: 0px; 
    font-size: 20px;
    color: white
}
.form_top {
    margin-top: 10vh
}
.btn-default {
    width: 100%;
    margin-top: 20px;
}
input {
    color: black !important;
    width: 100%;
    height: 30px;
    margin-bottom: 6px !important;
    border-radius: 4px;
    outline: none;
    padding-left: 10px;
}
.message {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    outline: none;
    color: black !important;
    padding: 10px;
}
::-webkit-input-placeholder {
   color: lightgrey;
}

:-moz-placeholder { /* Firefox 18- */
   color: lightgrey;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: lightgrey;
}

:-ms-input-placeholder {  
   color: lightgrey; 
}
.logo_big {
    position: absolute;
    top: 100px;
    left: 50px;
}
.expert_logo {
    position: absolute;
    left: 100px;
    top: 220px;
}
.navbar_background {
    background-image: none !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(73%,rgba(248,248,248,1)), color-stop(95%,rgba(248,248,248,0)), color-stop(100%,rgba(248,248,248,0))) !important;
    border: 0px !important;
    min-height: 60px !important;
    
}
.active > a {
    background: none !important;
    background-image: none !important;   
}