.wrapLoga{
padding: 72px 0px 0px 0px;
}
.box_loga{
position: relative;
max-width: 100%;
}

.modLoga{
position: relative;		
}
.modLoga .titleLog {
text-align: left;
color: #ffffff;
position: relative;
overflow: hidden;
font-weight: 500;
padding: 0px 83px;
display: block;
font-size: 30px;
font-weight: 500;
}

.modLoga .titleLog span.sp1{
position: relative;
display: inline-block;
}


.loga{
max-width: 100%;
padding: 48px 83px;
}
.loga .logo{
float: left;
margin: 0px 11px 0px 0px;
text-align: center;
}
.loga .logo a{

}
.loga .logo img{
vertical-align: top;
margin: 4px 0px 0px 4px;
}


.loga .arrowLeft,.loga .sl,.loga .arrowRight,.loga .sr{
width: 21px;
height:32px;
float:left;
cursor: pointer;
position: absolute;
z-index: 1;
background: url('../images/mod_arrow.png') 0px 0px no-repeat;
margin: 19px 0px 0px 0px;
}

.loga .arrowLeft,.loga .sl{
left: -60px;
}

.loga .arrowRight,.loga .sr{
right: -60px;
}


.loga .arrowLeft{
background-position: 0px 0px;
}
.loga .sl{
background-position: -62px 0px;
}

.loga .arrowRight{
background-position: -31px 0px;;

}

.loga .sr{
background-position: -93px 0px;;

} 



.loga .arrowLeft{
left: 0px;
background-image: url('../images/arrow_left.svg');
background-position: 100% 50%;
background-size:28px auto; 
}
.loga .arrowRight{
right: 0px;
background-image: url('../images/arrow_right.svg');
background-position: 0% 50%;
background-size:28px auto; 
}

.loga .arrowRight, .loga .arrowLeft{
width: 21px;
height: 21px;
top: 50%;
position: absolute;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
background-size: 11px 21px;
background-repeat: no-repeat;
display: none;
}

.loga .arrowRight, .loga .arrowLeft{
cursor: pointer;
display: block;
z-index: 1;
}

.loga .arrowLeft:hover{background-position: 0% 50%;}
.loga .arrowRight:hover{background-position: 100% 50%;}


.outerContainerLoga .selImg{
display: block;
position: absolute;
border: 5px solid #CCCCCC;
margin: 0px 0px 0px 0px;
z-index: 1;
top:0px;
left: 0px;
}
.outerContainerLoga {
margin: 0px auto 0px auto;
position: relative;
padding: 0px 0px 0px 0px;
/*border-top: 1px solid #74244B;*/
max-width: 100%;
}
.outerContainerLoga img{
padding: 0px;
filter: grayscale(100%) brightness(150%);
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
.outerContainerLoga .imageScrollA:hover img{
filter: grayscale(0%) brightness(100%);
}
.outerContainerLoga .imageScroller {
position: relative;
overflow: hidden;
margin: 0px auto;
float: left;
max-width: 100%;
}
.outerContainerLoga .viewer {
position: absolute;
}
.outerContainerLoga .viewer .imageScrollA{
position: relative;
display: block;
float: left;
box-sizing: border-box;
text-align: center;
}
.outerContainerLoga .viewer span{
position: relative;
display: block;
float: left;
}


#vmarquee2 .imageScrollA{
position: relative;
display: block;
float: left;
box-sizing: border-box;	
}


.outerContainerLoga .viewer a span {
    color: #162E01;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    overflow: hidden;
    padding: 8px 0 0;
    position: relative;
    text-align: center;
}
@media screen and (max-width:940px){
.loga .arrowRight, .loga .arrowLeft {width: 32px;height: 32px;}
}
@media screen and (max-width:540px){
.modLoga .titleLog {padding: 0px 44px;}
.loga {padding: 48px 44px;}
}
@media screen and (max-width:400px){
.modLoga .titleLog {text-align: center;}
}