@charset "utf-8";
/*
    * editor_dndSwiper module type styles
*/

/* LAYOUT */
.swiper-container { position:relative; width:100%; height:100%; margin: 0 auto; overflow:hidden; z-index:1; }
.swiper-container .swiper-wrapper { position:relative; }
.swiper-container .swiper-wrapper:after { content:""; display:table; clear:both; }
.swiper-container .swiper-wrapper .swiper-slide { position:relative; width:100%; height:100%; }

.swiper-container.swiper-container-horizontal .swiper-slide{ float:left; }

/* NAVIGATION */
.swiper-container .swiper-pagination { position:absolute; }
.swiper-container .swiper-pagination .swiper-pagination-bullet { display:inline-block; margin:0 5px; width:10px; height:10px; border-radius:100%; cursor:pointer; opacity:.5; -webkit-transition:opacity .8s; -o-transition:opacity .8s; transition:opacity .8s; }
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1; -webkit-transition:opacity .8s; -o-transition:opacity .8s; transition:opacity .8s; }

.swiper-container.col-dot .swiper-pagination,
.swiper-container.arrow-dot .swiper-pagination,
.swiper-container .swiper-pagination.swiper-pagination-fraction { left:0; right:0; bottom:10px; text-align:center; }

.swiper-container.row-dot .swiper-pagination { top:50%; right:10px; width:10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.swiper-container.row-dot .swiper-pagination-bullet { margin:5px 0; }

/* ARROW */
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev { position:absolute; top:50%; cursor:pointer; width:56px; height:56px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.swiper-container .swiper-button-next { right:0; }
.swiper-container .swiper-button-prev { left:0; }

.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-next:before,
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-prev:before { content:""; position:absolute; width:25px; height:4px; }

.swiper-container .swiper-button-next:after { bottom:19px; left:18px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg) }
.swiper-container .swiper-button-next:before { top:18px; left:18px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) }
.swiper-container .swiper-button-prev:after { top:18px; left:15px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg) }
.swiper-container .swiper-button-prev:before { bottom:19px; left:15px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) }

.swiper-container .swiper-button-next.swiper-button-disabled,
.swiper-container .swiper-button-prev.swiper-button-disabled { opacity:.5; }

/* COLOR */
.swiper-container.blue .swiper-button-prev:after,
.swiper-container.blue .swiper-button-prev:before,
.swiper-container.blue .swiper-button-next:after,
.swiper-container.blue .swiper-button-next:before,
.swiper-container.blue .swiper-pagination-bullet { background:#5684F3; }
.swiper-container.blue .swiper-pagination.swiper-pagination-fraction { color:rgba(86,132,241,.5);}
.swiper-container.blue .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { color:#5684F3; }

.swiper-container.white .swiper-button-prev:after,
.swiper-container.white .swiper-button-prev:before,
.swiper-container.white .swiper-button-next:after,
.swiper-container.white .swiper-button-next:before,
.swiper-container.white .swiper-pagination-bullet { background:#fff; }
.swiper-container.white .swiper-pagination.swiper-pagination-fraction { color:rgba(255,255,255,.5);}
.swiper-container.white .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { color:#fff; }

.swiper-container.black .swiper-button-prev:after,
.swiper-container.black .swiper-button-prev:before,
.swiper-container.black .swiper-button-next:after,
.swiper-container.black .swiper-button-next:before,
.swiper-container.black .swiper-pagination-bullet { background:#000; }
.swiper-container.black .swiper-pagination.swiper-pagination-fraction { color:rgba(0,0,0,.5);}
.swiper-container.black .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { color:#000; }