/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.3.1
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

body{
    font-family: Calibri;
}

/*-------------Header----------*/
.navbar-default{
        background: url(../../uploads/2015/08/background-meniu.png);
}
.navbar-default .navbar-nav>li>a {
    margin: 30px -18px;
    padding: 15px 10px;
    border: 3px solid transparent;
    color: #FFF;
    font-size: 30px;
    padding: 15px 10px;
    font-weight: bold;
    font-family: Calibri;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar-nav>li {
    float: left;
    padding: 0px 50px 0px 0px;
}
.navbar-brand {
    float: left;
    font-size: 18px;
    height: 75px;
    padding: 0px!important;
}
.navbar-brand>img{
    width: 70%;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    color: #FFFFFF;
    background-color: #98499C;
    border-color: #fff;
 } 
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    color: #FFFFFF;
    background-color: #98499C;
    border-color: #fff;
}
.icon-header{
    float: left;
    margin-right: 10px;
}
.icon-header .fa{
    font-size: 40px;
    color: #7D7E81;
}
.left{
    float: left;
    width: 40%;
}
.purpur-header{
    font-family: Calibri;
    font-weight: bold;
    font-size: 15px;
    color: #98499C;
}
.bara-dreapta{
    border-right: 1px solid #7C7D80;
    margin-right: 10px;
}
.buton-header{
    background-color: #98499C;
    border: 3px solid #6EC487;
    padding: 5px 20px;
    color: #fff;
    font-weight: bold;
}
.header-icon-bottom{
    color: #686869;
    font-weight: 600
}
.formular-header{
    display: none;
    margin-top: -45px;
}
.formular-header input[type="submit"]{
    background-color: #98499C;
    border: 0px;
    color: #fff;
    width: 89%;
    font-weight: bold;  
}
.formular-header h4{
    color: #7C7D80;
}
.form-msg{
    margin-top: 38px;
    font-family: Calibri;
    font-weight: bold;
    font-size: 15px;
    color: #98499C;
}
.form-msg-contact{
    text-align: center;
    margin-top: 0px;
    font-family: Calibri;
    font-size: 20px;
    color: #98499C;
}
.formular-header .wpcf7 p .icon{
    position: absolute;
    color: #76777A;
    z-index: 100;
    font-size: 18px;
    top: 0%;
    margin-top: -2px;
    left: 2.5%;
}
.formular-header .wpcf7 .wpcf7-text{
    text-indent: 23px;
    width: 100%;
    line-height: 17px;
}
.formular-header div.wpcf7-response-output{
    margin: 0em 0.5em 1em;
    padding: 0.2em 1em;
    width: 164%;
}
.formular-header input{
    border: 0px;
    border-bottom: 1px solid #76777A;
    color: #76777A;
}
.formular-header input:focus{
    outline: transparent;
    border-color: #98499C;
    color: #98499C;
}
/*----------Home------------*/
.latest{
    display: none;
}
.proiecte-recente{
    background-color: #98499C;
    }
.proiecte{
    text-align: center;
}
.proiecte > h1{
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    line-height: 450px;
}
#acf-serviciu_6{
 background-color: #000!important;
}
#acf-serviciu_6 .acf_postbox p.label label{
   font-size: 20px!important;
}
.metaslider{
    margin-bottom: 50px;
}
.pas{
    height: 165px;
    background-color: #7C7D80;
    color: #fff;
    text-align: center;
    border: 10px solid #D4D4D4;
}
.pas:hover{
    background-color: #98499C;
    color: #F1F1F1;
    border-color: #CDAED1;
} 

.pas i{
    text-shadow: 3px 1px 2px #000;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: #f1f1f1;
}
.pas h4{
    display: none;
    margin-top: 15px;
}
.full-proiecte h2{
    color: #fff;
    font-size: 60px;
}
.info{
    width: 200%;
    text-align: left;
    margin-top: 171px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 5%;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 18px #000;
    z-index: 1;
    position: absolute;
    padding: 30px;
    display: none;
}

.info h3{
    color: #98499C;
    padding: 10px;
}
.info p{
    color: #7D7E81;
    padding: 0px 0px 2px 10px;
}
.etape-proiect{
   margin: 50px 0px 120px 0px;
}
.titlu-home{
    margin-top: 120px;
    text-align: center;
}
.titlu-home h1{
    text-align: center;
    font-size: 60px;
    font-weight: bolder;
    color: #98499C;
}
.titlu-home p{
    font-size: 36px;
    color: #7C7D80;
}
/*-------------*/
.full-proiecte{
 background-color: #9A47A2;
}
.pachet-preturii{
    margin-top: 50px;
    }
.servicii{
    margin-top: 90px;
    width: 27%;
    margin-right: -16px;
}
.servicii > .serviciu{
    background:  url(../../uploads/2015/08/background-meniu.png);
    margin-bottom: 25px;
    padding: 10px 20px;
}
.servicii > .serviciu > span{
    color: #fff;
    font-weight: bold;
    font-size: 24px; 
    }
.pachet{
    margin: -14px;
    border-right: 3px solid #fff;
    width: 27%;
    }
.umbra{
    height: 25px;
    background: url(../../uploads/2015/08/top-slider-bottom-shadow.png);
    margin-top: -25px;
}
.pret{
    background-color: #fff;
    height: 19px;
    margin-top: -9px;
    color: #797A7D;
    line-height: 80px;
}
.pachet > .titlu{
     background: url(../../uploads/2015/08/background-meniu.png);
     padding: 20px 20px;
     text-align: center;
}
.pachet > .titlu > span{
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}
.pachet > .caracteristica{
    padding: 20px 20px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.pachet > .caracteristica > span{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.pachet > .caracteristica > span > a{
    border: 5px solid;
    padding: 0px 15px;
    font-size: 20px;
}
.pachet > .caracteristica > span > a:hover{
    text-decoration: none;
}
.oferta-personalizata{
    margin-top: 80px; 
}
.oferta-personalizata > .col-md-12{
    text-align: center;
}
.oferta-personalizata > .col-md-12 > h1{
    font-weight: bold;
    color: #87898b;
    font-size: 39px;
}
.oferta-personalizata > .col-md-12 > a{
    font-size: 36px;
    color: #98499C;
    font-weight: bold;
    border: 4px solid;
    padding: 0px 27px;
}
.oferta-personalizata > .col-md-12 > a:hover{
    color: #fff;
    background-color: #98499C;
    text-decoration: none;
    border-color: #98499c;
}
/*-------Full width---------*/
.page-header:hover{
    border-bottom: 1px solid #98499C; 
}
.serviciu-principal{
    font-size: 20px;
    color: #7D7E81;
    margin-top: 63px;
}
.top-serviciu{
    margin: 1.5em 0 0.5em 0;
    letter-spacing: 0;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    text-transform: none;
}
.pret_servicii{
    float: right;
}
.descriere a{
    float: right;
}
.page-serviciu{
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-bottom: 60px;
    border-color: #98499c;
}
.page-serviciu:hover{
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.titlu_serviciu{
    color: #98499c;
    font-size: 25px;
}
.continut{
    color: #6b6b6b;
    font-size: 18px;
}
.pret_servicii{
   color: #98499c;
   float: right;
   font-size: 20px; 
}
.pret_incepand{
    display: block;
    margin-bottom: -8px;
    margin-left: 2px;
    font-size: 10px;
}
.citat{
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    text-align: right;
    background-color: #98499C;
}
.lead{
    font-size: 20px;
    width: 80%;
    margin-top: 50px;
    font-weight: normal;
    color: #5A5353;
    margin-bottom: 30px;
}
.post_content{
    font-size: 18px;
  
}
/*----------Contact-------*/
textarea{
    resize: none;
}
.contact-form input, .contact-form textarea, .contact-form select, .contact-form .uneditable-input{
    margin-bottom: 31px;
    padding: 16px 20px;
    color: #7D7E81;
    border: 0px;
    border-bottom: 1px solid;
}
.contact-form input:hover, .contact-form textarea:hover, .contact-form select:hover, .contact-form .uneditable-input:hover, .contact-form textarea:hover{
    color: #98499C;
}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus, .contact-form .uneditable-input:focus, .contact-form textarea:focus, .contact-form input:active, .contact-form textarea:active, .contact-form select:active, .contact-form .uneditable-input:active, .contact-form textarea:active{
    color: #98499C;
    outline:  transparent;
}
.contact-form .form-nume, .contact-form .form-companie, .contact-form .form-localitate{
    width: 30%;
    margin-left: 1%;
}
.contact-form .form-telefon, .contact-form .form-email{
    width: 46%;
    margin-right: 3%;
}
.contact-form textarea{
    width: 96%;
}
.contact-form input[type="submit"]{
    padding: 8px 0px;
    width: 30%;
    color: #FFFFFF;
    background-color: #98499C;
    border: 1px solid;
    font-size: 28px;
}
.page-id-270 .contact-info p{
    font-size: 18px;
}
.page-id-270 strong{
    color: #7F7D7D;
}
.add-on{
  color: #898A8D;  
}
.page-id-270 .contact-info span{
    color: #898A8D;
}
.page-id-270 .contact-info span a{
    color: #898A8D;
}
.page-id-270 .contact-info span a:hover{
    color: #98499C;
}
.page-id-270 iframe{
    margin-bottom: 35px;
}
.textarea_feedback{
    margin-top: -20px;
    margin-bottom: 15px;
    color: #898A8D;
}
.spatiu-iconite i{
    margin-left: 4px;
}

/*------Pachete Preturi----------*/
.trimite-pachete{
    background-color: #98499C;
    color: #fff;
    width: 30.3%;
    font-weight: bold;
    padding: 10px 10px;
}
.pachet-titlu h1{
    color: #77787B;
    font-weight: bold;
}
.pachet-titlu span{
    color: #98499C;
}
.pachet-titlu h4{
    color: #77787B;
}
.form-pachete-preturi input[type="submit"]{
    color: #fff;
}
.form-pachete-preturi{
    margin-top: 50px;
}
.form-pachete-preturi input, .form-pachete-preturi textarea{
    border: 0px;
    border-bottom: 1px solid #76777A;
    color: #76777A;
}
.form-pachete-preturi input:focus, .form-pachete-preturi textarea:focus{
    outline: transparent;
    border-color: #98499C;
    color: #98499C;
}
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-textarea{
    text-indent: 30px;
    line-height: 15px;
}
.wpcf7 p{ position: relative; }
.wpcf7 p .icon{
    position: absolute;
    color: #76777A;
    z-index: 100;
    font-size: 18px;
    top: 1%;
    left: 0.5%;
}
.wpcf7 p .icon-pencil{ top: 4%; }
/*----------Breadcumbs------------*/
.breadcrumbs a{
    color: #7D7E81;
}
.breadcrumbs a:hover{
    color: #98499C;
}
.breadcrumbs span:last-child{
    color: #7D7E81;
}
.add-on i{
    margin-top: 18px;
    position: absolute;
    }
.add-on .fa-phone{
    display: block;
}
.btn-success {
    color: #fff;
    background-color: #98499C;
    border-color: #98499C;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success{
    color: #fff;
    background-color: #98499C;
    border-color: #98499C;
}
/*---------Footer----------*/
.footer-links {
    margin-left: -44px;
    float: left;
    margin-bottom: 14px;
    margin-top: -10px;
}
.footer-links a{
    color: #7D7E81;
}
.meniu-footer{
    float: left;
}
.strategy-copy{
    margin-top: -13px;
    color: #7D7E81;
    float: right;
}
/*------Media---*/
@media (min-width: 355px) and (max-width: 520px) {
      .servicii{
        width: 49%;
      }
      .pachet{
        width: 50%;
      }
    .caracteristica-buton{
        margin-bottom: 40px;
    }
    .servicii > .serviciu > span{
        font-size: 10px;
    }
   }
@media (max-width: 620px){
    .servicii{
        width: 49%;
      }
      .pachet{
        width: 50%;
      }
    .caracteristica-buton{
        margin-bottom: 40px;
    }
    .servicii > .serviciu > span{
        font-size: 20px;
    }
}
@media (min-width: 620px) and (max-width: 991px) {
      .navbar-nav>li{
	 padding: 0px 25px 0px 0px;
      }
      .navbar-default .navbar-nav>li>a{
   	 font-size: 23px;
      }
      .servicii{
        width: 49%;
      }
      .pachet{
        width: 50%;
      }
    .caracteristica-buton{
        margin-bottom: 40px;
    }
}
@media (min-width: 992px) {
    .navbar-nav>li{
	 padding: 0px 32px 0px 0px;
     }
    .servicii-profesional, .servicii-standard{
        display: none;
    }
    .servicii{
        margin-top: 80px;
    }
    .servicii > .serviciu{
        margin-bottom: 17px;
        padding: 12px 15px;
    }
    .servicii > .serviciu > span{
        font-size: 24px;
    }
    .pachet > .caracteristica > span{
        font-size: 25px;
    }
    .umbra{
        height: 15px;
        margin-top: -17px;
    }
}
@media (min-width: 1200px) {
    .navbar-nav>li{
	 padding: 0px 50px 0px 0px;
     }
    .servicii-profesional, .servicii-standard{
        display: none;
    }
    .servicii{
         margin-top: 90px;
    }
    .servicii > .serviciu{
        margin-bottom: 25px;
        padding: 10px 20px;
    }
    .pachet > .caracteristica > span{
        font-size: 30px;
    }
    .umbra{
        height: 25px;
        margin-top: -25px;
    }
}