/*Set up colour scheme using variables*/

:root {
    --RaspBlue1: #1676A6;
    --RaspBlue2: #3C8DB5;
    --RaspBlue3: #64A6C7;
    --RaspBlue4: #A4DEF9;
    --RaspOrange1: #F18732;
    --RaspOrange2: #FCB433;
    --RaspOrange3: #FFCF59;
    --RaspOrange4: #FEDD93;
    --White: #FFFFFF;
  }

/*Background image*/

@media only screen and (min-width:1300px){
.bg{background-image:url("../images/Image-26.png");
    background-repeat: no-repeat;
background-position: right top;
    }}

@media only screen and (min-width:1150px) and (max-width:1300px) {
.bg{background-image:url("../images/Image-1150.png");
    background-repeat: no-repeat;
background-position: right top; }}

@media only screen and (min-width:992px) and (max-width:1150px) {
.bg{background-image:url("../images/Image-993.png");
    background-repeat: no-repeat;
background-position: right top; }}

@media only screen and (min-width:992px) {
  .bg-food {
    background-image:url("../images/Food Baskets masked.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 370px 308px;
   }

   .bg-intro-banner {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 600px 450px;
   }
}

@media only screen and (min-width:1150px) and (max-width:1300px) {
  .bg-food {
    background-size: 450px 375px;
    min-height: 410px;
  }

  .bg-intro-banner{
    background-size: 600px 450px;
    min-height: 450px;
  }
}

@media only screen and (min-width:1300px) {
  .bg-food {
    background-size: 480px 400px;
    min-height: 410px;
  }

  .bg-intro-banner {
    background-size: 771px 628px;
    min-height: 628px;
  }
}

.logo-img {
    max-height: 330px;
}

.mini-blogcard-wrapper{
    height: 100px;
}

.text-truncate-container {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*Navbar and togler btn css start*/


@media only screen and (max-width: 991px) {
    .txt {
        text-align: center;
        line-height: 1.25rem;
    }
}

.navbar-fixed-top.scrolled {
  background-color: white !important;
  transition: background-color 0ms linear;
}

.navbar-light .navbar-toggler {
  color:black;
  border-color:transparent!important;
}

.nav-link, .dropdown-item{color:black;
                          font-weight:500;font-family: 'Montserrat', sans-serif;}
.navbar-brand {
    margin-right: -12rem!important;}

@media only screen and (max-width:991px){
	.navbar{background-color:white;}
}

@media only screen and (max-width:991px){
    #navbarResponsive{background:white;}}
/*Navbar and togler btn css end*/


#logo{width:20%;
      height:20%;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; color:black;}


p{font-family: 'Lato', sans-serif;
   color:black;
}

@media only screen and (min-width:1025px) {
    .nav{padding-left:9rem!important;
    }}

@media only screen and (max-width:1199px) and (min-width:1024px) {
    .nav{padding-left:5rem!important;
    }}


.txt{line-height: 1.25rem;
      margin-right:auto;}

@media only screen and (max-width:346px){
    .navbar-brand{width: 250px;}}

a:hover{color:black;text-decoration:none;}

.dropdown-item:active{background-color:white;}

/*Read the case study---------contact us------buttons css*/

.btn-primary {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  color: white;
  letter-spacing: 0.0625rem;
  line-height: 0.9375rem;
  border: 2px solid var(--RaspBlue1);
  border-radius: 40px;
  background: var(--RaspBlue1);
  transition: all 0.3s ease 0s;
  padding:15px 20px;
  border-color:none!important;
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    color:white;
    background-color: var(--RaspBlue1);
    border-color: var(--RaspBlue1)!important;}

.btn-primary:focus
{border:none!important;
 background:var(--RaspBlue1);
  border-color:none!important;}

.btn-primary:hover {
  color: white;
  background: var(--RaspBlue1);
  border: 2px solid var(--RaspBlue1)!important;
  box-shadow: 2px 2px 10px -2px var(--RaspBlue1),-2px -2px 10px -2px var(--RaspBlue1);
}

.btn-secondary {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  color: white;
  letter-spacing: 0.0625rem;
  line-height: 0.9375rem;
  border: 2px solid var(--RaspBlue1);
  border-radius: 40px;
  background: var(--RaspBlue1);
  transition: all 0.3s ease 0s;
  padding:15px 20px;
  border-color:none!important;
}


.btn-secondary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    color:white;
    background-color: var(--RaspBlue1);
    border-color: var(--RaspBlue1)!important;}

.btn-secondary:focus
{border:none!important;
 background:var(--RaspBlue1);
  border-color:none!important;}

.btn-secondary:hover {
  color: white;
  background: var(--RaspBlue1);
  border: 2px solid var(--RaspBlue1)!important;
  box-shadow: 2px 2px 10px -2px var(--White),-2px -2px 10px -2px var(--White);
}


/*3*3 grid------buttons css*/
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
    color:var(--RaspBlue1);
    background-color:white;
    border-color: var(--RaspBlue1);
}

.btns{border-color:var(--RaspBlue1);
    border-radius: 10px;
    color:black;padding:18px 0px;
    font-weight: 500;
    font-size:0.9375rem;
    font-family: 'Montserrat', sans-serif;}

.btn-outline-warning:hover {border-color:var(--RaspBlue1);
    color:black;
    text-decoration: none;
    background-color:transparent;
    box-shadow: 2px 2px 10px -2px var(--RaspBlue1),-2px -2px 10px -2px var(--RaspBlue1);}

.btn-line-h{line-height:1.0625rem;
    color:black;
    border-radius: 10px;
    border-color:var(--RaspBlue1);
    padding:12px 0px;
    font-weight: 500;
    font-size:0.9375rem;
    font-family: 'Montserrat', sans-serif;}

@media only screen and (max-width:1199px) and (min-width:992px) {
.btn-line-h{line-height:1.0625rem;
    color:black;
    border-radius: 10px;
    border-color:var(--RaspBlue1);
    padding:4px 0px;
    font-weight: 500;
    font-size:0.9375rem;
    font-family: 'Montserrat', sans-serif;}}



.needhelp{font-size:1.125rem;
          font-weight: 1000;
          }

@media only screen and (max-width:1199px) and (min-width:993px) {
.btn-h {
    line-height:1.0625rem;
    color: black;
    border-color: var(--RaspBlue1);
    padding: 3px 0px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    }}

/*==================Milestone 2 css start==========================*/

@media only screen and (max-width:1400) and (min-width:992){
    #screen{width:75%;height:auto;}

}

@media (max-width: 576px)  {
    .blog-padd {
     padding-top: 30px;
    }
  }

.clr{color:#5F6570;}

#arcus{border-top: 2px solid #FF8600;
       width:60px;margin-top:10px!important;}

#arcus-left{
  border-top: 2px solid #FF8600;
  width:60px;
  margin-top:10px!important;
  margin-left: 0px;

}



.card{border-radius:20px;}

.card-text{color:#5F6570;}

.card-footer{border-top:none!important;
             background:none!important;}

.speak{border: 2px solid #1676A6;
border-radius: 28px;
opacity: 1;
color:#000;}

.speak:hover{box-shadow: 2px 2px 10px -2px var(--RaspBlue1),-2px -2px 10px -2px var(--RaspBlue1);
             background:none;color:#000;
             border: 2px solid var(--RaspBlue1)!important; }

.speak:focus{border:none!important;
             border-color:var(--RaspBlue1)!important;}
.speak:active{background-color:transparent!important;
              border-color:var(--RaspBlue1)!important;
	          color:#000!important;
}

.bgshadow{background: transparent url("../images/Background Shadow.svg") 0% 0% no-repeat padding-box;
opacity: 1;
background-position: top right!important;
}

.fa-utensils{color:var(--RaspBlue4);}

.food{background-color: transparent;
      padding:none;
      border:none;}
.lh{line-height: 15px!important;
     margin-right:10px;
     color:#5F6570;
text-align: left;}

.cardheader{padding: 1.75rem 1.25rem!important;
             background-color: transparent;
    border-bottom:none!important;}

@media screen and (max-width:992px){
.outsystem{width:100%!important;
           height: auto !important;}}


/*==================Milestone 2 css end==========================*/
/*==================Milestone 3 css start==========================*/

.bgshadow1{background: transparent url("../images/How it Works background shadow.svg") 0% 0% no-repeat  padding-box;
opacity: 1;
    background-position: center top;
    background-size:cover!important;
}

@media only screen and (max-width:992px){
.bgshadow1{background: transparent url("../images/How it Works background shadow small.svg") 0% 0% no-repeat  padding-box;
opacity: 1;
    background-position: center top;
    background-size:cover!important;
}

}


.bgimage{background: transparent url("../images/City.png")no-repeat  padding-box;
opacity: 1;
    background-position: center top;
    height:100!important;
    background-size:102% 100%!important;
}

.bgimage2{background: transparent url("../images/Quote Person Background.svg") 0% 0% no-repeat  padding-box;
opacity: 1;
    background-position:top left;
    background-size:100%;
}

@media only screen and (max-width:992px) and (min-width:768px){
    .bgimage2{background: transparent url("../images/Quote Person Background.svg") 0% 0% no-repeat  padding-box;
opacity: 1;
    background-position:top left;
    background-size:100%;
    margin: 0px 182px!important;
}
}

@media only screen and (max-width:767px) and (min-width:554px){
    .bgimage2{background: transparent url("../images/Quote Person Background.svg") 0% 0% no-repeat  padding-box;
opacity: 1;
    background-position:top left;
    background-size:100%;
    margin: 0px 100px!important;
}
}

@media only screen and (max-width:469px) and (min-width:353px) {
    .bgimage2{background: transparent url("../images/Quote Person Background.svg") 0% 0% no-repeat  padding-box;
opacity: 1;
    background-position:top left;
    background-size: contain;
        margin: 0px 30px!important;
}

}

@media only screen and (max-width:553px) and (min-width:470px) {
    .bgimage2{background: transparent url("../images/Quote Person Background.svg") 0% 0% no-repeat  padding-box;
opacity: 1;
    background-position:top left;
    background-size: contain;
        margin: 0px 80px!important;
}

}


@media only screen and (min-width:1423px) {
.bgimage3{background: transparent url("../images/Laptop and left curtain.jpg") 0% 0% no-repeat  padding-box;
opacity: 1;
	background-position:left bottom;
		height:100%;
background-size:contain;


	}}

@media only screen and (max-width:1422px) and (min-width:992px) {
.bgimage3{background: transparent url("../images/Laptop and Left Curtain 440px.jpg") 0% 0% no-repeat  padding-box;
opacity: 1;
	background-position:left bottom;
		height:100%;
background-size:contain;


	}}

.bgimage4{background: transparent url("../images/Rasp Founder and Background 1920px.jpg") 0% 0% no-repeat  padding-box;
opacity: 1;
	background-position:center top;

	;

}

@media only screen and (max-width:1249px) and (min-width:1011px){

.bgimage5{background: transparent url("../images/Rasp Founder square.png") 0% 0% no-repeat  padding-box;
opacity: 1;
	background-position:center right;
	background-size:contain;

	;}}

@media only screen and (max-width:1249px) and (min-width:1011px){
.bg-color{background-color:#eaeaea;}
}

@media only screen and (max-width:1010px){
.bgimage4{background: transparent url("../images/Rasp Founder and Background 929px.jpg") 0% 0% no-repeat  padding-box;
opacity: 1;
	background-position:center top;
	background-size:cover;
}		}

@media only screen and (min-width:1423px){
    .bg-image1{background: transparent url("../images/IT Man and right curtain.jpg") 0% 0% no-repeat  padding-box;
    opacity: 1;
        background-position:top right;
        height:100%;
        background-size:contain;

        }}

@media only screen and (max-width:1422px) and (min-width:992px) {
    .bg-image1{background: transparent url("../images/IT Man and Right Curtain 350px.jpg") 0% 0% no-repeat  padding-box;
    opacity: 1;
        background-position:top right;
        height:100%;
        background-size:contain;

        }}

@media only screen and (max-width:991px){
.bg-image2{background: transparent url("../images/CurtainCentresmall.jpg") 0% 0% no-repeat  padding-box;
opacity: 1;
	background-position:center top;
	background-size:cover;
}		}

@media only screen and (max-width:450px){
	.bgimage4{background: transparent url("../images/Raspfounder.jpg") 0% 0% no-repeat  padding-box;
opacity: 1;
	background-position:center top;
	background-size:cover;}
}




@media only screen and (min-width:991px){
	.hide{display: none;}}

.wid{width: 725px;}
.text6{font-size:20px;}
.text5{font-size: 13px;}
.text1{font-size:14px;}
.text3{font-size: 16px;}
.text2{ font-size:12px;}
.text4{font-size: 19px;}
.rad{border-radius:20px;}
.clr1{color:#000!important;
      font-size:20px;
      font-weight:bold;}
.clr{color:#5F6570;}

.cbutton{
  position: absolute;
  bottom:   -30px;
  margin:0 auto;
  display:block;
  left: 50%;
  transform: translate(-50%);
}

/*==================Milestone 3 css end==========================*/
/*==================Milestone 4 css start==========================*/


.card-img-top{border-radius:20px;}

.casestudy{background:var(--RaspBlue2);}

.footer{background:#EBECEA;}

.clr2{color:#707070!important;text-decoration: none;}

.clr3{color:#3C8DB5!important;}








/*==================SIM page css start==========================*/

/*start added on 27022020*/
 @media only screen and (min-width: 991px) {
.Rbtnmargin{margin-right:35%!important;}
}

@media only screen and (min-width: 991px) {
.Lbtnmargin{margin-left:35%!important;}
}

@media screen and (max-width:992px){
	.hide-at{display: none;}
}
/*end added on 27022020*/

@media only screen and (max-width: 991px) {
.center {
        text-align: center!important;
	    margin-top:20px!important;
    }
}

.bgshadow3{background: transparent url("../images/Background Shadow.svg") no-repeat;
           opacity: 1;
	       background-size:100%!important;
           background-position: center!important;

}

.bgshadow2{background: transparent url("../images/Background Shadow.svg") 0% 0% no-repeat;
           opacity: 1;
	       background-size:100%!important;
           background-position:center 1000px!important;
	       overflow-x: hidden!important;

}

.spacing{padding:0.9375rem 4.375rem!important;}

@media only screen and (max-width: 991px) {
	.reverse{
		flex-direction: column-reverse!important;
	}}


body {
    overflow-x: hidden;
}


/*=================================Blog_index css start============================*/

.clr4{color:#1F3578;}

.blogimg{
	border-radius:20px;
}


/*===========================Food_Industry css start============================*/

.topmargin{margin-top:200px;}

/*===========================Product_page_eRFx css start============================*/

.btnedit{background-color:#F18732!important;
         border-radius: 10px;
         letter-spacing:3px;
         font-size:40px;
         line-height:2.5rem;
}
.fs{font-size:22px;}

.btnedit:hover{ box-shadow: 2px 2px 10px -2px #F18732,-2px -2px 10px -2px #F18732!important;
                background-color:#F18732!important;
	            border:2px solid #F18732;
            }

.btnedit:focus{outline:transparent!important;
               border:none!important;
               box-shadow:none;
                }

/*===========================Case_Study_index css start============================*/

.imgmxw{max-width:250px;}

.boxshadow{box-shadow:-0.7rem 0.7rem 0.3rem 0.2rem rgba(0,0,0,.15)!important}

.mob{margin-left:auto;margin-right: auto; }

@media only screen and (max-width: 991px)
{
	.mob{margin-top:1.5rem;}
}

@media only screen and (max-width: 991px)and (min-width: 768px)
{
.box{display: grid;
	text-align: -webkit-center;}
}

@media only screen and (max-width: 991px) {
.bgimage9{

    background-image: url("../images/rightimg.png");
	background-repeat: no-repeat;
	background-position:center right!important;
    background-size: cover!important;
    border-radius: 12px;
    opacity: 1;
}

}
@media only screen and (min-width: 992px) {
.bgimage7{

    background-image: url("../images/rightimg.png");
	background-repeat: no-repeat;
	background-position:center right;
	background-size:contain;
    border-radius: 12px;
    opacity: 1;

}}

@media only screen and (max-width: 991px) {
.bgimage10{
	background-image: url("../images/leftimg.png");
	background-repeat: no-repeat;
	background-position:center left!important;
	background-size:cover!important;
    border-radius: 12px;
    opacity: 1;
}}

@media only screen and (min-width: 992px) {

	.bgimage6{background-image: url("../images/leftimg.png");
	background-repeat: no-repeat;
	background-position:center left!important;
	background-size: contain!important;
    border-radius: 12px;
    opacity: 1;
}
}

.paddingtext{padding-top:4rem;}

.tbmargin{
	margin-bottom: 30px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media screen and (max-width:767px) and (min-width:559px){
.box{

	display:grid!important;
}}

.quotebox {
    font-size: 16px;
    font-weight: 300;
    line-height:-1px;
}

.quotebox {
    position: relative;
    color: #5F6570;
    padding: 50px 10px;
}

.quotebox--quotes:before,
.quotebox--quotes:after {
    position: absolute;
    font-size: 160px;
    font-weight: bold;
    line-height:.5;
	color:#F7F7F7;
	margin-bottom:-50px;
	font-family: 'Montserrat', sans-serif;
}

.quotebox--quotes:before {
    top: 15px;
    left: 20px;
    content: '\201d';
}

.quotebox--quotes:after {
    bottom: -10px;
    right: 20px;
    content: '\201c';
}

.boxshadow{box-shadow:-0.7rem 0.7rem 0.3rem 0.2rem rgba(0,0,0,.15)!important}
	.rad{border-radius:20px;}



/*===========================Case_Study css start============================*/
html{height: 10%;}


	.bgimage8 {
      background:url("../images/CS_SEW.jpg");
	  background-repeat:no-repeat;
      background-position:center top;
	  height:550px;

    }

 .centered {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width:1200px) {
 .centered {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-37%, -50%);
} 	}

.curvedtop{background:url("../images/Case Study Curved Shade.svg")0% 0% no-repeat;
           background-position: top center;
	       background-size:cover;
           margin-top:-145px;
}



@media screen and (max-width:992px){
	.curvedtop{background:url("../images/Case Study Curved Shade 2.svg")0% 0% no-repeat;
		background-position: top center;
	       background-size:cover;
	}
}

.caseradius{border-radius: 20px;}

.grad{
	background: transparent linear-gradient(90deg, #ffffff -9%, #A4DEF9 -15%,#ffffff 31%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.grad2{
	background: transparent linear-gradient(-90deg, #ffffff -9%, #A4DEF9 -15%,#ffffff 31%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

#arcus1{
	border-top: 3px solid #B6FB47;
    width:60px;margin-top:10px!important;
}

/*=================================product_page_eRFx - 3 Css start===================*/

.utensilpos{padding:0 0 0 54rem;}

@media screen and (max-width:991px)and (min-width:768px){

	.utensilpos{padding:0 0 0 30rem;}
}

@media screen and (max-width:767px)and (min-width:430px){

	.utensilpos{padding:0 0 0 20rem;}

}
@media screen and (max-width:429px)and (min-width:375px){

	.utensilpos{padding:0 0 0 16rem;}
}
@media screen and (max-width:374px){

	.utensilpos{padding:0 0 0 13rem;}
}


.bgshadoCS{background: transparent url("../images/Background Shadow.svg") no-repeat;
opacity: 1;
background-position:top!important;
background-size:cover;
	top:0px;
}

/*=================================product_page_eRFx - 2 Css start===================*/

.eAuctxt{font-size:70px;}
.eAuctxt2{font-size:32px;font-weight:100;line-height: 1px; }


/*=================================Solution-supply-chain-software Css start===================*/
/*start added on 27022020*/
#arcus1{

border-top: 2px solid #FF8600;
       width:50%;margin:60px auto!important;
}

.topmargin2{margin-top:140px;}
/*end added on 27022020*/


/*=================================contact Css start===================*/

.wrap{
width:0px;
}

.rc-anchor-logo-portrait {
    margin: 10px 0 0 15px!important;
}

.rc-anchor-normal .rc-anchor-pt {
    margin: 2px 25px 0 0!important;
}

.rc-anchor-normal {
    height: 74px;
    width: 288px!important;
}

.messagebox{
	min-height:156px!important;
}

.contactbg{
	background:url("../images/Background Shadow.svg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

/*=========================contractor-management video modal===================*/

.modal-content iframe{
  margin: 0 auto;
  display: block;
  background:#000;
}
.modal-content{
	background: #000;
}

.modal-body {
    background: #000;
	padding: 0rem!important;
}

.vmodal{
	padding-right:0px!important;
}

@media screen and (min-width:1080px){
.modal-dialog{
	max-width:1050px!important;
	margin-left: auto;
	margin-right: auto;
}}

@media screen and (min-width:800px) and (max-width:1279px){
.modal-dialog{
	max-width:100%!important;
	margin-left:10rem;
	margin-right:10rem;
}}


#myModal .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top:45%;
}

.contactbg {
    background:url("../images/Background Shadow.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

@media screen and (min-width:576px) {
.menu-style-0 {
    padding-left: 3rem;
}

.menu-style-1 {
    color: #078D40;
    padding-left: 3rem;
}

.menu-style-2 {
    color: #E53E22;
    padding-left: 3rem;
}

.menu-style-3 {
    color: #E4812F;
    padding-left: 3rem;
}

.menu-style-4 {
    color: #03BDFF;
    padding-left: 3rem;
}
}

.menu-style-0 {
    font-size: 0.8125rem;
    padding-left: 2rem;
}

.menu-style-1 {
    color: #078D40;
    font-size: 0.8125rem;
    padding-left: 2rem;
}

.menu-style-2 {
    color: #E53E22;
    font-size: 0.8125rem;
    padding-left: 2rem;
}

.menu-style-3 {
    color: #E4812F;
    font-size: 0.8125rem;
    padding-left: 2rem;
}

.menu-style-4 {
    color: #03BDFF;
    font-size: 0.8125rem;
    padding-left: 2rem;
}

.vertical-timeline::before {
    background: #2d4180 !important;
    width: 3px !important;
}

@media screen and (min-width:320px) and (max-width:1169px) {
.customIcon {
    padding: 12px 6px !important;
    font-size: 10px;
}
}

.customIcon {
    background: #f1873b;
    color: #fff;
    padding: 18px 10px;
    font-weight: 800;
    z-index: 9;
    box-shadow: none !important;
}

.timeline-content-right {
    border-top: solid 2px #2d4180;
    width: 100%;
    padding: 0px 0px 0px 50px;
    margin: 0px 0px 0px -52px;
    z-index: 0;
}

.timeline-content-left {
    border-top: solid 2px #2d4180;
    width: 100%;
    padding: 0px 0px 0px 50px;
    margin: 0px 0px 0px -52px;
    z-index: 0;
}
@media screen and (min-width:1170px) {

    .timeline-content-left {
        border-top: solid 2px #2d4180;
        width: 120%;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px -18px;
        z-index: 0;
    }

    .timeline-title-left {
        margin: 0px 73px !important;
    }

    .timeline-content-right {
        border-top: solid 2px #2d4180;
        width: 120%;
        padding: 0px 0px 0px 50px;
        margin: 0px 0px 0px -80px;
        z-index: 0;
    }
}

@media screen and (max-width:470px) {
    .aboutbg {
        height: 550px !important;
    }
}
.aboutbg {
    background:url("../images/founder.png");
    height: 650px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.about-founder-intro {
    width: 65%;
}

.about-founder-intro p {
    color: #FFFFFF;
    font-size: 0.8125rem;
}

@media screen and (max-width:370px) {
    .about-founder-intro {
        width: 75%;
    }
}

@media screen and (min-width:990px) {
    .about-founder-intro {
        width: 75%;
    }

    .about-founder-intro p {
        font-size: 1rem;
    }
}

.rt-list ul li p {
    text-align: left;
}

.bgimageStripe{
    background: transparent url("../images/grey background bar.svg") 0% 0% no-repeat  padding-box;
    opacity: 1;
    background-position:center;
    background-size:cover;
}

.btnin {
    padding: 10px;
    margin-bottom: 15px;
}

.btnouter {
    margin-bottom: 40px;
    min-height: 80px;
}

.btn {
    min-height: 50px;
}

@media screen and (min-width:1450px) {
    .btnouter {
        margin-bottom: 40px;
        min-height: 156px;
    }
    .btnin {
        padding: 10px;
        margin-top: 24px;
    }
}