/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 20 2020 | 20:07:39 */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
/*body { min-width: 300px; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.0; color: #fff; }*/
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1180px; padding-left: 20px; padding-right: 20px; margin: auto; }
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Tab
\* ------------------------------------------------------------ */
.tabs { min-width: 300px; font-family: 'Geller Text', serif; font-size: 15px; line-height: 1.33; color: #fff; }
.tabs { margin-top: -18px; }
.tabs .tabs__head { margin-bottom: 31px; }
.tabs .tabs__body { position: relative; }
.tabs .owl-item { padding-top: 21px;}
.tabs .owl-stage-outer { position: relative; z-index: 2; }
.tabs .tabs__nav-slider-next { right: 0; }
.tabs .tabs__nav-slider-next em { margin-left: 2px; }
.tabs .tabs__nav-slider-prev { left: 0; }
.tabs .tabs__nav-slider-prev em { margin-left: -2px; }
.tabs .tabs__nav a { position: relative; display: block; width: 30px; height: 30px; margin: 00px auto; border: 3px solid #000; border-radius: 50%; font-size: 13px; color: #000; text-transform: uppercase; text-decoration: none; background: #fff; transition: background .3s; }
.tabs .tabs__nav a span { position: absolute; bottom: calc(100% + 11px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }
.tabs .tabs__nav-slider { position: relative; padding: 0 54px; }
.tabs .tabs__nav-slider:before { content: ''; position: absolute; width: 100%; height: 3px; bottom: 13px; left: 0; background: #000; }
.tab { position: absolute; width: 100%; top: 0; left: 0; padding-bottom: 7px; overflow: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.tab { display: none; }
.tab.active { display: block; }
.tab.active { position: static; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.tab.active ~ .tab { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.tab h3 { font-size: 30px; line-height: 1; position: relative; display: inline-block; margin: 0 0 12px; vertical-align: middle; }
.tab h3:before { content: ''; position: absolute; width: 100vw; height: 5px; top: calc(100% + 2px); right: 0; background: #ffcf01; }
.tab .tab__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.tab .tab__aside { -webkit-flex: 0 0 307px; -ms-flex: 0 0 307px; flex: 0 0 307px; margin-left: 90px; }
.tab .tab__content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; font-size: 15px; line-height: 1.47; color: #444; }
.tab .tab__content p { margin-bottom: 22px; margin-right: 22px;}
.tab .tab__image { margin: 50px; }
.tab .tab__image img { width: 40%; height: auto; float: right;}
.tabs .tabs__nav { position: relative; }
.tabs .tabs__nav li.active a,
.tabs .tabs__nav a:hover { background: #fec141; }
.tabs .tabs__nav-slider-prev,
.tabs .tabs__nav-slider-next { position: absolute; width: 50px; height: 50px; bottom: -11px; border: 4px solid #000; border-radius: 50%; font-size: 20px; background: #fff; cursor: pointer; z-index: 4; transition: background .3s; }
.tabs .tabs__nav-slider-prev em,
.tabs .tabs__nav-slider-next em { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #000;}
.tabs .tabs__nav-slider-prev:hover,
.tabs .tabs__nav-slider-next:hover { background: #fec141; }
/* Mobile */
@media (max-width: 767px) {
	.tabs { padding: 25px 0 44px; }

	.tab .tab__inner { width: 100%; display: block; margin-left: 0px;}
	.tab .tab__image img { width: 100%; height: auto; margin-bottom: 20px;}
	.tab .tab__aside { margin-left: 0; }
  	.tab .tab__content {  display: block; margin-left: 0; }

}