body {

    font-family:  'Abel', sans-serif;

}



.no-margin {

    margin: 0px;

}








.no-padding {

    padding: 0px;

}



.container-set-pad {

    padding-top: 20px;

    padding-bottom: 20px;

    padding-left: 20px;

    padding-right: 20px;

}



h5 {

    font-size: larger;

}



.first-margin {

    margin-top: 40px;

}



.navbar{

    border-color:   #222;

}



  #mycarousel .slider-size {

    height: 400px; 

    width: 100%;

  }



hr {

  -moz-border-bottom-colors: none;

  -moz-border-image: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  border-color: #EEEEEE -moz-use-text-color #FFFFFF;

  border-style:  solid;

  border-width: 2px 0px;

  width: 5%;

}



.padding-jumbro-spilt {

    padding-left: 10%;

    padding-right: 10%;

    padding-top: 20px;

    padding-bottom: 20px;

}



.jumbotron{

    color: #9d9d9d;

    background-color: #222;

    font-size: 14px;

    line-height: 1.42857143;

}



#myfooter{

    color: #9d9d9d;

    background-color: #222;

    font-size: 14px;

    line-height: 1.42857143;

}



.header-1 {

    font-size: xx-large;

}



.logo {

    color: #46de05;

    font-size: 200px;

}





.col-sm-7 {

    padding: 20px;

}



.col-sm-4 {

    padding: 20px;

}





.set-row-pad {

    padding-top:30px;

    padding-bottom:50px;

}





hr.custom {

	height: 10px;

	border: 0;

	box-shadow: 0 10px 10px -10px #f4511e inset;

}



.bg-grey{

    background-color: #EEEEEE;

}



.thumbnail {

    border-style: none;

}



.thumbnail img {

	margin-bottom:7px;

    padding-left: 20%;

    padding-right: 20%;

}



#work .col-sm-2 {

    padding-top: 10px;

    padding-right: 10px;

    padding-left: 10px;

}



.popover {

        width: 2000px;

  }



#work a {

    font-size: large;

    line-height: 10px;

         

}



.bg-laptop {

    background: url(../img/keyboard.jpg) no-repeat center center;

    padding: 0;

    background-size: cover;

    color: #fff;

    

}



.bg-disk {

    color: #fff;

    padding: 0;

    background: url(../img/disk.jpg);

    background-size: cover;

    background-position: center center;

}



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

    .bg-disk, .bg-laptop {

        background-attachment: fixed;

    }

}







.overlay-dark {

        background: rgba(0, 0, 0, 0.60);

        min-height: 100%;

        padding: 0;

        background-size: cover;

    }





.text-larger-white {

    font-size: larger;



    padding-left: 30px;

    padding-right: 30px;

    padding-bottom:  20px;

}






.jumbotron{

    color: #9d9d9d;

    background-color: #222;



}



.carousel-control.right, .carousel-control.left {

    background-image: none;

    color: #f4511e;

    width: 20px;

}



#recommendations .carousel-inner {

    padding-left: 20%;

    padding-right:20%;

}



.recommendation-text{

    margin: 0;

    margin-bottom: 20px;

}



.recommendation-from {

    text-align: right;

    color: #FFFFFF;

    margin: 0;

    margin-bottom: 70px;

}



.carousel-indicators li {

    border-color: #f4511e;

}



.carousel-indicators li.active {

    background-color: #f4511e;

}



.pad-the-row {

    padding-left: 0%;

}



.slideanim {visibility:hidden;}

.slide {

    /* The name of the animation */

    animation-name: slide;

    -webkit-animation-name: slide; 

    /* The duration of the animation */

    animation-duration: 1s; 

    -webkit-animation-duration: 1s;

    /* Make the element visible */

    visibility: visible; 

}



/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */

@keyframes slide {

    0% {

        opacity: 0;

        transform: translateY(70%);

    } 

    100% {

        opacity: 1;

        transform: translateY(0%);

    } 

}

@-webkit-keyframes slide {

    0% {

        opacity: 0;

        -webkit-transform: translateY(70%);

    } 

    100% {

        opacity: 1;

        -webkit-transform: translateY(0%);

    }

}

.col-sm-2 {
    transition: transform .5s;
  }
  
  .col-sm-2:hover {
    -ms-transform: scale(1.15); /* IE 9 */
    -webkit-transform: scale(1.15); /* Safari 3-8 */
    transform: scale(1.15); 
  }