body {
}

.btn-loadmore {
    padding: 16px 100px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 10px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
     background-color: white; 
    color: black; movetil
    border: 2px solid #008CBA;
}

.btn-loadmore:hover {
    background-color: #008CBA;
    color: white;
}

.section-intro::after {
    position: absolute;
    bottom: -2.44444rem;
    left: 50%;
    z-index: 10;
    margin-bottom: .05556rem;
    margin-left: -1.22222rem;
    content: '';
    speak: none;
    border: 1.22222rem solid transparent;
    border-top-color: #ffc525;
}

.section-intro.widget_olc_signup_widget::after, .section-intro.yellow-bg::after {
    border-top-color: #ffc525;
}

.widget_olc_signup_widget, .yellow-alt-bg, .yellow-bg, .yellow-gold-bg {
    color: #8a5d24;
}

.yellow-bg {
    background-color: #ffc525;
}

.section-intro {
    position: relative;
}

.text-center {
    text-align: center !important;
}

.columns.medium-centered:last-child {
    float: none;
}


/*-----------------------Start for product section----------------------------*/

.y-us-head {
    text-align: center;
    margin: 0 0 91px;
}
.y-us-title h2 {
    color: #000;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.y-us-title > p {
    color: #777777;
    line-height: 22px;
}
.y-us-title-border {
    background: #ffae11 none repeat scroll 0 0;
    border-radius: 2px;
    display: inline-block;
    height: 3px;
    position: relative;
    width: 50px;
}
.service-3 .service-box {
    margin-bottom: 18px;
}
.service-3 .service-box .iconset {
    float: left;
    text-align: center;
    width: 25%;
}
.service-3 .service-box .iconset i {
    color: #000;
    font-size: 44px;
}
.service-3 .service-box .y-us-content {
    float: left;
    width: 75%;
}
service-3 .service-box .y-us-content h4 {
    color: #3a3a3a;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 14px 0 12px;
    text-transform: uppercase;
}
.service-3 .service-box .y-us-content p {
    color: #777777;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
}

.icon {
    color : #f4b841;
    padding:0px;
    font-size:40px;
    border: 1px solid #fdb801;
    border-radius: 100px;
    color: #fdb801;
    font-size: 28px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}

/*------------------------end for product section----------------------------*/
.testsection {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image:url(../Images/bg-red.jpg );
    width: 670px;
    height: 428px;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  /*background-color: #e84a64;*/
  border: none;
}

#fade-quote-carousel blockquote {
    /*text-align: center;*/
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
.quotes {
        width: 600px;
        background: none;
        font-size: 20px;
        padding: 10px 0px;
        color: floralwhite;
}

#titletest {
        text-transform:uppercase;
        color: #ffc525;
    }

.load-more {
    display: block;
    text-align: center;
    margin-top: 70px;
}

/*------------heading moving title--------------*/

#subtil2 {
  height: 50px;
  float: left;
  margin-right: 0.3em;
  text-transform: uppercase;
  font: normal 50px/50px Arial, sans-serif;
  color: #003366;
  font-weight:bold;
}
#subtil {
  height: 50px;
  float: left;
  margin-right: 0.3em;
  text-transform: uppercase;
  font: normal 50px/50px Arial, sans-serif;
  color: #003366;
  font-weight:bold;
}
#movetil {
  float: left;
  overflow: hidden;
  position: relative;
  height: 50px;
  font-weight:bold;
  font: normal 45px/50px Arial, sans-serif;
  color: #EB5725;
  text-transform: uppercase;
}
/*span1 {
 display: inline-block;
color: #e74c3c;
position: relative;
white-space: nowrap;
top: 0;
left: 0;
-webkit-animation: move 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 1s;
}*/

span1 {
    font-weight:bold;
    display: inline-block;
    color: #EB5725;
    position: relative;
    white-space: nowrap;
    top: 0;
    left: 0;
    -webkit-animation: move 8s;
        animation-delay: 0s;
        animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    text-align: justify;
    text-transform: uppercase;
}

@keyframes move {
0%  { top: 0px; }
20% { top: -50px; }
40% { top: -100px; }
60% { top: -150px; }
80% { top: -200px; }
}

.movingtext {
    margin-top:265px;
}

.butfindlctn {
  display: inline-block;
  border-radius: 4px;
  background-color: #eb5725;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 23px;
  padding: 6px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: -10px;
}

.butfindlctn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.butfindlctn span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.butfindlctn:hover span {
  padding-right: 25px;
}

.butfindlctn:hover span:after {
  opacity: 1;
  right: 0;
}

#yellowtext {
    font-size: 50px;
    font-style: normal;
    font-weight: bold;
    margin-top: 55px;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
    color:black;
    margin-bottom: 55px;

}

#yellowsubtext {
    font-size: 25px;
    font-style: normal;
    margin-top: 25px;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}

/*--------------------Text section start---------------------------*/

.article-title {
  color: #1b68b2;
  text-align: center;
  font-size: 4.4em;
  line-height: .6em;
  text-transform: uppercase;
  letter-spacing: .01em;
  margin-bottom: .2em;
  margin-top: 2rem;
  padding-bottom: 0;
  text-shadow: 0 -2px 0 #a7cdf2, 0 2px 0 #124678, 1px 0px 0 #2868a5, 3px 3px 0px rgba(0, 0, 0, 0.1), -3px 4px 0px rgba(0, 0, 0, 0.1), 2px -2px 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.1), -150px 580px 0 rgba(27, 104, 178, 0.06);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  color: #62646a;
  font-family: Oswald,"Segoe UI",Frutiger,"Helvetica Neue",Arial,sans-serif;
  /*background-color: #faf4eb;*/
  text-rendering: optimizeLegibility;
}
.article-title span.amper {
  display: block;
  color: #b52d2e;
  font-size: 1.1em;
  text-shadow: 0 -2px 0 #efbfbf, 0 2px 0 #802021, 1px 0px 0 #a63c3c, 3px 3px 0px rgba(0, 0, 0, 0.1), -3px 4px 0px rgba(0, 0, 0, 0.1), 2px -2px 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.1), -150px 580px 0 rgba(181, 45, 46, 0.06);
}

.author {
  font-family: caslon, 'adobe Caslon pro', garamond, 'adobe garamond', serif;
  font-style: italic;
  font-size: 1.25em;
  color: #494b50;
  text-align: center;
  margin-bottom: 1.5rem;
      text-rendering: optimizeLegibility;
}

.wrap1 {
  width: 650px;
  margin: 0 auto;
  /*background-color: #faf4eb;*/
}

header {
  margin-top: 10%;
}
header:after, header:before {
  content: "";
  width: 20%;
  height: 4px;
  display: block;
  /*background-color: rgba(98, 100, 106, 0.8);*/
  margin: 0 auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.content {
  margin-top: 2.5rem;
  margin: 40px;
}

.subtitle {
    text-align:center;
    margin-top: .4em;
    font-weight: 400;
    font-size: 20px;
    color: #62646a;
   font-family: Oswald,"Segoe UI",Frutiger,"Helvetica Neue",Arial,sans-serif;
    /*background-color: #faf4eb;*/
        text-rendering: optimizeLegibility;
            line-height: 2;
}

/*---------------------Text section end-----------------------------*/


/*-------------------------learners sub pages---------------------*/

.about-section {
    padding: 4em 0;
}
.site-title  {
    padding: 2em 0;
}
.site-title h3 {
    font-size: 3.5em;
    color: #14B9D5;
    font-family: 'Marvel-Regular';
    font-weight: 700;
}
.site-title p {
    font-size: 1.1em;
    color: #333333;
    line-height: 1.8em;
    margin-top: 0.5em;
}

.about-inner-column h4 {
    font-size: 2.5em;
    color: #FFD001;
    font-family: 'Marvel-Regular';
}
.about-inner-column p {
    font-size: 1.1em;
    color: #333333;
    line-height: 1.8em;
    margin: 1em 0 0;
}

.about-inner-column ul li a {
    color: #333333;
    font-size: 1.1em;
    padding-left: 2em;
}
.about-right img {
    width: 100%;
}

/*------------------end-----------------------------*/

@media (max-width: 768px) {
    .testimonialdiv {
        margin-top:565px;
    }
    .section-intro {
         margin-top: -90px;
    }

    .homeSlide {
        margin: -90px;
    }

    .quotes {
        width: 400px;
        background: none;
        font-size: 20px;
        padding: 10px 0px;
        color: floralwhite;
    }
    
    #titletest {
        text-transform:uppercase;
        color: #ffc525;
    }
    .wrap1 {
      width: 350px;
      margin: 0 auto;
      /*background-color: #faf4eb;*/
    }

    .testsection {
        width:450px;
    }

    #yellowtext {
        font-size: 30px;
        font-style: normal;
        font-weight: bold;
        margin-top: 95px;
        text-rendering: optimizeLegibility;
        text-transform: uppercase;
    }

    #yellowsubtext {
    font-size: 15px;
    font-style: normal;
    margin-top: 25px;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}
}