/** header **/
.navbar {
    background-color: RGBA(45,45,45, 0.85);
    padding-top: 10px;
    padding-bottom: 0px;
}

@media (min-width: 992px){
    .navbar {
        background-color: RGBA(45,45,45, 0);
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .navbar-nav.navbar-center {
        padding-left: 50px !important;
    }
    
    .navbar-brand > img {
        margin-top: -3px;
    }
    
    .lang-menu > li > a {
	border-top-left-radius: 10px;	
	border-top-right-radius: 10px;
	font-size: 12px;	
	}
}

.navbar-small {
    background-color: RGBA(45,45,45, 0.85);
    padding-top: 10px;
    padding-bottom: 0px;
}

/** menu topo 1**/
.navbar-default .navbar-nav.menu1 > li > a {
    color: white;
    border-bottom: 3px solid transparent;
}

.navbar-default .navbar-nav.menu1 > li > a:hover,
.navbar-default .navbar-nav.menu1 > li > a.active {
    color: #dc4a28;
    border-bottom: 3px solid #dc4a28;
}

.navbar-default .navbar-nav.menu1 > li > a.active-portal {
    color: white;
    border-bottom: 3px dashed #dc4a28;
}

.navbar-default .navbar-nav.menu1 > li > a.active-portal:hover {
    color: #dc4a28;
    border-bottom: 3px solid #dc4a28;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color:#dc4a28;
}

#navbar-footer .navbar-nav > li > a {
    color: white;
    background-color: transparent;
}

#navbar-footer .navbar-nav > li > a:hover {
    color: RGB(45,45,45);
    background-color: transparent;
}

.lang-menu > li > a {
	background-color: #dc4a28;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 100%;
}


/** estrutura **/
.ng-cloak {
    display: none !important;
}

body {
    background-color: rgb(244,244,244);
}

footer {
    background-color: #d96244;
    padding: 0 0 0 0 !important;
}

ul { padding-left: 15px; }

.first-slide {
    height: 100vh;
}

.container-fluid.first-slide {
    padding: 0 0 0 0;
}

.slidder-bckgd {
    background: transparent url('/imgs/slide1.jpg') no-repeat center;
    background-size: cover;
}

.clipping {
    background: transparent url('/imgs/fundo-clipping.jpg') no-repeat center;
    background-size: cover;
}
.clipping-2 {
    background-color: rgba(0,0,0,.9);
    border-top:5px dashed rgb(35,35,35)
}
.separador-horiz-left {
    border-top:1px solid rgb(150,150,150);
    border-left:1px solid rgb(150,150,150);
    height: 15px; 
    margin-top: 10px;
    border-radius: 15px 0px 0px 0px;
}

.separador-horiz-right {
    border-top:1px solid rgb(150,150,150);
    border-right:1px solid rgb(150,150,150);
    height: 15px; 
    margin-top: 10px;
    border-radius: 0px 15px 0px 0px;
}

.separador-vert-left {
    border-bottom:1px solid rgb(150,150,150);
    border-left:1px solid rgb(150,150,150);
    border-radius: 0px 0px 0px 15px;
    width: 18px;
    margin-left: 20px;
}

@media (min-width: 992px){
    .two-columns {
        column-count: 2;
        column-rule: 1px solid rgb(150,150,150);
        column-gap: 60px;
    }    
}


/** texto **/
a, a:hover, a:focus {
    color: #dc4a28;
}

h4 {
    margin-top:30px;
    font-size: 16px;
}
@media (min-width: 992px){
    h4 {
        font-size: 18px;
    }
}
.orange-txt {
    color: #dc4a28 !important;
}

.white-txt {
    color: white !important;
}

.dark-txt {
    color: rgb(45,45,45) !important;
}

.gray-txt {
    color: rgb(155,155,155) !important;
}

.blue-txt {
    color: #3097d1 !important;
}

.green-txt {
    color: #2ab27b !important;
}

.orange-bgrd {
    background-color: #dc4a28 !important;
}

.blue-bgrd {
    background-color: #2574b7 !important;
}

.gray-bgrd {
    background-color: rgb(120,120,120) !important;
}
.dark-bgrd {
    background-color: rgb(80,80,80) !important;
}

.verydark-bgrd {
    background-color: rgb(45,45,45) !important;
}

.black-bgrd {
    background-color: rgb(0,0,0) !important;
}

.semi-transp-white-bgrd {
	background-color: rgba(255,255,255, 0.85);
	border-radius: 0 0 15px;
}

.quote::before {
    content: open-quote;
    font-size:80px;
    color:white;
    position: absolute;
    top: 7px;
    left: -5px;
}

.quote::after {
    content: close-quote;
    font-size:80px;
    color:white;
    position: absolute;
    right: -5px;
    bottom: -80px;
    /*float: right;*/
}

.top-menu-spacer {
    	margin-top:150px;
    }


/** forms **/

@media (max-width: 768px){
    .btn-text-xs {
        font-size: 12px;
    }
    .simular-xs-div-btn-enviar {
        padding-left: 0px;
    }
    .top-menu-spacer {
    	margin-top:100px;
    }
}
.btn, .btn:active, .btn:focus {
    background-color: transparent;
    border: 2px solid white;
    color: white;
    border-radius: 15px 15px 15px 15px;
    line-height: 18px;
    outline: none;
}
.btn:hover {
    background-color: white;
    color: rgb(45,45,45);
}

@media (min-width: 992px){
    .btn-login {
        background-color: transparent;
        border: 2px solid #dc4a28;
        color: white;
        border-radius: 15px 15px 15px 15px;
        outline: none;
        line-height: 6px !important;
        margin-top: 4px;
    }

    .btn-login:hover {
        background-color: white !important;
    }
}

input.form-control, 
textarea.form-control,
select.form-control {
    background-color: transparent;
    border: 1px solid rgb(80,80,80);
    border-radius: 15px 15px 15px 15px;
    color: rgb(45,45,45);
    line-height: 18px;
}

input.form-control:disabled, 
textarea.form-control:disabled,
select.form-control:disabled {
    background-color: transparent;
    border-color: #CCCCCC;
}

option {
    background-color: RGB(120,120,120);
    color: white;
    box-sizing: content-box;
    margin-top: 10px;
}

/** home **/
.carousel {
    height: 100vh;
    max-height: 264px;
}
.carousel-inner > .item > .item-img1 {
    background: transparent url('/imgs/slide1-sm.jpg') no-repeat center;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    max-height: 264px;
}

.carousel-inner > .item > .item-img2 {
    background: transparent url('/imgs/slide2-sm.jpg') no-repeat center;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    max-height: 264px;

}

.carousel-inner > .item > .item-img3 {
    background: transparent url('/imgs/slide3-sm.jpg') no-repeat center;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    max-height: 264px;

}
.carousel-control .setas {
    margin-top: 132px;
}

.video-wrapper {
    margin-top: 15px;
}

@media (min-width: 992px){
    .carousel {
    height: 100vh;
    max-height: 628px;
    }
    
    .carousel-inner > .item > .item-img1 {
        background: transparent url('/imgs/slide1.jpg') no-repeat center;
        background-size: cover;
        height: 100vh;
        max-height: 628px;
    }
    
    .carousel-inner > .item > .item-img2 {
        background: transparent url('/imgs/slide2.jpg') no-repeat center;
        background-size: cover;
        height: 100vh;
        max-height: 628px;
    }
    
    .carousel-inner > .item > .item-img3 {
        background: transparent url('/imgs/slide3.jpg') no-repeat center;
        background-size: cover;
        height: 100vh;
        max-height: 628px;
    }
    
    .video-wrapper {
        margin-top: -30px !important;
    }
    
    .carousel-control .setas {
        margin-top: 314px;
    }
}


.carousel-indicators {
    bottom: 20px;
}

h4.frame-caption {
    margin-top:-45px;
    color:white; 
    padding-left: calc(5%); 
    padding-right: calc(5%);
    font-size: 12px;
}

@media (min-width: 768px){
    h4.frame-caption {
        margin-top:-60px;
        color:white; 
        padding-left: calc(10%); 
        padding-right: calc(10%);
        font-size: 16px;
    }
}

@media (min-width: 992px){
    h4.frame-caption {
        margin-top:-70px;
        color:white; 
        padding-left: calc(10%); 
        padding-right: calc(10%);
        font-size: 18px;
    }
}


/** simular **/
.simular1 {
    background: transparent url('/imgs/simular1.jpg') no-repeat center;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 30px;
}

@media (min-width: 992px){
    .simular1 {
        padding-top: 140px;
    }
}

.simular2 {
    background: transparent url('/imgs/simular2.jpg') no-repeat center;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 10px;
}
.simular-box {
    background-color: RGBA(255,255,255,0.85);
    border-radius: 0 0 15px 0;
    padding-top: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.simular-box-both-left {
    background-color: RGBA(255,255,255,0.9);
    border-radius: 15px 0 0px 15px;
    padding-top: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.shadow {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}

.standard-white-box {
    background-color: RGBA(255,255,255,0.9);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-top: 5px dashed rgb(35,35,35);
    padding: 30px 50px 30px 50px;
    margin-bottom: 30px;    
}

.standard-orange-box {
	background-color: rgba(220,74,40,0.9);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-top: 5px dashed rgb(35,35,35);
    padding: 30px 50px 30px 50px;
    margin-bottom: 30px;    
}

.standard-gray-box {
	background-color: rgba(45,45,45,0.97);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-top: 5px dashed rgb(35,35,35);
    padding: 30px 50px 30px 50px;
    margin-bottom: 30px;    
}

.standard-blue-box {
	background-color: rgba(37,116,183,0.97);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-top: 5px dashed rgb(35,35,35);
    padding: 30px 50px 30px 50px;
    margin-bottom: 30px;    
}

.standard-gray-box input, 
.standard-gray-box textarea {
	color: white;
}

.round-border-right-down {
    border-bottom-right-radius: 15px;
}

.round-border-left-down {
    border-bottom-left-radius: 15px;
}

.round-border-both-down {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.lbl-simular {
    font-size: 26px;
    color: #dc4a28;
    border-left: 2px solid #dc4a28;
    border-right: 2px solid #dc4a28;
    text-align: center;
    min-width: 100%;
    margin-top: 0;
}

.btn-simular, .btn-simular:focus {
    border: 2px solid #dc4a28;
    color: #dc4a28;
}

.btn-simular:hover {
    color: white;
    background-color: #dc4a28;
}

/** empresas **/
.empresas1 {
    background: transparent url('/imgs/empresas1.jpg') no-repeat center;
    background-size: cover;
    height: calc(100vh - 210px);
}

.empresas2 {
    background: transparent url('/imgs/empresas2.jpg') no-repeat center;
    background-size: cover;
    height: calc(100vh - 210px);
}

/** submeter **/
.submeter1 {
    background: transparent url('/imgs/submeter1.jpg') no-repeat center;
    background-size: cover;
    height: calc(100vh - 210px);
}

/** contactar **/
.contactar1 {
    background: transparent url('/imgs/contactar1.jpg') no-repeat center;
    background-size: cover;
    height: calc(100vh - 210px);
}

.sobre-nos {
    background: transparent url('/imgs/sobre-nos.png') no-repeat center;
    background-size: cover;
    height: calc(100vh - 210px);
}

.recrutadores {
    background: transparent url('/imgs/sobre-nos.png') no-repeat center;
    background-size: cover;
    height: 100%;
}
.it-fair-contracting {
    background: transparent url('/imgs/it-fair-contracting.png') no-repeat center;
    background-size: cover;
    height: calc(100vh - 210px);
}

.morada-box {
    background-color: RGBA(0,0,0,0.9);
    padding: 20px 20px 20px 20px;
    
}

@media (min-width: 992px){
    .morada-box {
        position: absolute;
        margin-top: 50px;
        border-radius: 0 0 15px 0;
    }
}

.alert {
    position: fixed;
    top: 80px;
    z-index: 10000;
    margin-right: 30px;
}

.alert-danger {
    background-color: #dc4a28;
    color: white;
}

.alert-warning {
    background-color: rgb(80,80,80);
    color: #dc4a28;
    border-color: #dc4a28; 
}

.alert-success {
    background-color: #2574b7;
    color: white;
}

/** vaga **/
.vaga1 {
    background-color: rgb(80,80,80);/* url('/imgs/empresas2.jpg') no-repeat top;*/
    /*background-size: cover;*/
    /*height: calc(100vh - 0px);*/
}

.vaga2 {
	background: rgb(45,45,45) url('/imgs/empresas2.jpg') no-repeat top;
    background-size: cover;
    /*background-color: transparent;*/
    padding-top: 70px;
    padding-bottom: 70px;
}

/** angular forms **/
input.ng-dirty.ng-invalid,
textarea.ng-dirty.ng-invalid,
select.ng-dirty.ng-invalid {
    background-color: rgb(110,110,110);
    border-color: darkred;
}

.navbar-default .navbar-toggle {
	border-color: #dc4a28;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: rgb(75,75,75);
}

.navbar-default .navbar-toggle .icon-bar  {
	background-color: #dc4a28;
}