/*--------------GALLERY CATEGORIES---------------*/

.filter-show-all {
    background-color: black;
}
.filter-show-all:hover {
    background-color: #6442ff;
}
.filter-show-all a.active {
    color:white!important;
    background-color: #6442ff;
}

/*------AR-----*/
.filter-cat-67 {
    background-color: black;
}
.filter-cat-67 a.active{
    color: white!important;
    background-color:#006cff!important;
}
.filter-cat-67:hover {
    background-color: #006cff;
}
/*------Hooplay-----*/

.filter-cat-68 {
    background-color: black;
}
.filter-cat-68 a.active{
    color: white!important;
    background-color:#ff6a00!important;
}
.filter-cat-68:hover {
    background-color: #ff6a00!important;
}

/*------Rich Media-----*/

.filter-cat-69 {
    background-color: black;
}
.filter-cat-69:hover {
    background-color: #97c13c;
}
.filter-cat-69 a.active {
    background-color: #97c13c;
    color: white!important;
}

.filter-cat-71 {
    background-color: black;
}
.filter-cat-71:hover {
    background-color: #97c13c;
}
.filter-cat-71 a.active {
    background-color: #97c13c;
    color: white!important;
}

.filter-cat-73 {
    background-color: black;
}
.filter-cat-73:hover {
    background-color: #97c13c;
}
.filter-cat-73 a.active {
    background-color: #97c13c;
    color: white!important;
}

.filter-cat-74 {
    background-color: black;
}
.filter-cat-74:hover {
    background-color: #97c13c;
}
.filter-cat-74 a.active {
    background-color: #97c13c;
    color: white!important;
}

.filter-cat-78 {
    background-color: black;
}
.filter-cat-78:hover {
    background-color: #97c13c;
}
.filter-cat-78 a.active {
    background-color: #97c13c;
    color: white!important;
}



/*--------------PORTFOLIO ITEM PAGINATION---------------*/

.pagination, .navigation {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    padding-left: 0;
    margin: 0;
    border-radius: 2px;
    font-family: quicksand;
}


/*--------------TABS-MOBILE---------------*/

@media only screen and (max-width: 570px) {
.vertical-tab-contents {
    margin-left: 0px!important;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 9%!important;
}
}

@media only screen and (max-width: 960px) {
  
.main-container .row-inner > div:not([class*=col-md]) {
    padding: 0px 0px 0px 0px!important;
}
  
.nav.tabs-left > [data-tab-id="tab-1576125712-1-52"].active {
    background-color: #7028ff;

}

.nav.tabs-left > [data-tab-id="tab-1576125712-2-89"].active {
    background-color: #7028ff;

}

.nav.tabs-left > [data-tab-id="tab-1576125888797-2-0"].active {
    background-color: #7028ff;

}

.nav.tabs-left > [data-tab-id="tab-1576125712-1-52"] {
    background-image: url(http://hoopladigital.co.uk/wp-content/uploads/2019/12/TAB_desktop.png);
    background-size: 50px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #353a42;
}

.nav.tabs-left > [data-tab-id="tab-1576125712-2-89"] {
    background-image: url(http://hoopladigital.co.uk/wp-content/uploads/2019/12/TAB_tablet_wht.png);
    background-size: 50px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #353a42;
}

.nav.tabs-left > [data-tab-id="tab-1576125888797-2-0"] {
    background-image: url(http://hoopladigital.co.uk/wp-content/uploads/2019/12/TAB_phone.png);
    background-size: 50px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #353a42;
}

.nav-tabs > li.active > a, .tabs-left > li.active > a {
    border-color: #7028ff !important;
    color: transparent!important;
    -webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
height: 100%;
display: inline-block!important;

}

.tabs-left > li > a {
    color: transparent!important;
    -webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
height: 100%;
display: inline-block!important;
}

.vertical-tab-menu {
    clear: both;
    width: 100% !important;
    display: block;
    min-height: 0px !important;

    margin: 0px 0px 0px 0px;
}

.nav-tabs > li {
    display: inline-block!important;
    margin-top: 0px;
     width: 33.3%!important;
}

.vertical-tab-contents {
    margin-left: -36px;
}



}

/*-------------TABS-MOBILE-END---------------*/



/*--------------TABS-DESKTOP---------------*/


@media only screen and (min-width: 960px) {

.nav.tabs-left > [data-tab-id="tab-1576125712-1-52"].active {
    background-color: #7028ff;

}

.nav.tabs-left > [data-tab-id="tab-1576125712-2-89"].active {
    background-color: #7028ff;

}

.nav.tabs-left > [data-tab-id="tab-1576125888797-2-0"].active {
    background-color: #7028ff;

}

.nav.tabs-left > [data-tab-id="tab-1576125712-1-52"] {
    background-image: url(http://hoopladigital.co.uk/wp-content/uploads/2019/12/TAB_desktop.png);
    background-size: 60%;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #353a42;
}

.nav.tabs-left > [data-tab-id="tab-1576125712-2-89"] {
    background-image: url(http://hoopladigital.co.uk/wp-content/uploads/2019/12/TAB_tablet_wht.png);
    background-size: 60%;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #353a42;
}

.nav.tabs-left > [data-tab-id="tab-1576125888797-2-0"] {
    background-image: url(http://hoopladigital.co.uk/wp-content/uploads/2019/12/TAB_phone.png);
    background-size: 60%;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #353a42;
}

.nav-tabs > li.active > a, .tabs-left > li.active > a {
    border-color: #7028ff !important;
    color: transparent!important;
    -webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
height: 100%;
}

.tabs-left > li > a {
    color: transparent!important;
    -webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
height: 100%;
}

.tabs-left {
    top: 30%!important;
    position: fixed;
    width:60px;
}

.vertical-tab-menu .nav-tabs {
    border: none;
}

.tab-content.vertical {
    border: none;
}

.vertical-tab-menu {
    width: 60px;
    float: left;
    height: 100vh;
    margin-left: -36px;
    position: relative;
    z-index: 1;
}
}

/*-------------TABS-DESKTOP-END---------------*/

.menu-smart {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: 18px;
}

.gallerymenu {
    font-family: quicksand;
}

/*----------HOOPLAY START-------------*/

.phonecover {
    position: absolute;
    width: 286px;
    left: 25%;
    top: 0px;
    z-index: 1;
}

.phonevid {
    position: absolute;
    left: 23.8%;
    top: 3px;
    z-index: 0;
}

.phonevidbox1 {
    width: 300px;
    height: 650px;
}

@media only screen and (max-width: 960px) {
.phonecover {

    left: 17%;

}
}

@media only screen and (max-width: 960px) and (min-width: 570px) {
.phonevid {
    position: absolute;
    left: 16%;
    z-index: 0;
}
}

@media only screen and (max-width: 570px) {
.phonevid {
    position: absolute;
    left: 15%;
    z-index: 0;
}
}

/*----------HOOPLAY END-------------*/

.tab-container {
    background-color: black;
}


@media only screen and (max-width: 1300px) and (min-width: 960px) {
.arcopy2box {
  margin-top:14px!important;
}
}


@media only screen and (max-width: 1300px) and (min-width: 960px) {
.arcopy2 {
  font-size: 18px!important;
    line-height: 0!important;
}
}

@media only screen and (max-width: 1300px) and (min-width: 960px) {
.arcopy1 {
  font-size: 28px!important;
    line-height: 0!important;
}
}



.hmenu .navbar-nav, .navbar-cta {
    height: 100%;
    font-family: quicksand;
}

/*
p {
    font-family: quicksand;
}
*/

.hotspotall {
      text-align: left!important;
}

.pageheadertext {
  line-height:5px;
}

@media only screen and (max-width: 570px) {
.footercontact {
  text-align:center!important;
}
}

@media only screen and (max-width: 570px) {
.footerlogo {
  text-align:center!important;
}
}


.style-light {
    color: #000000!important;
}

.hometext1 {
  text-align:justify;
}

#bitnami-banner {
    z-index: 100000;
    height: 80px;
    padding: 0;
    width: 120px;
    background: transparent;
    position: fixed;
    right: 0;
    bottom: 0;
    border: 0 solid #ededed;
    display: none;
}