about_boxabout_boxabout_boxabout_box/*
Theme: Flatfy Theme
Author: Andrea Galanti
Bootstrap Version 
Build: 1.0
http://www.andreagalanti.it
*/

/*General */


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.div-top{
    margin-top: -50px;
    margin-bottom:50px;
}

.about_box1{
    position:relative;
    opacity:0;
    left: -500px;
}

.about_box2{
    position:relative;
    opacity:0;
    right: -500px;
}

.card-deck{
    position:relative;
    bottom: 200px;
    opacity:0;
}

.card-deck2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position:relative;
    top: 200px;
    opacity:0;  
}

@media (min-width: 576px) {
  .card-deck2 {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
.card-deck2 .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.list_box{
    position:relative;
    opacity:0;
    left: -500px;
}

.jumbotron_box{
    margin-bottom:0rem; 
    background-image:url(../images/index/index04.png);
}

.jumbotron_mask{
    background-image:url(../images/index/index03.png);
}

.case_box{
    background-color:#f2f2f2;   
}

.case_color{
    background-color:#0041A1;
    color: #fff;
}

.case_button{
    color: #fff;
    border: 1px #fff solid;
}

/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

        .about_box1 {
            opacity: 1;
            left:0px;
        }
        .about_box2 {
            opacity: 1;
            right: 0;
        }
        .card-deck{
            bottom: 0;
            opacity:1;
        }
        .card-deck2{
            top: 0;
            opacity:1;
        }
        .list_box{
            opacity:1;
            left:0;
        }

		#gallery1{display:none}
		
		.button_down {display:none}
		
		
	}