@font-face {
    font-family: 'Helvetica-Bold';
    src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica-Bold.eot');
    src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica-Bold.woff2') format('woff2'),
    url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica-Bold.woff') format('woff'),
    url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica-Bold.ttf') format('truetype'),
    url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    }
    
    @font-face {
    font-family: 'Helvetica';
    src: url('../fonts/fonts/Helvetica.eot');
    src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
    url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica.woff2') format('woff2'),
    url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica.woff') format('woff'),
    url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica.ttf') format('truetype'),
    url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
    @font-face {
       font-family: 'Montserrat-Regular';
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Regular.eot');
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Regular.woff2') format('woff2'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Regular.woff') format('woff'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Regular.ttf') format('truetype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
       font-weight: normal;
       font-style: normal;
    }
    @font-face {
       font-family: 'Montserrat-Bold';
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Bold.eot');
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Bold.woff2') format('woff2'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Bold.woff') format('woff'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Bold.ttf') format('truetype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
       font-weight: bold;
       font-style: normal;
    }
    
    @font-face {
       font-family: 'Raleway-Bold';
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Bold.eot');
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Bold.woff2') format('woff2'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Bold.woff') format('woff'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Bold.ttf') format('truetype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
       font-weight: bold;
       font-style: normal;
    }
    
    @font-face {
       font-family: 'RalewayMedium';
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Medium.eot');
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Medium.woff2') format('woff2'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Medium.woff') format('woff'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Medium.ttf') format('truetype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
       font-weight: 500;
       font-style: normal;
    }
    @font-face {
       font-family: 'BarlowExtraBold';
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Barlow-ExtraBold.eot');
       src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Barlow-ExtraBold.eot?#iefix') format('embedded-opentype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Barlow-ExtraBold.woff2') format('woff2'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Barlow-ExtraBold.woff') format('woff'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Barlow-ExtraBold.ttf') format('truetype'),
           url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Barlow-ExtraBold.svg#Barlow-ExtraBold') format('svg');
       font-weight: 800;
       font-style: normal;
    }



    @font-face {
      font-family: 'Raleway-ExtraBold';
      src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-ExtraBold.eot');
      src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
          url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-ExtraBold.woff2') format('woff2'),
          url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-ExtraBold.woff') format('woff'),
          url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-ExtraBold.ttf') format('truetype'),
          url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
      font-weight: 800;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
    font-family: 'MontserratSemiBold';
    src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-SemiBold.eot');
    src: url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-SemiBold.woff') format('woff'),
        url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('https://s3.amazonaws.com/peceportal.com/front-end-assets/assets/fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



    
    body{font-family:'Lato'}
    p{margin:0;font-family:'Montserrat-Regular';font-size:18px}
    h1,h2,h3,h4,h5{margin:0}

.newcontainer{
   width:1545px;
   display:block;
   margin: 0 auto;
}

.vpheaderwrapper .mat-list-item .mat-list-item-content{padding: 0 !important;}

.bannertextwrapper h2 span{
   display:block;
   font-size: 72px;
   line-height: 64px;
   background: rgba(255,255,255,1);
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(206,206,206,1) 51%, rgba(206,206,206,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(51%, rgba(206,206,206,1)), color-stop(100%, rgba(206,206,206,1)));
   background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(206,206,206,1) 51%, rgba(206,206,206,1) 100%);
   background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(206,206,206,1) 51%, rgba(206,206,206,1) 100%);
   background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(206,206,206,1) 51%, rgba(206,206,206,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Raleway-ExtraBold';
  filter: drop-shadow(0px 3px 2px #333);
  text-transform: uppercase;
}
.bannertextwrapper{
   display: block;
   padding-top: 115px
}
.bannertextwrapper h3{
   font-family: 'Raleway-ExtraBold';
    font-size: 30px;
    color: #fff;
    border-left: 5px solid #78d715;
    padding-left: 20px;
    width: 760px;
    display: block;
    margin-top: 30px;
    line-height: 37px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.bannertextwrapper p{
   font-family: 'Montserrat-Regular';
    font-size: 18px;
    color: #fefefe;
    width: 740px;
    margin-top: 30px;
    line-height: 23px;
}
.bannertextwrapper h4{
    color: #fff;
    font-size: 30px;
    font-family: 'Raleway-ExtraBold';
    width: 800px;
    margin-top: 20px;
}


.col-1 {width:9%;}
.col-3 {width:29%;}
.col-4 {width:39%;}
.col-5 {width:49%;}
.col-6 {width:59%;}
.col-7 {width:69%;}
.col-8 {width:79%;}
.col-9 {width:89%;}
.col-10 {width:100%;}
.col-container {display:flex !important; justify-content: space-between;}
.textwrapper {}
.textwrapper h2, .textwrapper h2 strong, .titlewrapper h2 strong{
    display: block;
    margin-bottom: 30px;
    font-family: 'Raleway-ExtraBold';
    font-size: 48px;
    line-height: 47px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(206,206,206,1) 51%, rgba(206,206,206,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(51%, rgba(206,206,206,1)), color-stop(100%, rgba(206,206,206,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(206,206,206,1) 51%, rgba(206,206,206,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(206,206,206,1) 51%, rgba(206,206,206,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(206,206,206,1) 51%, rgba(206,206,206,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Raleway-ExtraBold';
    filter: drop-shadow(0px 3px 2px  rgba(0,0,0,0.2));
    text-transform: uppercase;
}
.textwrapper h2 strong{margin-bottom: 0px;}
.textwrapper h2 span, .titlewrapper h2{
    font-family: 'Raleway-ExtraBold';
    font-size: 48px;
    line-height: 47px;
    background: rgb(10,88,176);
    background: linear-gradient(0deg, rgba(10,88,176,1) 0%, rgba(10,88,176,1) 50%, rgba(5,119,247,1) 50%, rgba(5,119,247,1) 50%, rgba(5,119,247,1) 100%);-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Raleway-ExtraBold';
    display: block;
    text-transform: uppercase;
    
}
.textwrapper h3{
    font-family: 'Raleway-ExtraBold';
    font-size: 24px;
    line-height: 30px;
    color: #363636;
    text-transform: uppercase;
}
.textwrapper h3 span{ color: #f73d12;}
.textwrapper p{
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    color: #363636;
    margin-bottom: 30px;
}
.textwrapper p b{font-family: 'Montserrat-Bold'; font-weight: normal;}
.textwrapper p span{color: #3cb208;}
.textwrapper p strong{
    color: #f3f5f3;
    font-weight: normal;
    padding-left: 20px;
    display: block;
    border-left: 5px solid #fff;
}
   .mainbg{display: block; overflow: hidden;} 

   .contactitemwraooer .mat-list .mat-list-item.contactitem2 .mat-list-item-content{padding-left: 0 !important;}

   .titlewrapper h3 {
    line-height: 26px;
    font-family: 'Montserrat-Bold';
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 20px;
}

.image_modal .mat-raised-button.mat-accent {
   background-color: #dda804;
   position: absolute;
   top: -15px;
   right: -15px;
   height: 40px;
   width: 40px;
   padding: 0 !important;
   border-radius: 50%;
   min-width: inherit;
}
.image_modal{
   position: relative !important;
    height: 500px !important;
    border: 5px solid #dda804;
    border-radius: 5px;
}
.image_modal img{width: 100%;}