div.ronin-opinion {display:none; position:relative; border-bottom:1px solid #ddd; min-height:350px;}

div.ronin-opinion div.content-opinion {min-height:300px;}
div.ronin-opinion div.content-opinion div.nb5 > div {border:none;}

div.ronin-opinion div.ronin-arrows {position:relative; margin:-10px auto 10px; max-width:120px;  height:25px; overflow:hidden; transform: scaleY(0.6);}
div.ronin-opinion div.ronin-arrows div.left-arrow  {position:absolute; cursor:pointer; width:25px; height:25px; left:0;  overflow:hidden; opacity:0.7; transition:opacity 0.3s;}
div.ronin-opinion div.ronin-arrows div.right-arrow {position:absolute; cursor:pointer; width:25px; height:25px; right:0; overflow:hidden; opacity:0.7; transition:opacity 0.3s;}
div.ronin-opinion div.ronin-arrows div.left-arrow:hover  {opacity:1; transition:opacity 0.3s;}
div.ronin-opinion div.ronin-arrows div.left-arrow.blocked {opacity:0.3; border-color:transparent transparent #444 #444;}
div.ronin-opinion div.ronin-arrows div.left-arrow.blocked:hover  {opacity:0.3; border-color:transparent transparent #444 #444;}
div.ronin-opinion div.ronin-arrows div.right-arrow:hover {opacity:1; transition:opacity 0.3s;}
div.ronin-opinion div.ronin-arrows div.left-arrow::before  {content:''; position:absolute; top:50%; left:50%; margin-top:-9px; margin-left: -5px; width:10px; height:10px; transform:rotate(45deg); border-width:3px; border-color:transparent transparent #3a941a #3a941a; border-style:solid;}
div.ronin-opinion div.ronin-arrows div.right-arrow::before {content:''; position:absolute; top:50%; left:50%; margin-top:-9px; margin-left:-10px; width:10px; height:10px; transform:rotate(45deg); border-width:3px; border-color:#3a941a #3a941a transparent transparent; border-style:solid;}

div.ronin-cargador {position:absolute; top:0; width:100%; height:100%; z-index:-9999999999; opacity:0; display:block; background-color:rgba(255,255,255,0.75);}
div.ronin-cargador div.shadow {top:0; position:fixed; width:100%; height:100%; background:#fff; opacity:0.75; filter:alpha(opacity=75); }
div.ronin-cargador div.window {position:absolute; top:5%; left:5%; width:90%; height:90%; opacity:1; transition:top 0.1s; }
div.ronin-cargador div.window div.content {padding:0 50px; border-top:25px solid transparent; border-bottom:25px solid transparent; height:100%; opacity:1; overflow:hidden; }
div.ronin-cargador-visible {z-index:9999999999; opacity:1; }
div.ronin-cargador-visible div.window {top:5%; transition:top 0.3s; }
@keyframes ajax-loader-rotate {0% {transform:rotate(0deg); } 100% {transform:rotate(360deg); } }
@-webkit-keyframes ajax-loader-rotate {0% {transform:rotate(0deg); } 100% {transform:rotate(360deg); } }
span.animacion-cargando {position:absolute; margin:-1.3em 0 0 -1.3em; top:30%; left:50%; font-size:1em; width:2.6em; height:2.6em; border-radius:50%; display:inline-block; }
span.animacion-cargando:before {content:''; position:absolute; top:50%; left:50%; margin:-0.15em 0 0 -0.15em; width:0.3em; height:0.3em; border-radius:50%; display:block; box-shadow: 0 -1.05em 0 0 #ddd, 0 -1.00em 0 0 #ddd, 0 -0.95em 0 0 #ddd, 0 -0.90em 0 0 #ddd, 0 -0.85em 0 0 #ddd, 0 -0.80em 0 0 #ddd, 0 -0.75em 0 0 #ddd, 0 -0.70em 0 0 #ddd, -0.75em -0.75em 0 0 #ddd, -0.70em -0.70em 0 0 #ddd, -0.65em -0.65em 0 0 #ddd, -0.60em -0.60em 0 0 #ddd, -0.55em -0.55em 0 0 #ddd, -0.50em -0.50em 0 0 #ddd, -1.05em 0em 0 0 #ddd, -1.00em 0em 0 0 #ddd,-0.95em 0em 0 0 #ddd, -0.90em 0em 0 0 #ddd, -0.85em 0em 0 0 #ddd, -0.80em 0em 0 0 #ddd, -0.75em 0em 0 0 #ddd, -0.70em 0em 0 0 #ddd, -0.75em 0.75em 0 0 #ddd, -0.70em 0.70em 0 0 #ddd, -0.65em 0.65em 0 0 #ddd, -0.60em 0.60em 0 0 #ddd, -0.55em 0.55em 0 0 #ddd, -0.50em 0.50em 0 0 #ddd, 0 1.05em 0 0 #ddd, 0 1.00em 0 0 #ddd, 0 0.95em 0 0 #ddd, 0 0.90em 0 0 #ddd, 0 0.85em 0 0 #ddd, 0 0.80em 0 0 #ddd, 0 0.75em 0 0 #ddd, 0 0.70em 0 0 #ddd, 0.75em 0.75em 0 0  #ddd, 0.70em 0.70em 0 0  #ddd, 0.65em 0.65em 0 0  #ddd, 0.60em 0.60em 0 0  #ddd, 0.55em 0.55em 0 0  #ddd, 0.50em 0.50em 0 0  #ddd, 1.05em 0 0 0 #ddd, 1.00em 0 0 0 #ddd, 0.95em 0 0 0 #ddd, 0.90em 0 0 0 #ddd, 0.85em 0 0 0 #ddd, 0.80em 0 0 0 #ddd, 0.75em 0 0 0 #ddd, 0.70em 0 0 0 #ddd, 0.75em -0.75em 0 0 #ddd, 0.70em -0.70em 0 0 #ddd, 0.65em -0.65em 0 0 #ddd, 0.60em -0.60em 0 0 #ddd, 0.55em -0.55em 0 0 #ddd, 0.50em -0.50em 0 0 #ddd; }
span.animacion-cargando:after {content:''; position:absolute; top:50%; left:50%; margin:-0.15em 0 0 -0.15em; width:0.3em; height:0.3em; border-radius:50%; display:block; animation:0.85s ajax-loader-rotate steps(8) infinite; -webkit-animation:0.85s ajax-loader-rotate steps(8) infinite; box-shadow: 0 -1.05em 0 0 #000, 0 -1.00em 0 0 #000, 0 -0.95em 0 0 #000, 0 -0.90em 0 0 #000, 0 -0.85em 0 0 #000, 0 -0.80em 0 0 #000, 0 -0.75em 0 0 #000, 0 -0.70em 0 0 #000, -0.75em -0.75em 0 0 #444, -0.70em -0.70em 0 0 #444, -0.65em -0.65em 0 0 #444, -0.60em -0.60em 0 0 #444, -0.55em -0.55em 0 0 #444, -0.50em -0.50em 0 0 #444, -1.05em 0 0 0 #888, -1.00em 0 0 0 #888, -0.95em 0 0 0 #888, -0.90em 0 0 0 #888, -0.85em 0 0 0 #888, -0.80em 0 0 0 #888, -0.75em 0 0 0 #888, -0.70em 0 0 0 #888, -0.75em 0.75em 0 0 #ccc, -0.70em 0.70em 0 0 #ccc, -0.65em 0.65em 0 0 #ccc, -0.60em 0.60em 0 0 #ccc, -0.55em 0.55em 0 0 #ccc, -0.50em 0.50em 0 0 #ccc; }
