ðAhttps://www.globbersthemes.com/demo-template/russell/modules/mod_slidertabs_globbersthemes/assets/style.css/home/oscar/websites/Garras/www.globbersthemes.com/demo-template/russell/modules/mod_slidertabs_globbersthemes/assets/style.csshttps://www.globbersthemes.com/demo-template/russell/index-2.html/home/oscar/websites/Garras/www.globbersthemes.com/demo-template/russell/modules/mod_slidertabs_globbersthemes/assets/style.css.zx* žgÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÈ€ lÒÆ&OKtext/cssgzipjàxÒÆ&ÿÿÿÿWed, 21 Sep 2016 16:25:34 GMTà-lÒ0.lÒP.lÒ /lÒ@/lÒÐ/lÒ) žgÆ& .image-background.responsive { background-size: 100% auto; background-position: center center; } .mask { position: relative; height: 100% !important; width: 100% !important; background:transparent !important; /* background:rgba(25,0,0,0); */ } .mask:before { width: 100%; top: 0; bottom: 0; overflow: hidden; position: absolute; content: ""; display: block; } .mask div { position: relative; } /*** TOOLS ***/ img.full-width, img.img-fw { max-width: none; width: 100%; } img.full-height { max-width: none; max-height: none; height: 100%; } @media (min-width: 1200px) { img.img-fw-lg { max-width: none; width: 100%; } } .image-background { /*background-attachment: fixed;*/ background-position: center center; background-size: cover; background-repeat: no-repeat; } .image-background.top-center { background-position: top center; } .image-background.top-left { background-position: top left; } .image-background.top-right { background-position: top right; } .image-background.bottom-center { background-position: bottom center; } .image-background.bottom-left { background-position: bottom left; } .image-background.bottom-right { background-position: bottom right; } .image-background.no-cover { background-size: auto; } .swiper-tab .swiper-engine { height: 600px; width: 100% !important; border-top: 0; position: relative; overflow: hidden; } .swiper-tab .swiper-engine .swiper-slide { height: 600px; width: 100%; } .swiper-tab .swiper-engine .content-slide { position: absolute; bottom: 0; width: 100%; padding: 30px; } .swiper-tab .swiper-engine.medium { height: 900px; } .swiper-tab .swiper-engine.large { height: 800px; } .swiper-tab .swiper-engine.fullscreen { height: 100%; } .swiper-tab .swiper-engine .swiper-slide { position: relative; } .swiper-tab .btn-group { height: 100%; } .swiper-tab .btn-group .btn { vertical-align: top; white-space: normal; border: none; padding: 2em 0.5em; height: 100%; } @media (max-width: 991px) { .swiper-tab .btn-group .btn { width: 100%; display: block; float: left; margin:20px 40px 0 0px; webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; } } @media (max-width: 480px) { .swiper-tab .btn-group .btn { width: 100%; margin:20px 40px 0 0px; webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; } } .swiper-tab .btn-group .btn.active, .swiper-tab .btn-group .btn:hover { box-shadow: none; } .swiper-tab .btn-group .btn:first-child, .swiper-tab .btn-group .btn:last-child { border-radius: 0; } div.swiper-tab.main-color { margin:0 10px; background:#fff; padding:20px; border:1px solid #e2e2e2; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; } .swiper-vertical { width: 100%; height: 100%; position: relative; overflow: hidden; opacity: 0; background:#fff; padding:20px; } .swiper-vertical .swiper-slide { min-height: 400px; width: 100%; /* opacity: 0.2; */ -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .swiper-vertical .swiper-slide-visible { /* opacity: 1; */ } .swiper-vertical .swiper-preloader { position: absolute; left: 0; bottom: -100px; z-index: 0; text-align: center; line-height: 100px; height: 100px; width: 100%; /* opacity: 0; */ font-size: 25px; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .swiper-vertical .swiper-preloader.visible { bottom: 0px; /* opacity: 1; */ } .swiper-horizontal { width: 100%; position: relative; height: 800px; opacity: 0; cursor: col-resize; } .swiper-horizontal .swiper-slide { height: 100%; width: 20%; opacity: 1; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; display: table; } .swiper-horizontal .swiper-slide figure { height: 100%; display: table-row; } .swiper-horizontal .swiper-slide figure figcaption { display: table-cell; margin-top: 0; height: 100%; vertical-align: middle; opacity: 0; text-align: center; padding-left: 5px; padding-right: 5px; } .swiper-horizontal .swiper-slide-visible { } .swiper-horizontal .swiper-scrollbar { height: 10px; width: 100%; left: 0; bottom: 0px; position: absolute; border-radius: 0; } .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0; } .swiper-horizontal .swiper-preloader { position: absolute; right: 0; top: 0; text-align: center; line-height: 100px; height: 100%; width: 100px; opacity: 0; font-size: 25px; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; z-index: -1; } .swiper-horizontal .swiper-preloader.visible { right: 0; z-index: 0; } .swiper-centered { width: 100%; height: 500px; color: #fff; text-align: center; } .swiper-centered .swiper-slide { height: 500px; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .swiper-centered .swiper-slide.swiper-slide-active { opacity: 1; } @media (max-width: 1025px) { .swiper-centered .swiper-slide { height: 300px; } } .swiper-centered .navigation { position: absolute; z-index: 20; top: 50%; width: 100%; margin-top: -50px; } .swiper-centered .navigation a { height: 100px; width: 50px; border-radius: 0; line-height: 100px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .swiper-centered .navigation a i[class^="icon-"]:before, .swiper-centered .navigation a i[class*=" icon-"]:before { margin: 0; text-align: center; font-size: 0.8em; } .swiper-centered .navigation a.swiper-prev { float: left; } .swiper-centered .navigation a.swiper-prev i:before { content: '\e829'; } .swiper-centered .navigation a.swiper-next { float: right; } .swiper-centered .navigation a.swiper-next i:before { content: '\e828'; } .module-swiper { text-indent:-5000px; display:none; } .swiper-parent .swiper-pagination-switch, .swiper-child .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .swiper-parent .swiper-visible-switch, .swiper-child .swiper-visible-switch { } .swiper-parent .swiper-active-switch, .swiper-child .swiper-active-switch { } .container-mod-tab{ margin-left:auto; margin-right:auto; } .swiper-tab{opacity: 0} .swiper-tab .swiper-engine{background-color: #ab5f2c} .swiper-tab .swiper-engine .swiper-slide{color: #fff} .swiper-tab .swiper-engine .content-slide{/* background: rgba(0,0,0,0.2) */} .swiper-tab .btn-group{background: #fff} .swiper-tab .btn-group .btn.active, .swiper-tab .btn-group .btn:hover{ box-shadow: none; cursor:pointer; } .swiper-tab .btn-group .btn { text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; } .swiper-vertical .swiper-slide figure figcaption,.swiper-horizontal .swiper-slide figure figcaption{background-color: rgba(0,0,0,0.6);color: white} .swiper-vertical .swiper-slide figure figcaption .btn.border,.swiper-horizontal .swiper-slide figure figcaption .btn.border,.swiper-vertical .swiper-slide figure figcaption .btn-icon.border,.swiper-horizontal .swiper-slide figure figcaption .btn-icon.border{color: white;border-color: white} .swiper-vertical .swiper-preloader,.swiper-horizontal .swiper-preloader{color: #575757;/* background: rgba(255,255,255,0.8) */} .swiper-centered .navigation a{background-color: #d1773d} .swiper-centered .navigation a i:before{color: #fff} .swiper-centered .navigation a:hover{background: #ab5f2c} .swiper-centered .swiper-visible-switch{background: #aaa} .swiper-centered .swiper-active-switch{background: #fff} .panel-body,.panel-title{color: #575757} div.swiper-tab.main-color > div.tabs.btn-group.btn-group-justified > a.btn { border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; } @media (min-width:768px){ .container-mod-tab{width:750px} } @media (min-width:992px){ .container-mod-tab{width:970px} } @media (min-width:1200px){ /* .container-mod-tab{width:1170px} */ .container-mod-tab{width:80%;} } @media (min-width:1500px){ /* .container-mod-tab{width:1420px} */ .container-mod-tab{width:74%;} } .btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%} .swiper-slide{float:left;-moz-box-sizing:content-box;box-sizing:content-box} .content-slide { float:left; position:relative; width:100%; height:60%; opacity:1 !important; } h2.h1.large.no-mt{ float:left; text-align:center !important; width:100%; text-transform:capitalize; background:transparent; margin:0 !important; padding:0 !important; } .content-slide p { text-align:center !important; width:100%; }