/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ .swiper-container-wrap .swiper-slide, .swiper-container .swiper-slide { text-align: center; } .swiper-container-wrap .swiper-slide img, .swiper-container .swiper-slide img { width: auto; } .swiper-container-wrap-dots-outside .swiper-pagination, .swiper-container-dots-outside .swiper-pagination { position: static; } .swiper-container-wrap .swiper-button-next, .swiper-container-wrap .swiper-button-prev, .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { background: transparent; font-size: 20px; height: auto; line-height: 1; margin: 0; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: auto; } .swiper-container-wrap .swiper-button-next .fa, .swiper-container-wrap .swiper-button-prev .fa, .swiper-container .swiper-button-next .fa, .swiper-container .swiper-button-prev .fa { vertical-align: top; } .swiper-container-wrap .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .swiper-container-wrap-dots-outside .swiper-pagination { position: static; } .swiper-container-wrap .swiper-pagination-bullet { background: #ccc; margin: 0 4px; opacity: 1; height: 8px; width: 8px; } .swiper-container-wrap .swiper-pagination-bullet-active { background: #000; } .swiper-container-3d .swiper-slide { -o-transition-property: all; transition-property: all; -webkit-transition-property: all; } .sa-el-alert-warning { background: #fff6ee; color: #faa05a; padding: 5px; margin: 0; }/*---------------------------- Sa Tabs ----------------------------*/ .sa_el_tabs { display: block; } .sa_el_tabs .sa_el_tabs_nav>ul { position: relative; padding: 0px; margin: 0px; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; } .sa_el_tabs .sa_el_tabs_nav>ul li { position: relative; padding: 1em 1.5em; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .sa_el_tabs .sa_el_tabs_nav>ul li:after { content: ""; position: absolute; bottom: -10px; left: 0px; right: 0px; margin: 0 auto; z-index: 1; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #444; border-bottom: 0px; display: none; } .sa_el_tabs.active-caret-on .sa_el_tabs_nav>ul li.active:after, .sa_el_tabs.active-caret-on .sa_el_tabs_nav>ul li.active-default:after { display: none; } .sa_el_tabs .sa_el_tabs_nav>ul li.active:after, .sa_el_tabs .sa_el_tabs_nav>ul li.active-default:after { display: block; } .sa_el_tabs_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .sa_el_tabs .sa_el_tabs_content>div { display: none; opacity: 0; } .sa_el_tabs .sa_el_tabs_content>div.active, .sa_el_tabs .sa_el_tabs_content>div.active-default { display: block; width: 100%; padding: 1em; opacity: 1; -webkit-animation: fadeIn linear 0.3s; animation: fadeIn linear 0.3s; } .sa_el_inline_icon li a .fa { margin-right: 10px; line-height: 1; } .sa_el_tab_top_icon li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .sa_el_tab_top_icon li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .sa_el_tab_top_icon li .fa, .sa_el_tab_top_icon li .sa_el_tab_title { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; line-height: 1; } .sa_el_tab_top_icon li a .sa_el_tab_title { margin-top: 10px; } .sa_el_tabs.sa_el_tabs_vertical { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sa_el_tabs.sa_el_tabs_vertical .sa_el_tabs_nav { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sa_el_tabs.sa_el_tabs_vertical .sa_el_tabs_nav>ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; } .sa_el_tabs.sa_el_tabs_vertical .sa_el_tabs_nav>ul>li { width: 100%; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; } .sa_el_tabs.sa_el_tabs_vertical .sa_el_tabs_nav>ul li::after { bottom: auto !important; right: -10px; top: calc(50% - 10px); left: auto !important; border-left: 10px solid #444; border-right: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } @media only screen and (max-width: 767px) { .sa_el_tabs .sa_el_tabs_nav>ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sa_el_tabs .sa_el_tabs_nav>ul li { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .sa_el_tabs.sa_el_tabs_vertical { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sa_el_tabs.sa_el_tabs_vertical div.sa_el_tabs_nav { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .sa_el_tabs.sa_el_tabs_vertical ul { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .sa_el_tabs.sa_el_tabs_vertical ul li { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } div.sa_el_tabs.sa_el_tabs_vertical div.sa_el_tabs_nav>ul li::after { border-left-color: transparent !important; bottom: -20px !important; left: 0 !important; right: 0 !important; top: auto !important; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top-color: #444 !important; } }