.slider-area .hero__caption h1

		{

			font-size: 50px;

		}



        #button {

  display: inline-block;

  background-color: #FF9800;

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 4px;

  position: fixed;

  bottom: 30px;

  right: 30px;

  transition: background-color .3s, 

    opacity .5s, visibility .5s;

  opacity: 0;

  visibility: hidden;

  z-index: 1000;

}

#button::after {

  content: "\f077";

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  font-size: 2em;

  line-height: 50px;

  color: #fff;

}

#button:hover {

  cursor: pointer;

  background-color: #333;

}

#button:active {

  background-color: #555;

}

#button.show {

  opacity: 1;

  visibility: visible;

}



/* Styles for the content section */



.content {

  width: 77%;

  margin: 50px auto;

  font-family: 'Merriweather', serif;

  font-size: 17px;

  color: #6c767a;

  line-height: 1.9;

}

@media (min-width: 500px) {

  .content {

    width: 43%;

  }

  #button {

    margin: 30px;

  }

}

.content h1 {

  margin-bottom: -10px;

  color: #03a9f4;

  line-height: 1.5;

}

.content h3 {

  font-style: italic;

  color: #96a2a7;

}



.slider-image

  {

    background-image: url('../../images/slider1.jpg');

  } 

  .cv-image

  {

    background-image: url('../../images/cv_bg.jpg');

  }

  .apply-image

  {

    background-image: url('../../images/how-applybg.png');

  }

  .combo

  {

    height: 70px;

  width: 100%;

  color: #777777;

  font-size: 18px;

  font-weight: 400;

  padding: 9px 33px 9px 32px;

  border: none;

  border-radius: 0px;

  position: relative;

  }

  .section-pad-t10

  {

    padding-top: 50px;

  padding-bottom: 50px;

  }





  .box { 

        transition: all 0.01s cubic-bezier(.25,.8,.25,1);

        cursor: pointer;

      }



      .box:hover {

        /*border-top-left-radius: 10px;

        border-bottom-left-radius: 10px;

        animation-name: example;

        animation-duration: 0.2s;

        border-left: 5px solid #252b60; */

      } 

      .services-cap

      {

          margin-top: 0px;

      }



      .services-cap:hover

      {

          margin-top: -5px;

          padding-bottom: 5px; 

          transition: all 0.5s ;

      }



      .services-cap:hover .box::after {

              width: 100%;

              left: 0;

          }



  @keyframes example {

      0%   {border-left: 1px solid #252b60;}

      5%   {border-left: 2px solid #252b60;}

      10%   {border-left: 2.4px solid #252b60;}

      20%  {border-left: 2.8px solid #252b60;}

      40%  {border-left: 3.2px solid #252b60;}

      60%  {border-left: 3.6px solid #252b60;}

      80%  {border-left: 4.2px solid #252b60;}

      100% {border-left: 4.6px solid #252b60;}

  }





  input[type=checkbox], input[type=radio]

  {

    height: 20px;

  }



/* ------------------------- Style notification ------------------------------------------------ */

    #toast {

    visibility: hidden;

    max-width: 50px;

    height: 50px;

    /*margin-left: -125px;*/

    margin: auto;

    background-color: #333;

    color: #fff;

    text-align: center;

    border-radius: 2px;



    position: fixed;

    z-index: 5;

    left: 0;right:0;

    bottom: 30px;

    font-size: 17px;

    white-space: nowrap;

}

#toast #img{

    width: 50px;

    height: 50px;

    

    float: left;

    

    padding-top: 16px;

    padding-bottom: 16px;

    

    box-sizing: border-box;



    

    background-color: #111;

    color: #fff;

}

#toast #desc{



    

    color: #fff;

   

    padding: 16px;

    

    overflow: hidden;

    white-space: nowrap;

}



#toast.show {

    visibility: visible;

    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;

    animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;

}



@-webkit-keyframes fadein {

    from {bottom: 0; opacity: 0;} 

    to {bottom: 30px; opacity: 1;}

}



@keyframes fadein {

    from {bottom: 0; opacity: 0;}

    to {bottom: 30px; opacity: 1;}

}



@-webkit-keyframes expand {

    from {min-width: 50px} 

    to {min-width: 350px}

}



@keyframes expand {

    from {min-width: 50px}

    to {min-width: 350px}

}

@-webkit-keyframes stay {

    from {min-width: 350px} 

    to {min-width: 350px}

}



@keyframes stay {

    from {min-width: 350px}

    to {min-width: 350px}

}

@-webkit-keyframes shrink {

    from {min-width: 350px;} 

    to {min-width: 50px;}

}



@keyframes shrink {

    from {min-width: 350px;} 

    to {min-width: 50px;}

}



@-webkit-keyframes fadeout {

    from {bottom: 30px; opacity: 1;} 

    to {bottom: 60px; opacity: 0;}

}



@keyframes fadeout {

    from {bottom: 30px; opacity: 1;}

    to {bottom: 60px; opacity: 0;}

}

/* ------------------------- END Style notification ------------------------------------------------ */

.sp { color: red; }

a, button{

  color:#000;

}



a{

  color:red;

}

/*

.grid { max-width: 940px; width: 100%; margin: 0 auto; }

.cf:before,

.cf:after {

    content: " ";

    display: table; 

}



.cf:after { clear: both; }

.cf { *zoom: 1; }

.slide-in .overlay{

  background-color: #ffffff;

  line-height: 125px;

  color: #fff;

  transform: translateX(-100%);

  -webkit-transition: transform 0.5s ease-out;

  -o-transition: transform 0.5s ease-out;

  transition: transform 0.5s ease-out;

}



.slide-in .box:hover .overlay{

  transform: translateX(0);

}

.four { 

  width: 32.26%; 

}

.col {

  display: block;

  float:left;

  margin: 1% 0 1% 1.6%;

}



.col:first-of-type { margin-left: 0; }



 



.box {

    display: block;

    width: 75%;

    height: 100px;

    overflow: hidden;

    background-color: #bbb;

    text-align: center;

    position: relative;

}

.overlay{

  width: 100%;

  height:100%;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}

*/



 .breadcrumb 

  {

      margin-top: 10px;

      padding: 0.45rem 1rem;

      background-color: #e9ecef70;

  }



   .section-overly::before

    {

     background-color: #55595775; 

    }