/* Colors */
:root{
    --primary_color: #f58220;
    --primary_hover_color: #f58220;
    --secondary_color: rgba(245, 130, 32, 0.7);
    --secondary_hover_color: #93BC44;

    --primary_bg_color: #ededed;
    --secondary_bg_color: #cecece;

    --button_color: #f58220;

    
}

body {
    /* font-family: "Roboto Condensed"; */
    font-weight: 300;
    letter-spacing: 0;
    font-style: normal;
}
/* End Colors */

.secondary-header{
    background: var(--secondary_bg_color);
}

.social-network .fab{
    color: #0176c4;
    border-color: #0176c4;
    border-radius: 50%;
    font-size: 30px;
}

.social-network .fab:hover {
    color: var(--primary_hover_color);
}

/* Remove list itens style */
ul.npnls{margin:0;padding:0;}
ul.npnls li{list-style:none;}

.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
    background: #fdfdfd;
}

.logo img{
    width: 250px;
}

nav#navbar_top {
    background: #f58220;
}

a.nav-link {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 400;
}

.breadcrumbs{
    background: var(--secondary_color);
}

.banner-contents h2{
    font-size: 56px !important;
    line-height: 56px !important;
    font-weight: 700 !important;
    color: white !important;
    margin-bottom: 10px !important;
}

.banner-contents h5 {
    font-size: 26px !important;
    line-height: 35px !important;
    font-weight: 400 !important;
    color: #6b6f7c !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
}

.banner-contents .button-1 {
    background: var(--primary_color);
    border: solid var(--primary_color) 2px;
    border-radius: 0px;
    color: #fff;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.banner-contents .button-1:hover{
    background: #044891;
    transition: 0.3s;
}

.banner-contents .button-2 {
    background: rgba(101,188,123,0); 
    border: solid var(--primary_color) 2px;
    color: var(--primary_color);
    padding: 6px;
    text-decoration: none;
    display: inline-block;
}
.banner-contents .button-2:hover{
    background: var(--primary_color) ;
    color: #ffffff;
    transition: 0.3s;
}

.banner-contents .button-3 {
    background: #fff; 
    border: solid var(--primary_color) 2px;
    color: var(--primary_color);
    padding: 6px;
    text-decoration: none;
    display: inline-block;
}

.banner-contents .button-3:hover{
    background: var(--primary_color) ;
    color: #ffffff;
    transition: 0.3s;
}


.title {
    text-align: center;
    font-size: 35px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--primary_color);
}


.pjnt-label {
    float: left;
    margin: 0 7px;
    color: #ffffff;
    font-size: 100%;
    background: var(--button_color);
    WIDTH: 120px;
}

.pjnt-box {
    width: 85%;
}

.full-width-1 {
    background-color: var(--secondary_bg_color);
}
.full-width-1 .card {
    border-width: 0px 0px 5px;
    border-color: var(--primary_color);
    border-style: solid;
}

.icon {
    background: gray;
    border-radius: 50%;
    padding: 19px;
    color: white;
    font-size: 35px;
    width: 90px;
    height: 90px;
    margin: auto;
}

.icon:hover {
    background: var(--primary_hover_color);
    transition: 0.3s;
}

.ind.card-text {
    line-height: 1.9;
}

.card-subtitle{
    height: 50px;
}

.card-img-wrap {
    overflow: hidden;
    position: relative;

}
.card-img-wrap:after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    transition: opacity .25s;
}
.card-img-wrap img {
    transition: transform .8s;
    width: 100%;
}
.card-img-wrap:hover img {
    transform: scale(1.1);
}
.card-img-wrap:hover:after {
    opacity: 1;
}


.parallax .icon:hover{
    background-color: var(--primary_hover_color);
}
.full-width{
    background-color: var(--primary_color);
    //background-image: url(https://devsite.premierbpo.com/wp-content/uploads/2020/05/Your-Back-Office-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 2%;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-width: 0px 0px 0px 0px;
    border-color: #e2e2e2;
    border-style: solid;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.parallax {
    /* The image used */
    background-image: url("https://www.premierbpo.com/wp-content/uploads/2020/04/bg-whts-BPO.jpg");
  
    /* Set a specific height */
    /* min-height: 500px; */
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

.parallax .card{
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(245, 130, 32, 0.7);
    border-width: 0px;
    border-color: rgb(2, 68, 141);
    border-style: solid;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 15px 0px;
    min-height: 0px;
}

.parallax .icon{
    border-color: #4d4d4d;
    border-width: 1px;
    background-color: #ffffff;
    box-sizing: content-box;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    position: relative;
    top: auto;
    left: auto;
    border-radius: 50%;
    color: #02448d;
    font-size: 30px;
}

.get-in{
    background-color: var(--primary_color);
}

.btn-primary {
    background-color: var(--primary_color);
    border-color: var(--primary_color);
}

.formWrapper{
    background: #ffffff;
    width: 80%;
    margin: auto;
    padding: 30px;
}


.important{
    color: #ff0000 !important;
    font-weight: normal;
    margin-left: 0px;
    padding: 0;
}


.footer_widgets{
    background: #e2e2e2;
    color: #000;
    padding-top: 70px;
    /* padding-bottom: 35px; */
}
.fw_box{margin-bottom: 35px;}

.fw_box h2{    
	font-size: 20px;
    font-weight: 400;
	text-transform: uppercase;
    color: var(--primary_color);
}
.fw_box ul{}
.fw_box ul li{}
.fw_box ul li a{
    color: #201919;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    text-decoration: none;
}
.fw_box ul li a:hover{text-decoration: none;color: #7EBB35;}
.fw_box ul li a img{    margin-bottom: 5px;    width: 140px;}
.fw_box .pay_image{width: 100%;
    margin-top: 15px;
    max-width: 300px;}

.copyright{background: #161E20;color: #fff;}
.copyright p{    margin-bottom: 0;
    padding: 7px 0;}
/* End Footer */