/*
    StyleSheet For Responsive Bootstrap Carousel Effect Ken Burns
    Author: Razboynik
    Author URI: http://filwebs.ru
    Description: Bootstrap Carousel Effect Ken Burns
*/


.kb_control_left,.kb_control_right
{
    top:45%;
    z-index:2;
    opacity:0;
    width:55px;
    height:55px;
    text-align:center;
    -webkit-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s
}  	/*top:45%;*/   

.kb_wrapper:hover .kb_control_left,.kb_wrapper:hover .kb_control_right
{
    opacity:.8
}

.kb_icons
{
    line-height:50px;
    font-size:34px!important;
    font-weight:normal!important
}


.kb_control_left
{
    left:1%!important
}

.kb_control_right
{
    right:1%!important
}

.kb_elastic
{
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

.kb_elastic .item
{
    top:0;
    z-index:1;
    opacity:0;
    width:100%;
    position:absolute;
    left:0!important;
    display:block!important;
    -webkit-transform:scale3d(2,1,2);
    transform:scale3d(2,1,2);
    -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s;
    transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s
}


.kb_elastic .item:first-child
{
    top:auto;
    position:relative
}

.kb_elastic .item.active
{
    opacity:1;
    z-index:2;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s;
    transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s
}


/*.kb_wrapper
{overflow:hidden;max-width:853px;max-height:640px;}表示する画像サイズ*/

.kb_wrapper
{
    
overflow:hidden;
   
 max-width:853px; 		/*画像サイズ*/
max-height:640px
;
}


.kb_wrapper>.carousel-inner>.item>img,.kb_wrapper>.carousel-inner>.item>a>img
{
    margin:auto;
    opacity:.8;
    width:100%!important;
    -webkit-transform-origin:100% 0;
    -moz-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    -o-transform-origin:100% 0;
    transform-origin:100% 0;
    -webkit-animation:immortalkenburns 20000ms linear 0s infinite alternate;
    animation:immortalkenburns 20000ms linear 0s infinite alternate
}
    

@-webkit-keyframes immortalkenburns
{
    0%
{
    -webkit-transform:scale(1);
    -webkit-transition:-webkit-transform 20000ms linear 0s
}
    100%
{
    -webkit-transform:scale(1.2);
    -webkit-transition:-webkit-transform 20000ms linear 0s
}

}
    

@-moz-keyframes immortalkenburns
{
    0%
{
    -moz-transform:scale(1);
    -moz-transition:-moz-transform 20000ms linear 0s
}
    100%
{
    -moz-transform:scale(1.2);
    -moz-transition:-moz-transform 20000ms linear 0s
}

}
    

@-ms-keyframes immortalkenburns
{
    0%
{
    -ms-transform:scale(1);
    -ms-transition:-ms-transform 20000ms linear 0s
}
    100%
{
    -ms-transform:scale(1.2);
    -ms-transition:-ms-transform 20000ms linear 0s
}

}
    

@-o-keyframes immortalkenburns
{
    0%
{
    -o-transform:scale(1);
    -o-transition:-o-transform 20000ms linear 0s
}
    100%
{
    -o-transform:scale(1.2);
    -o-transition:-o-transform 20000ms linear 0s
}

}
    

@keyframes immortalkenburns
{
    0%
{
    transform:scale(1);
    transition:transform 20000ms linear 0s
}
    100%
{
    transform:scale(1.2);
    transition:transform 20000ms linear 0s
}

}


/*キャプションの表示位置*/
.kb_caption			/*（1）*/
{
    left:60%;
    width:36%;
    bottom:70%;
    text-align:left;
}

.kb_caption_right			/*（2）*/
{
left:50%;
width:41%;
}

.kb_caption_center			/*（3）*/
{
    /*float:none;*/
   /*margin:auto;*/
  width:13%;
 left:50%;
bottom:70%
}

.kb_caption_middle			/*（4）*/
{
    left:20%;
    width:40%;
    bottom:65%;
    text-align:left;
}


.kb_caption_left 			/*（5）*/ 
{ 		
left:70%; 
bottom:30%;
width:13%;
}

.kb_caption_top 			/*（6）*/ 
{ 		
left:55%; 
bottom:10%;
width:41%;
}


/*キャプションの文字サイズ*/               
.kb_caption h1
{
    font-size:24px;
    font-weight:300;
    text-align: center;
    text-shadow:none;
    padding:5px 0 5px 7px;
    -webkit-animation-delay:1s;
    animation-delay:1s; 
 }

.kb_caption h2
{
    font-size:22px;
    text-align: center;
    text-shadow:none;
    padding-left:15px;
    font-weight:normal;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s;
    font-weight:bold; 
}
    


@media only screen and (max-width:480px)
{
.kb_control_left,.kb_control_right
{
    border:0
}

.kb_icons
{
    font-size:18px!important
}


.kb_caption
{
    left:0;
    width:100%;
    bottom:25%;
    text-align:center
}

.kb_caption h1
{
    font-size:24px;
}

.kb_caption h2
{
    font-size:22px;font-weight:bold; 
}

}
    

@media(min-width:481px) and (max-width:600px)
{

.kb_control_left,.kb_control_right
{
    border:0
}

.kb_caption
{
    left:0;
    width:100%;
    bottom:25%;
    text-align:center
}

}
    

@media(min-width:601px) and (max-width:767px)
{

.kb_caption
{
    left:0;
    width:100%;
    bottom:25%;
    text-align:center
}

}
    

@media(min-width:768px) and (max-width:991px)
{

.kb_caption
{
    bottom:25%
}

}
    

@media(min-width:992px) and (max-width:1199px)
{

.kb_caption
{
    bottom:50%
}

}
.kb_wrapper
{
    background:#000
}

.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus
{
    color:#000;
    border:2px solid #fff;
    background:#fff !important
}

/*キャプションの文字色*/                                                                                           


.kb_caption h1
{
    color:#0000CC;
    background:#fff
}　　	/*color:#bf392b;
あか*/　　　　

.kb_caption h2
{
    color:#fff
}
    



@media(max-width:600px)
{
.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus
{
    border:none!important;
    background:transparent!important
}

}