#introInfo {
  margin-right: 38%;
    padding-left: 0%;

    color: white;
    text-align: left;
    width: 60%;



}

#introInfo2 {

    color: white;
    text-align: left;



}

#introH2 {
    font-family: Roboto;
    font-weight: 500;
    margin-left: 45px;
}

#introH2two {
    font-family: Roboto;
    font-weight: 500;
    margin-left: 55px;
    z-index: 999;
    position: relative;

}

#introH1 {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 400;

}

#introH1two {
      font-family: Roboto;
      font-weight: 500;
      margin-left: 55px;
      margin-right: 60%;

}


.break {
    display: block;
    color: white;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    margin-left: 55px;
    margin-right: 830px;
    min-width: 320px;
    border-style: inset;
    border-width: 1.4px;
    visibility: visible;
}

.break2 {
    display: block;
    color: black;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    margin-left: 55px;
    margin-right: 830px;
    min-width: 320px;
    border-style: inset;
    border-width: 1.4px;
    visibility: visible;
}


.break3 {
    display: block;
    color: black;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    margin-left: 55px;
    margin-right: 870px;
    max-width: 190px;
    border-style: inset;
    border-width: 1.4px;
    visibility: visible;
}
#homeGraphic {
    float: right;
    z-index: 1000;
    margin-top: -100px;
    margin-right: 125px;

}

.priceMobile {
  display: block;
  padding: 20px;
  color: #67696C;
  font-size: 34px;
  font-weight: 600;
  margin-top: 5px;

}

#purchase123 {
  /*
  background-color: cornflowerblue;
  */
  background-color: white;
  padding: 30px;
  margin-left: -200px;
  margin-right: -200px;
  padding-left: 200px;
  margin-top: 10px;
  zoom: 110%;
  height: 150px;

}


#purchaseIcon {
  display: block;
  float: right;
  margin-top: -435px;
  left: 40px;
position: relative;
zoom: 95%;
}

#container::before {
  display: none;
}

.gradient {
    color: #bb2936;
}

/* Splitscreen Styling */

.full-height {
    height: 600px;
}

.divstylingHome {
  padding: 45px;
  padding-top: 110px;

  padding-bottom: 70px;
}

#containerIndex1 {
    position: relative;

    width: 100%;
    overflow: hidden;

}

    #containerIndex1:before {
        content: '';
        position: absolute;
        z-index: 0;
        left: 62%;
        width: 85%;
        height: 200%;
        background-color: rgb(255, 255, 255); /* fallback */
        background-color: rgba(255, 255, 255,);
        top: -300px;
        background-image: url("img/graphics/shapes3.jpg");
        background-color: #F3F4F8; /* Used if the image is unavailable */
        height: ; /* You must set a specified height */
        background-position: right; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }

.containerLogos {
  background-color: white;
  margin-left: -200px;
    padding-left: 500px;
    padding-right: 500px;
    margin-right: -200px;
    padding-top: 5%;
    padding-bottom: 5%;
}

    #homeContainer {
      background-color: white;
      font-family: Roboto;
      font-weight: 500;
      padding-left: 55px;
      padding-right: 40%;
      padding-bottom: 70px;
      padding-top: 620px;

    }


    #questionGraphic {
      position: relative;
      margin-left: 0%;
    }

    #questionGraphicMobile {
      position: relative;
      width: 100%;
    }

.aboutUsP {
  padding-right: 50%;
  padding-top: 1.5%;
  margin-left: 55px;
  font-size: 1.2em;
  text-align: center;
  /*
  background-image: linear-gradient(#f8916b, #F89185);
color: white;
*/
color: black;
padding: 2em;
border-radius: 25px;
width: 50%;
background-color: white;
}

#aboutUsHeader {
  font-family: Roboto;
font-weight: 500;
margin-left: 55px;
 z-index: 1000;
position: relative;
}

   #questionGraphicDiv {
       position: absolute;
 display: inline-block;
 z-index: 1;
 left: 800px;
 top: -0.50px;
 /*
 left: 45%;
 top: -0.5%;
 */

   }


   #questionGraphicDivMobile {
       position: relative;
 display: inline-block;
 z-index: 1;
 width:100%;
 display: none;
 /*
 left: 45%;
 top: -0.5%;
 */

   }


   #homeContentRight {
     float: right;
     display: inline-block;
     position: relative;
     bottom: 350px;
     right: 3px;

   }




   #feature {
     padding-top: 5%;
     padding-bottom: 5%;
   }


   /* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



#profileImg {
  width: 150px;
  border-radius: 50%;
  position: absolute;
  left: 22%;
  margin-top: -10px;
}

#aboutUsDiv {
 background-color: #F3F4F8;
 padding: 40px;
 padding-top: 5%;
 padding-bottom: 15%;
 background-image: url(../img/graphics/valley2.jpg);
 background-repeat: no-repeat;
 background-size: cover;

}



#worksContainer {
  /*
  background-image: linear-gradient(to left, #9D7CBD , #337ab7);
  color: white;
  */
  background-color: #F3F4F8;
  padding: 40px;
  padding-top: 5%;
  padding-bottom: 15%;
  margin-top: 40px;
}


#worksh1 {
    font-family: Roboto;
    font-weight: 500;
    text-align: center;
    align-content: center;
    display: inline-block;
    z-index: 999;
    position: relative;

}

.outsideText {
    font-family: Roboto;
    left: 110%;
    position: absolute;
    width: 105%;

}

.outsideText2 {
    font-family: Roboto;
    right: 115%;
    position: absolute;
    width: 105%;
    margin-top: -40px;

}

ul {
  margin-top: 40px;
  margin-left: 50px;
  list-style-type: disc;
}

ul li {
  padding-left: 10px;
  padding-bottom: 3px;
}



.worksGraphic {
  width: 290px;
  height: 290px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.numberOne {
  margin-left: -7%;
  font-size: 45px;
  color: #337ab7;
  padding-left: 30px;
}

.cardcontent2 {


  border-color: #337ab7;
  border-style: solid;
  border-width: 25px 0px 0px 0px ;
  width: auto;
  margin-top: -50px;
  margin-left: 8%;
  margin-right: 52%;
    background-color: white;
    color: black;
    padding-left: 70px;
    padding-right: 50px;
    padding-bottom: 27px;
    font-size: 18px;
    position: relative;
    top: -10px;
    text-align: left;
    padding-top: 50px;
    font-weight: 400;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);


}

.cardcontent3 {


  border-color: #337ab7;
  border-style: solid;
  border-width: 25px 0px 0px 0px ;
  width: auto;
  margin-top: 50px;
  margin-left: 55%;
  margin-right: 6.0%;
    background-color: white;
    color: black;
    padding-left: 70px;
    padding-right: 50px;
    padding-bottom: 27px;
    font-size: 18px;
    position: relative;
    top: -10px;
    text-align: left;
    padding-top: 50px;
    font-weight: 400;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);

}

.cardcontent4 {


  border-color: #337ab7;
  border-style: solid;
  border-width: 25px 0px 0px 0px ;
  width: auto;
  margin-top: 65px;
  margin-left: 8%;
  margin-right: 52%;
    background-color: white;
    color: black;
    padding-left: 70px;
    padding-right: 50px;
    padding-bottom: 27px;
    font-size: 18px;
    position: relative;
    top: -10px;
    text-align: left;
    padding-top: 50px;
    font-weight: 400;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);

}


#worksP {
  padding-right: 50%;
  padding-top: 1.5%;
  margin-left: 55px;
  font-size: 1.4em;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  margin-left: 10%;
  margin-right: 10%;
  padding: 10px;
  padding-bottom: 20%;
}
.grid-item {
  border-color: #337ab7;
  border-style: solid;
  border-width: 25px 0px 0px 0px ;

    background-color: white;
    color: black;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 27px;
    font-size: 18px;
    position: relative;
    top: -10px;
    text-align: left;
    padding-top: 50px;
    font-weight: 400;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.grid-item2 {
  border-color: #337ab7;
  border-style: solid;
  border-width: 25px 0px 0px 0px ;

 margin-left: 50%;

    background-color: white;
    color: black;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 27px;
    font-size: 18px;
    position: relative;
    top: -10px;
    text-align: left;
    padding-top: 50px;
    font-weight: 400;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.grid-item3 {
  border-color: #FFBF42;
  border-style: solid;
  border-width: 25px 0px 0px 0px ;

    background-color: white;
    color: black;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 27px;
    font-size: 18px;
    position: relative;
    top: -10px;
    text-align: left;
    padding-top: 50px;
    font-weight: 400;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.hamburgerMenu {



 display: none;

}

#hamb
{
  margin-top: 20px;
  position: absolute;
  float: right;
  width: 40px;
  height: 40px;
  padding: .5%;
  z-index: 10;
transform: scale(1.2);
  box-sizing: border-box;
  background-color: #fff0;
  border: none;
  top: 15px;
}

#hamb:focus{outline: none;}

#hamb:hover .rect
{
  background-color: #fcfc00;
}

p.copyWrite
{
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
  color: #aaa;
  font-size: .8rem;
  font-style: italic;
}

#slideDown ul
{
  background-color: #a94442;
  position: absolute;
  float: left;
  top: 86.5px;
  width: 140%;
  margin-left: -335px;
  margin-bottom: -12px;
  font-size: 1.5rem;
  z-index: 1000;
  display: none;


  list-style-type:none;
}

#slideDown ul li
{
  font-family: "Roboto";
  position: relative; float: left;
  width: 425px;
  font-size: 30px;
  padding: 30px;
  text-align: left;
  list-style-type:none;
  background-color: indianred;
  overflow: hidden;

  /*
  background-color: white;
  background-color: coral;
  */
}

#slideDown ul li a
{
  color: white;
  text-transform: none;
  background-color: initial;
}



/*THE NUMBERS ARE IMPORTANT FOR THIS. MAKE SURE YOUR RECTANGLES ARE 'something1', 'something2', 'something3' */
#rect1, #rect2, #rect3
{
  /*THIS IS JUST STYLING*/
  position: relative; float: left;
  width: 100%;
  height: 5px;
  background-color: #4d87e2;
  /*
  background-color: #337ab7;
  */

  /*THIS IS WHAT MAKES YOUR HAMBURGER RECTANGLES SLIDE INTO AN 'X'*/
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

#slideDown
{
  /*AGAIN, JUST STYLING*/

  color: black;

  width: 100%;


  /*AGAIN, THIS MAKES YOUR HIDDEN NAV SLIDE INSTEAD OF APPEAR*/
  -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
       -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}

.hidden
{
  /*THIS IS WHAT CHANGES TO HIDE YOUR MENU. THIS NEEDS TO BE '0'*/
  max-height: 0px;
}

.revealed
{
  /*AN APPROXIMATION OF YOUR NAV'S EXTENDED HEIGHT. IF THIS IS TOO HIGH, IT WILL LAG BEFORE CLOSING*/
  max-height: 100px;
}

.showRect /*YOU CAN NAME ME. FOLLOW INSTRUCTIONS IN THE JS*/
{
  /*DEFAULT STYLING FOR YOUR LITTLE HAMBURGER RECTANGLES*/
  display: block;
  margin: 2px 0 2px 0;
}

.hideRectX /*YOU CAN NAME ME. FOLLOW INSTRUCTIONS IN THE JS*/
{
  /*THE STYLING FOR YOUR MIDDLE RECTANGLE, WHICH DISSAPEARS*/
  display: none;
}

.topRectX /*YOU CAN NAME ME. FOLLOW INSTRUCTIONS IN THE JS*/
{
  /*THE STYLING FOR YOUR TOP RECTANGLE*/
  margin: 4px 0 4px 0;

  /*THIS ROTATES YOUR TOP RECTANGLE INTO ITS 'X' POSITION*/
   -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
           transform: rotate(45deg);
}

.bottomRectX /*YOU CAN NAME ME. FOLLOW INSTRUCTIONS IN THE JS*/
{
  /*THE STYLING FOR YOUR BOTTOM RECTANGLE*/
  margin: -8px 0 4px 0;

  /*THIS ROTATES YOUR BOTTOM RECTANGLE INTO ITS 'X' POSITION*/
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
           transform: rotate(-45deg);
}



.indexLogo {
  Z-index: 1000;
  position: relative;
  margin-left: -16px;
}

.bgimg {
  background-image: url(../stockphotos/slider33.jpg);
  background-repeat: no-repeat;
  object-fit: contain;
  max-width: 100%;
  height: auto;
  background-size: cover;
  overflow: hidden;
  top: 200px;
  background-position: 30% 20%;
}

.bgimg2 {
    background-image: url("../stockphotos/christmas3.jpg");
    background-repeat: no-repeat;
    object-fit: contain;
    max-width: 100%;
    height: auto;
    background-size: cover;
    margin-bottom: 30px;
    padding: 0;
    border: 0;
    background-position: 10% 20%;
    /* for school image
    background-position: 50% 20%;
    */
}


#slidertext1 {
    margin-top: 30px;
    margin-right: 7%;
    margin-left: 58%;
}

#slidertext2 {

}

.slidertext2Header {
  font-family: 'Open Sans';
  color: ghostwhite;
  font-size: 46px;
  margin-left: 70px;
  text-shadow: 2px 2px 2px #000000;

}

.slidertextHighlight {
  background: url(img/graphics/brushstroke.svg);
background-repeat: no-repeat;
background-size: 100% 95%;
padding: 8px 0;
}
}

.testimonialPicture {
  margin-top: -5px;
display: block;
margin-left: auto;
margin-right: auto;

}

.studiesPicture {
  position: absolute;
      display: block;
      /* height: 100%; */
      width: 50%;
      margin-left: 45%;
      margin-right: auto;
      margin-top: 35px;

}






.footerList {
     margin: 0px 5% 0% 29%;
 display: inline-block;
 margin-left: 50%;

 position: relative;

}

.row {


}

.footerList2 {
  float:right;

text-align: right;
display: inline-block;
position: relative;
margin-top: -240px;
}

.containerFooter {
  margin: 0px 5% 0% 5%;
padding-right: 50px;
padding-left: 50px;
}

.containerFooter2 {
  margin-left: 3%;
  margin-right: 5%;
  padding-right: 20px;
}

.rowFooter {
  margin-left: 2%;
}

.footer {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: #F3F3F3;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}

.footer h6 {
  display: block;
  font-family: "Roboto";
}

.footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.footer hr.small
{
  margin:20px 0
}

.site-footer
{
  background-color:#;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}

.footerContact {
  margin-top: 70px;

}

.copyright-text
{
  margin-left: 0px;
  margin-top: 50px;
  padding-bottom: 10px;
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none;
  text-align: right;
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color: white;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}



.loginButton {
  /*
  outline: none;
  background: #4285F4;
  width: 100%;
  border: 0;
  border-radius: 4px;
  padding: 12px 20px;
  color: #FFFFFF;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;

  cursor: pointer;
  color: white;
*/


  outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 27px;
    letter-spacing: 0.04rem;
    padding: 1.5rem 3rem;
    padding: 14px 20px;
    cursor: pointer;
    border-radius: 0.4rem;
    border: 0.2rem solid #000;
    background: #fff;

    overflow: hidden;
    box-shadow: 0 3px 0 0 #000;

    cursor: pointer;
    color: black;
}


.bubble-float-right {

  }

  .mobileLogin {
    display: none;
  }




  /* Sweep To Right */
.hvr-sweep-to-right {

  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: grey;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


#faqHeader {
  font-size: 38px;
}


.serviceIntroBack {
  background-color: #4d87e2;
}


.jumbotron {

  background-color: white;

  text-align: center;

}

.jumbotronComp {

}

#homeJumbo {
  background-size: contain;
  margin-top: -11px;background-repeat: no-repeat;

    

}

.newHead1 {
  font-family: "Roboto";
  color: #282828;
  text-align: center;
  font-weight: 500;
}

.subhead1 {
  font-family: "Roboto";
  color: #656565;
  text-align: center;
  font-weight: 500;
  font-size: 30px;
  padding-top: 30px;
}

hr {
  border: 0;
  border-top: 1px solid #00000000;
    max-width: 1140px;
    margin: 5rem 0;
}

.featureHeader {

  font-family: "Roboto";
  color: #5A5A5A;
  font-size: 49px;
  margin-bottom: 10px;
  font-weight: 500;
  display: block;

}

.featureP {
  font-size: 25px;
  font-weight: 300;
    font-family: "Roboto";
}



.homeImage {
  transform: scale(1.0);
  max-height:100%;
  max-width:100%;
}

.jumbotron2 {
  background: linear-gradient(135deg,#428bff,cornflowerblue)!important;
  padding: 30px;
  color: white;
}

.testimonialsNEW {
margin-top: 0;
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 15px;
    font-weight: 300;
    color: #fff;
    padding: 24px 30px;
    background-color: rgba(255,255,255,.12);
    border-radius: 5px;
    font-family: "Roboto";
  }


  .card-text {
    color: black;
  }


.studyLogoNew {
width: 100%;

}


@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}
.slider {
  background: white;
  /*
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  */
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 960px;
  z-index: 0;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 100px;
  width: 250px;
}


.purchaseBox {
  background-color: #E1E8EE;
  height: 600px;

text-align: left;
  margin-top: 0;
      font-size: 33px;
      line-height: 1.4;
      margin-bottom: 15px;
      font-weight: 300;
      color: black;
      padding: 24px 30px;

      border-radius: 5px;
      font-family: "Roboto";
      width: 500px;
      margin-left: auto;
margin-right: auto;
transform: scale(1.3);

}

.purchaseButton {
  display: flex;
      align-items: center;
      justify-content: center;
      width: 350px;
      height: 46px;
      background: #0045F3;
      border-radius: 6px;
      margin: 0 auto 106px;
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 12px;
      line-height: 18px;
      text-align: center;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #FEFEFE;
      cursor: pointer;
      transition: all .3s ease;
      border: none;
}

.price {
  font-size: 50px;
}

.purchaseIcon {
  transform: scale(1.0);
  padding-right: 20px;
}

.iconHolder {
  display: inline-block;

}

.rowPurchase {
  margin-left: -2px;
  padding-top: 5px;
}

.columnIcons {
  float: left;
width: 19.33%;
  padding: 5px;
}

.purchaseHeader {
display: block;
padding-top: 20px;
font-weight: 600;
font-size: 22px;
}

.purchaseList {
  margin-left: 0;
  font-size: 22px;
  margin-top: 12px;
  margin-bottom: 22px;
}

.purchaseList li {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}


@media only screen and (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1333px;
  }
}



.accordion *:focus {
  outline: none;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #000;
}



.accordion h1 {
  text-align: center;
  margin-bottom: 1.5rem;
  font-family: "Poppins", sans-serif;
  color: #444;
  font-size: 2rem;
}

.accordion li {
  margin-bottom: 0.75rem;
}

.accordion a {
  padding: 0.25rem 0.125rem 0;
  color: #9482ec;
  text-decoration: none;
  border-bottom: 1px solid #9482ec;
  transition: all 150ms ease;
}
.accordion a:focus, a:hover {
  background-color: #cbffd9;
  color: #6a51e7;
  border-bottom: 3px solid #6a51e7;
}

.accordion {
  max-width: 40rem;
  margin: auto;
  transform: scale(1.5);

}
.accordion__button {
  text-align: left;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  background-color: cornflowerblue;
  color: #fff;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  display: block;
  width: 100%;
  z-index: 1;
  position: relative;
  margin-top: 1rem;
  transition: all 150ms linear;
}
.accordion__button::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0.875rem;
  top: 0.875rem;
  width: 0.4rem;
  height: 0.4rem;
  border-right: 0.25rem solid #fff;
  border-top: 0.25rem solid #fff;
  transform: rotate(135deg);
  transition: transform 250ms linear;
}
.accordion__button:hover {
  background-color: #444;
  transform: scale(1.025);
}
.accordion__button[aria-expanded="true"] {
  background-color: #444;
}
.accordion__button[aria-expanded="true"]::after {
  transform: rotate(315deg) translateY(0.25rem);
}
.accordion__content {
  padding: 0.875rem;
  margin-left: 0;
  background-color: #fff;
  border: 2px solid #eee;
  box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.15);
  transition: all 200ms linear;
}
.accordion__content[aria-hidden="false"] {
  display: block;
}
.accordion__content[aria-hidden="true"] {
  display: none;
}



button:focus {
  outline: none;
}

h1 {
  color: #282828;
}

.conP {
  font-size: 19px;
}



#phoneLink {
  display: inline-block;
      margin-left: 12.5px;
      margin-right: 30px;
      margin-bottom: 21px;
      position: relative;
      top: 10px;
}

#phoneIcon {
  position: relative;
  top: 10px;
  left: 1.5px;
}


#emailLink {
display: inline-block;
/*
    margin-left: 10px;
    */
    margin-right: 30px;
  }


  .footerList2 {
    float: right;
text-align: right;
display: inline-block;
position: relative;
margin-top: -190px;
  }


  .footerContactCourse {
    margin-top: 100px;
  }

.studyLogo1 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: -15px;
  /*
  transform: scale(0.6);
  display: block;

  margin-left: auto;
  margin-right: auto;

  position: relative;
    right: 281px;
    bottom: -140px;
    */

}

.studyLogo2 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: -120px;
  margin-bottom: -80px;
  transform: scale(0.8);
  /*
  transform: scale(0.9);
  display: block;
position: relative;
bottom: -106px;
    right: 57px;
    */

}

.studyLogo3 {

  /* margin-left: auto; */
/* margin-right: auto; */
/* text-align: center; */
margin-top: -114px;
position: relative;
left: -151px;
margin-bottom: -100px;
transform: scale(0.7);

}


.studyLogo4 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: -15px;
  margin-bottom: 10px;
}

.studyLogo5 {
  margin-top: -114px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  left: -210px;
  margin-bottom: -65px;
  transform: scale(0.5);
}


.jumbotron3 {
  background-color: cornflowerblue;
  height: auto;
margin-top: 47px;
color: white;
padding: 52px 5% 52px 31.5%;
font-size: 42px;
font-weight: 500;

}


#homebg1 {
  overflow: hidden;
  top: 4px;
  position: relative;
  text-align: center;

}


#homebg2 {
  overflow: hidden;
  top: 137px;
  position: absolute;
  text-align: center;
}

#homebg3 {
  overflow: hidden;
  top: 137px;
  position: absolute;
  text-align: center;
}

.mobileLogin2 {
  display: none;
}


details {
  width: 75%;
  min-height: 5px;
  max-width: 900px;
  padding: 45px 70px 45px 45px;
  margin: 0 auto;
  position: relative;
  font-size: 22px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  box-sizing: border-box;
  transition: all 0.3s;
  background-color: white;
}

details + details {
  margin-top: 20px;
}

details[open] {
  min-height: 50px;
  background-color: white;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
}

details p {
  color: #67696c;
  font-weight: 300;
  margin-top: 20px;
}

summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
}

summary:focus {
  outline: none;
  box-shadow: 0 0 0 4px #f6f7f8, 0 0 0 5px;
  display: none;
}

summary::-webkit-details-marker {
  display: none;
}

.control-icon {
  fill: #4D87E2;
  transition: 0.3s ease;
  pointer-events: none;
}

.control-icon-close {
  display: none;
}

details[open] .control-icon-close {
  display: initial;
  transition: 0.3s ease;
}

details[open] .control-icon-expand {
  display: none;
}

details[open] summary:hover::after {
  animation: pulse 1s ease;
}

@keyframes pulse {
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.jumbotronFAQ {
  background-color: #f8f9fa!important;
  padding: 60px;
}

/*
.jumbotron::before {
  content: "";
 background-color: white;
 position: absolute;
 height: 100%;
 width: 120%;
 top: -20px;
 left: -10%;
 transform: rotate(5deg);
 z-index: 0;
}
*/




/* MODAL
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modalStudy {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: #0000002e;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
  z-index: 1000;
}

.modalStudy.is-visible {
  visibility: visible;
  opacity: 1;
}

.modalStudy-dialog {
  position: relative;
  max-width: 800px;
  max-height: 80vh;
  border-radius: 5px;
  background: var(--white);
  overflow: auto;
  cursor: default;
}

.modalStudy-dialog > * {
  padding: 1rem;
}

.modalStudy-header,
.modalStudy-footer {
  background: var(--lightgray);
}

.modalStudy-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modalStudy-header .close-modalStudy {
  font-size: 1.5rem;
}

.modalStudy p + p {
  margin-top: 1rem;
}



.modalStudy button {
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
  font-size: inherit;
}



.open-modal {
  font-weight: bold;
  background: var(--blue);
  color: var(--white);
  padding: 0.75rem 1.75rem;
  margin-bottom: 1rem;
  border-radius: 5px;
}

.modalStudy-content {
  text-align: center;
  overflow-x: hidden;
}

h2 {
  font-family: "Roboto";
  color: #282828;
  z-index: 1000;
}

h3 {
  font-family: "Roboto";
}



.element {
  width: 41%;
  	height: 950px;
    background-color: #4D87E2;
    background-size: cover;
    clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    position: absolute;
    z-index: 2;
}


.element2 {
  top: 1497px;
  width: 870px;
  width: 976px;
  height: 1307px;
  background-color: #4D87E2;
  background-size: cover;
  clip-path: polygon(100% 0%, -155% 255%, 0% 0%);
  position: absolute;
}

#contBlock1 {
    max-width: 4180px;
}

#contBlock2 {
max-width: 2180px;
}

#featureP1 {
  /*
  width: 1108px;
  */
      width: 114%;
      position: relative;
z-index: 4;

}

#featureG1 {
  position: relative;
  /* left: 12.5em;
transform: scale(1.1);
  */
  top: -117px;
  left: 171px;
  left: 213px;
  zoom: 116%;
  left: 157px;
  z-index: 3;



}

#featureG2 {
  position: relative;
  top: -20px;
  left: 15px;
}


#featureG3 {
  position: relative;
  top: -20px;
  zoom: 90%;
  left: 28%;
  left: 21%;
  z-index: 0;
}
}

#featureG3Col {

}


#featureP2 {
  /*
  width: 1108px;
  */
      width: 114%;
}

#col1 {
  position: relative;
  top: -91px;
      left: -7%;
}

#col2 {
  position: relative;

      left: -9%;
}

#rowRE {
  position: relative;
  top: -30px;
}

.circle {
  height: 500px;
    width: 500px;
    border-radius: 50%;
    position: relative;
    /* top: 674px; */
    top: -459px;
    /* right: 00px; */
    /* left: 1205px; */
    /* z-index: -1; */
    left: 79%;
    background-color: #4d87e2;
    display: none;
}


.textHighlight {


}


.testHomeImage {
  border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

#test1Image {
  position: relative;
      /* right: 40%; */
      left: 24%;
      top: -53px;
}

#test2Image {
  transform: scale(0.986);

    position: absolute;
    top: 3px;

    left: 48%;
}


.testInfoCol {
  font-size: 19px;
    font-weight: 300;
    font-family: "Roboto";
    text-align: left;
    width: 85%;
}

#testInfoJumbo {
  margin-top: 100px;;
    background-color: #f0f8ffab;
    padding-left: 20%;
    padding-right: 14%;

}



.testInfoh3 {
  text-align: left;
  color: #5A5A5A;
}


.textHighlight {

}


.iconify {
  -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
      position: absolute;
      /* left: 20px; */
      /* padding-left: 40px; */
      margin-left: -15px;
      position: relative;
      /* top: 4px; */
      /* left: 153px; */
      transform: scale(2.5);
      zoom: 300%;
      color: #4d87e2;
}