.tabmodel{margin:40px 0}
.tabmodel .tab-image{max-height:100%;width:100%;margin:auto;vertical-align:middle;display:inline-block}
.tabmodel .tab-title{color:#f56f02}
.tabmodel .tab-desc{color:#9d9ea0;font-size:25px}
.tabmodel .tab-btn{background-color:#f56f02;color:#fff;font-size:18px !important;margin-top:20px;margin-bottom:20px !important;width:100%}
.tabmodel .tab-btn.focus,.tabmodel .tab-btn:focus,.tabmodel .tab-btn:hover{color:#fff !important}
.tabmodel .nav-tabs>li>a:hover{border:0;border-color:#eee #eee #ddd}
.tabmodel .nav-tabs>li.active>a,.tabmodel .nav-tabs>li.active>a:focus,.tabmodel .nav-tabs>li.active>a:hover{background-color:transparent !important;border:none !important}
.tabmodel .tab-content .modal-header{border-bottom:0}
.tabmodel .nav>li>a:focus,.tabmodel .nav>li>a:hover{text-decoration:none;background-color:#dee0e2}
.tabmodel .wrapper{position:relative;text-align:center;width:100% !important;margin-bottom:10px}
.tabmodel .wrapper ul{display:inline-table;border-bottom:0;width:100%;position:relative}
.tabmodel .wrapper li{display:inline}
.tabmodel img{display:block;max-width:100%;height:auto}
.tabmodel .tab-content .modal-header{display:block}
.tabmodel .tab-content .modal-content{background-color:#eee;border:0;border-radius:0}
.tabmodel .tab-content>.active{display:block;position:fixed;top:0;overflow:auto;left:50%;transform:translate(-50.12%,0)}
.tabmodel .modal-header.row,.tabmodel .modal-body.row,.tabmodel .tab-style .row{margin:0}
.tabmodel .nav-tabs>li{float:left;margin-bottom:-1px;max-height:175px;background:#e3e4e5 0 0 no-repeat padding-box;opacity:1;margin:0 12px 12px -6px}
.tabmodel .nav-tabs>li>a{line-height:160px;padding:10px}
.tabmodel .nav-item:nth-child(even){margin-right:0}
@media(min-width:768px) and (max-width:1024px){.tabmodel .wrapper{display:flex;justify-content:center}
.tabmodel .nav-tabs>li{float:left;margin-bottom:-1px;max-height:270px;background:#e3e4e5 0 0 no-repeat padding-box;opacity:1;margin:0 11px 21px 2px;width:32%}
.tabmodel .nav-item:nth-child(even){margin-right:11px}
.tabmodel .nav-tabs>li.last-child{margin-right:0}
.tabmodel .nav-tabs>li>a{line-height:250px;padding:10px 15px}
.tabmodel .nav-item:nth-child(3){margin-right:0}
}
@media(min-width:1025px){.tabmodel .wrapper ul{width:auto}
.tabmodel .nav-tabs>li{background:transparent;opacity:1;margin:0}
.tabmodel .nav-tabs>li>a{width:239px;height:154px;line-height:150px;margin:10px}
.tabmodel .nav-tabs.tab-style>li{float:none;width:239px;height:164px}
.tabmodel .wrapper{position:relative}
.tabmodel .tab-container{position:relative;z-index:998}
.tabmodel .modal-dialog{width:100% !important;margin:55px auto !important}
.tabmodel .tab-content .modal-body{padding:15px 5rem 15px 10rem !important}
.tabmodel .tab-content .modal-header{display:none}
.tabmodel .modal .fade .in .active{padding-left:0}
.tabmodel .nav>li.active a{text-decoration:none;background-color:#eee !important}
.tabmodel .tab-btn{min-width:150px;width:auto}
.tabmodel .nav-tabs.tab-style>li{float:left;margin-bottom:-1px;margin-top:0}
.tabmodel .nav-tabs>li.active>a,.tabmodel .nav-tabs>li.active>a:focus,.tabmodel .nav-tabs>li.active>a:hover{background-color:#dee0e2 !important;border:none !important}
.tabmodel .tab-content>.active{display:block;position:relative;top:-16px;overflow:unset;left:0;transform:translate(0,0)}
}
.tabmodel .modal-container{position:relative;z-index:998;height:100%;width:100%;background:#dee0e2 0 0 no-repeat padding-box}
.tabmodel .tab-content>.tab-pane{display:block;overflow:hidden;transition:all .4s;max-height:0;top:-16px;left:0;transform:translate(0,0);opacity:0}
.tabmodel .tab-content>.tab-pane.active{max-height:100vh;opacity:1}
@media(min-width:1025px){.tabmodel .tab-content>.tab-pane.active{max-height:800px}
}
@media(max-width:1025px){.tabmodel .tab-content>.tab-pane.active{overflow-y:scroll;padding-top:15px;z-index:999}
}
.tabmodel .nav>li>a{transition:all .4s}
@media(max-width:1025px){.tabmodel .nav-tabs.tab-style{margin:0;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;align-items:center}
.tabmodel .nav-tabs.tab-style>li{float:left;width:30%;height:auto;padding:0;background-color:transparent;margin:0;max-height:100px}
.tabmodel .nav-tabs.tab-style>li a{width:100%;height:auto;margin:0;padding:0;display:flex}
.tabmodel .nav-tabs.tab-style>li a img{padding:30px;max-height:initial;width:100%;max-width:100%;display:block}
}
@media(max-width:1025px) and (max-width:480px){.tabmodel .nav-tabs.tab-style>li a img{padding:7px}
}
@media(min-width:1025px){.tabmodel .nav-tabs.tab-style{margin:0;max-width:1200px}
.tabmodel .nav-tabs.tab-style>li{float:left;width:20%;height:auto;padding:0}
.tabmodel .nav-tabs.tab-style>li a{width:100%;height:auto;margin:0;padding:0;display:flex}
.tabmodel .nav-tabs.tab-style>li a img{padding:30px;max-height:initial;width:100%;max-width:100%;display:block}
}
@media(min-width:1025px) and (max-width:480px){.tabmodel .nav-tabs.tab-style>li a img{padding:7px}
}
.tabmodel .close{height:40px;width:40px;opacity:1;transition:.3s}
.tabmodel .close:before,.tabmodel .close:after{content:'';height:2px;position:relative;width:40px;background-color:#686c6e;display:block}
.tabmodel .close:before{transform:rotate(45deg)}
.tabmodel .close:after{transform:rotate(-45deg) translate(0,-3px)}
.tabmodel .close:focus:before,.tabmodel .close:active:before{transform:rotate(-45deg)}
.tabmodel .close:focus:after,.tabmodel .close:active:after{transform:rotate(45deg) translate(0,-3px)}
.extra{transition:opacity .2s;opacity:0;height:100%;width:100%;pointer-events:none;position:fixed;background:#404041 0 0 no-repeat padding-box;z-index:3}
.extra.overlay{opacity:.9;pointer-events:initial}
@media(max-width:767px){.tabmodel .tab-content .tab-pane.modal-container.active{position:fixed !important;bottom:0;top:0;left:0;right:0}
}
@media(min-width:768px) and (max-width:991px){.tabmodel .tab-content .tab-pane.modal-container.active{z-index:998 !important}
}