@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500");
@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700|Oswald|Source+Sans+Pro:300,400,400i,600,700");

/*-----------------------------------------------------------------*/


/*--- Placeholder Reset ---*/


/*-----------------------------------------------------------------*/

input::-webkit-input-placeholder {
    color: #565d6b !important;
    line-height: 130%;
    opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: #565d6b !important;
    line-height: 130%;
    opacity: 1;
}

input:-moz-placeholder {
    color: #565d6b !important;
    opacity: 1;
}

textarea:-moz-placeholder {
    color: #565d6b !important;
    opacity: 1;
}

input::-moz-placeholder {
    color: #565d6b !important;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: #565d6b !important;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #565d6b !important;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: #565d6b !important;
    opacity: 1;
}

input[type="search"]:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type="tel"]:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type="number"]:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type="text"]:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type="email"]:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type="password"]:focus::-webkit-input-placeholder {
    opacity: 0;
}

textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type="search"]:focus:-moz-placeholder {
    opacity: 0;
}

input[type="number"]:focus:-moz-placeholder {
    opacity: 0;
}

input[type="tel"]:focus:-moz-placeholder {
    opacity: 0;
}

input[type="text"]:focus:-moz-placeholder {
    opacity: 0;
}

input[type="email"]:focus:-moz-placeholder {
    opacity: 0;
}

input[type="password"]:focus:-moz-placeholder {
    opacity: 0;
}

input[type="password"]:focus:-moz-placeholder {
    opacity: 0;
}

textarea:focus:-moz-placeholder {
    opacity: 0;
}

input[type="search"]:focus::-moz-placeholder {
    opacity: 0;
}

input[type="number"]:focus::-moz-placeholder {
    opacity: 0;
}

input[type="tel"]:focus::-moz-placeholder {
    opacity: 0;
}

input[type="text"]:focus::-moz-placeholder {
    opacity: 0;
}

input[type="email"]:focus::-moz-placeholder {
    opacity: 0;
}

input[type="password"]:focus::-moz-placeholder {
    opacity: 0;
}

textarea:focus::-moz-placeholder {
    opacity: 0;
}

input[type="search"]:focus:-ms-input-placeholder {
    opacity: 0;
}

input[type="number"]:focus:-ms-input-placeholder {
    opacity: 0;
}

input[type="tel"]:focus:-ms-input-placeholder {
    opacity: 0;
}

input[type="text"]:focus:-ms-input-placeholder {
    opacity: 0;
}

input[type="email"]:focus:-ms-input-placeholder {
    opacity: 0;
}

input[type="password"]:focus:-ms-input-placeholder {
    opacity: 0;
}

textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

::-webkit-search-results-button {
    -webkit-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


/*--------------------*/

input,
textarea,
select {
    margin: 0;
    padding: 0;
    outline: none;
    color: #000;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0 !important;
}


/*Glogbal*/

.wrapper a:hover {
    color: #8B98A9 !important;
    text-decoration: none;
}

select {
    height: 42px;
}

.inline-block {
    display: inline-block;
}

.btn {
    white-space: normal;
}

.btn.text-left {
    text-align: left;
}

.btn .icon {
    margin-right: 7px;
    min-width: 26px;
    font-size: 30px;
    vertical-align: middle;
    text-align: center;
}

.btn-primary {
    background: #3A579B;
    border-color: #3A579B;
}

.btn-primary {
    background: #3A579B;
    border-color: #3A579B;
}

.btn-danger {
    background: #DF4A34;
    border-color: #DF4A34;
}

.btn-success {
    background: #648F00;
    border-color: #648F00;
}

.btn-info {
    background: #50ABF1;
    border-color: #50ABF1;
}

.btn-default {
    background: #f56104;
    color: #fff;
    border-color: #f56104;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 17px;
}

.btn-default.active,
.btn-default:hover {
    border-color: #a3a3a2;
    background: #f56104;
    color: #fff;
    opacity: 0.8;
}

.btn-shadow {
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.5);
    font-weight: 700;
}

.form-control {
    background: #EEF1F3;
    border-color: #8B98A9;
    height: 41px;
}

label.error {
    font-size: 12px;
    color: #DF4A34;
}

select.multiple {
    display: block !important;
    position: absolute;
    opacity: 0;
    left: -9999em;
}

@media (max-width: 767px) {
    .block-xs {
        display: block !important;
        width: 100%;
        margin: 0 0 10px 0 !important;
    }
    .block-xs .select2-container {
        width: 100% !important;
    }
    .btn-lg {
        font-size: 16px;
    }
    .btn .icon {
        font-size: 25px;
        min-width: 25px;
    }
}

@media (max-width: 480px) {
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-12 {
        width: 100%;
    }
}

.no-gap {
    margin-left: 0;
    margin-right: 0;
}

.no-gap>[class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-10>[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .row-40 {
        margin-left: -40px;
        margin-right: -40px;
    }
    .row-40>[class^="col-"] {
        padding-left: 40px;
        padding-right: 40px;
    }
}

table.default>tbody>tr>td {
    border-top: none;
    border-bottom: 1px solid #00acd7;
    vertical-align: middle;
}

h1 {
    margin-bottom: 1em;
}


/* checkbox default*/

.checkbox.default {
    margin: 0;
    overflow: hidden;
    margin-top: 19px;
}

.checkbox.default label {
    padding-left: 37px;
    line-height: 25px;
    color: #8B98A9;
    font-size: 14px;
}

.checkbox.default label:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-family: 'icomoon';
    font-size: 16px;
    color: #F05933;
    border: 1px solid #5A6D7E;
    content: '';
}

.checkbox.default input {
    position: absolute;
    visibility: hidden;
}

.checkbox.default input:checked+label {
    border-color: #87B80C;
}

.checkbox.default input:checked+label:after {
    content: "\e906";
    color: #12B2D8;
}

.checkbox.default:first-child {
    margin-top: 0;
}

.checkbox.default.light label {
    background-color: #fff;
    border: 1px solid #5A6D7E;
}


/* checkbox item*/

.radio-item,
.checkbox-item {
    position: relative;
    padding-top: 100%;
}

.radio-item input,
.checkbox-item input {
    position: absolute;
    visibility: hidden;
}

.radio-item label,
.checkbox-item label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #8B98A9;
    cursor: pointer;
}

.radio-item label img:not(:first-child),
.checkbox-item label img:not(:first-child) {
    display: none;
}

.radio-item input:checked+label,
.radio-item input:hover+label,
.checkbox-item input:checked+label,
.checkbox-item input:hover+label {
    background: #fff;
    border-color: #fff;
}

.radio-item input:checked+label img:first-child,
.radio-item input:hover+label img:first-child,
.checkbox-item input:checked+label img:first-child,
.checkbox-item input:hover+label img:first-child {
    display: none;
}

.radio-item input:checked+label img:not(:first-child),
.radio-item input:hover+label img:not(:first-child),
.checkbox-item input:checked+label img:not(:first-child),
.checkbox-item input:hover+label img:not(:first-child) {
    display: block;
}

.radio-item .details,
.checkbox-item .details {
    position: absolute;
    left: 100%;
    top: 0;
    width: calc(200% + 40px);
    height: 100%;
    background: #fff;
    z-index: 2;
    display: none;
    padding: 40px;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.radio-item .details .close,
.checkbox-item .details .close {
    position: absolute;
    top: 12px;
    left: auto;
    right: 12px;
    width: auto;
    height: auto;
    display: block;
    border: none;
    color: #f66300;
    opacity: 1;
}

.radio-item .details .close .icon,
.checkbox-item .details .close .icon {
    font-size: 24px;
}

.radio-item input:checked+label+.details,
.checkbox-item input:checked+label+.details {
    display: flex;
}

.radio-item.right .details,
.checkbox-item.right .details {
    left: auto;
    right: 100%;
}

.radio-item.right .details .close,
.checkbox-item.right .details .close {
    right: auto;
    left: 12px;
}

@media (max-width: 768px) {
    .checkbox-item .details {
        width: calc(100% + 20px);
    }
}

@media (max-width: 480px) {
    .checkbox-item .details {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        top: 0;
        left: 0 !important;
        right: auto !important;
    }
    input:checked+label+.details {
        display: block;
    }
}

.radioblock {
    margin-bottom: 2em;
}

.radioblock input[type="radio"] {
    position: absolute;
    visibility: hidden;
}

.radioblock i {
    font-size: 130px;
    min-height: 130px;
    margin-bottom: 42px;
    display: block;
    color: #00acd7;
}

.radioblock label {
    display: block;
    cursor: pointer;
}

.radioblock label:after {
    margin-top: 10px;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background: #fff;
    border: 6px solid #fff;
    box-shadow: 0 0 0 1px #acabab;
    content: '';
}

.radioblock span {
    display: block;
    font-size: 24px;
}

.radioblock input[type="radio"]:checked+label:after {
    background: #00acd7;
}

.radioblock+.radioblock {
    border-left: 1px solid #00acd7;
}

@media (max-width: 1034px) {
    .radioblock i {
        font-size: 70px;
        min-height: 50px;
    }
    .radioblock span {
        font-size: 1em;
    }
}

@media (max-width: 767px) {
    .radioblock {
        padding-top: 20px;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    .radioblock+.radioblock {
        border: none;
        border-top: 1px solid #00acd7;
    }
    .radioblock:nth-child(2n+1) {
        border-right: 1px solid #00acd7;
    }
    .radioblock:nth-child(1),
    .radioblock:nth-child(2) {
        border-top: none;
    }
}

@media (max-width: 480px) {
    .radioblock {
        padding-top: 20px;
    }
    .radioblock:nth-child(2n+1) {
        border-right: none;
    }
    .radioblock+.radioblock {
        border-right: none !important;
        border-top: 1px solid #00acd7;
    }
}


/*pagination*/

.pagination {
    font-size: 16px;
}

.pagination>li {
    display: inline-block;
    vertical-align: middle;
}

.pagination>li>a,
.pagination>li>span {
    border-color: transparent;
    font-weight: 600;
    vertical-align: middle;
    min-width: 34px;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
    border-color: transparent;
    background: none;
}

.pagination>li span {
    border-color: #636363;
    color: #636363;
}

.pagination>li.prev,
.pagination>li.next {
    font-size: 32px;
    line-height: 32px;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    border-color: transparent !important;
}


/*select 2*/

.select .select2-container {
    width: 100% !important;
}

.select2-container {
    min-width: 212px;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
    background: #eef1f3;
    height: auto;
    border-color: #8B98A9;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 6px 8px;
    padding-right: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    display: block;
    font-family: FontAwesome;
    content: "\f107";
    font-size: 27px;
    color: #f26f24;
    line-height: 0;
}

.select2-dropdown {
    background: #fff;
    color: #F25B25;
    border-radius: 0;
}

.select2-results__option {
    color: #F25B25;
    padding: 10px 15px;
}

.select2-results__option+.select2-results__option {
    border-top: 1px solid #ddd;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F25B25;
}


/*checkbox-filter*/

.checkbox-filter {
    display: inline-block;
    padding: 0 15px 0 0;
    margin-bottom: 10px;
}

.checkbox-filter label {
    margin-bottom: 0;
    border: 1px solid #acabab;
    padding: 7px 10px;
    opacity: 0.5;
    line-height: 24px;
    padding-right: 28px;
    position: relative;
    font-weight: 500;
    font-size: 1em;
}

.checkbox-filter .type {
    color: #00acd7;
    font-size: 24px;
    vertical-align: middle;
    margin-right: 2px;
}

.checkbox-filter .plus,
.checkbox-filter .delete {
    color: #f05933;
    vertical-align: middle;
    margin-left: 7px;
    cursor: pointer;
    visibility: hidden;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
}

.checkbox-filter .plus {
    visibility: visible;
}

.checkbox-filter input {
    position: absolute;
    visibility: hidden;
}

.checkbox-filter input:checked+label {
    opacity: 1;
}

.checkbox-filter input:checked+label .delete {
    visibility: visible;
}

.checkbox-filter input:checked+label .plus {
    visibility: hidden;
}

@media (max-width: 768px) {
    .block-xs.checkbox-filter label {
        display: block;
        width: 100%;
    }
}


/*================== panel Style ==================*/

.panel-group {
    overflow: hidden;
}

.panel-group .panel-heading {
    -webkit-transition: margin 0.5s ease;
    -moz-transition: margin 0.5s ease;
    -ms-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

.panel-group .panel-heading .panel-title {
    color: #fff;
    margin-bottom: 0;
    font-weight: 400;
}

.panel-group .panel-heading .panel-title .icon {
    min-width: 62px;
    padding: 5px 15px;
    text-align: center;
    color: #8B98A9;
    display: inline-block;
    vertical-align: middle;
}

.panel-group .panel-heading .panel-title .icon.icon-icom-chart-line {
    font-size: 17px;
}

.panel-group .panel-heading .panel-title a {
    color: inherit;
    display: block;
    padding: 12px 15px 12px 0;
    border-bottom: 2px solid #5f656b;
    text-decoration: none;
}

.panel-group .panel-heading .panel-title a:hover,
.panel-group .panel-heading .panel-title a:focus {
    text-decoration: none;
}

.panel-group .panel {
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
    /* &:first-child .panel-heading { margin-top:3em;} */
}

.panel-group .panel .panel-body {
    /*  padding-top:1em;  */
    padding-bottom: 3em;
}

.panel-group .panel .toggle {
    position: absolute;
    top: 15px;
    right: 10px;
    line-height: 30px;
    color: #F05933;
}

.panel-group .panel .toggle .icon-icom-minus {
    display: none;
}

.panel-group .panel a {
    position: relative;
}

.panel-group .panel.open {
    background: #1c2227;
    border-bottom: 2px solid #F25F04;
    /* & + .panel { padding-top: 40px;} */
}

.panel-group .panel.open:last-child .panel-heading {
    margin-bottom: 0;
}

.panel-group .panel.open:first-child .panel-heading {
    margin-top: 0;
}

.panel-group .panel.open .toggle .icon-icom-plus {
    display: none;
}

.panel-group .panel.open .toggle .icon-icom-minus {
    display: block;
}

.panel-group .panel.open .panel-title a {
    border-color: transparent;
}

.panel-group .panel .panel-body {
    position: relative;
}

.panel-group .panel .panel-body .table+.more {
    position: absolute;
    top: 100%;
    left: 50%;
    display: inline-block;
    padding: 20px 0;
    border-top: 3px solid #F25F04;
    margin-top: 2px;
    font-size: 16px;
    font-family: 'Montserrat';
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.panel-group .panel .panel-body .table-responsive {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 767px) {
    .panel-heading .panel-title {
        font-size: 16px;
    }
    .panel .panel-body .table+.more {
        padding: 6px 0;
    }
    .panel-heading .panel-title a {
        padding: 8px 15px 6px 0;
    }
    .panel-heading .panel-title .icon {
        font-size: 1.5em;
        padding: 5px;
        min-width: 44px;
    }
}


/*================== /panel Style ==================*/


/*==================================================*/


/*==================================================*/


/*================== Navbar Style ==================*/


/*==================================================*/

.navbar {
    font-family: Montserrat;
    margin-bottom: 0;
    border: 0;
    font-size: 11px !important;
    background: rgba(0, 0, 0, 0.4);
    min-height: 65px;
    max-height: 65px;
    transition: background .8s ease 0s;
    display: flex;
}


/* .navbar.absolute {position:absolute;} */

.navbar .container {
    max-width: 1290px;
}

.navbar.opaque {
    background: rgba(34, 34, 34, 0.9);
}

.navbar .navbar-brand {
    color: #d5d5d5 !important;
}

.navbar-nav li a:hover {
    color: #fff !important;
}

.navbar-nav li.active a {
    color: #fff !important;
    background-color: #29292c !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

@media only screen and (max-width: 767px) {
    .navbar {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .navbar .container {
        padding-left: 80px;
        padding-right: 80px;
    }
}


/*==================================================*/


/*================== Header Style ==================*/


/*==================================================*/

.btn-menu {
    float: left;
    height: 65px;
    border-radius: 0px;
    background-color: #f56104;
    border: none;
    font-family: montserrat-bold;
    color: #fff !important;
    outline: none !important;
    padding: 6px 8px;
}

.btn-menu>i {
    display: block;
}

#menuPanelListGroup {
    position: absolute;
    top: 65px;
    width: 300px;
    max-height: 89vh;
    overflow-y: auto;
}

#menuPanelListGroup::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* make scrollbar invisible */
}

.navbar-menu-container {
    height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-item {
    color: #ececec;
    font-size: 15px;
    margin-right: 25px;
    cursor: pointer;
}

.menu-item:hover {
    color: #fff;
}

#navbar-right-content {
    display: flex;
    float: right;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

#loginLink {
    font-family: 'Montserrat', sans-serif;
    width: 90px;
    min-width: 70px;
    max-width: 90px;
    font-weight: 600;
}

#languageDropdownHolder {
    padding: 0 20px;
    min-width: 120px;
    max-width: 160px;
}

#searchIconHolder {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    cursor: pointer;
}

#navbar-right-content .content {
    border-right: 1px solid #707070;
    text-align: center;
    padding-top: 25px;
    color: #f56104;
    font-size: 14px;
    height: 80%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 40px;
}

#navbar-right-content .content:last-child {
    border-right: 0 !important;
}

.dropdown .dropdown-menu {
    background-color: #fff;
    text-align: left;
}

.dropdown-menu li a.dropdown-item {
    color: #363636 !important;
}

.dropdown-menu li a.dropdown-item:hover {
    color: #f56104 !important;
}

#languageDropdown p {
    color: #fff;
    cursor: pointer;
}

#languageDropdown p:after {
    color: #f56104;
    margin-left: 0.8em;
    font-family: FontAwesome !important;
    content: "\f107";
}

#searchIcon {
    font-size: 2em !important;
    margin-top: -3px;
}

#searchBoxHolder {
    background: #fff;
    color: #ccc;
    height: 70px;
    padding-top: 20px;
    display: none;
    position: absolute;
    left: 0px;
    top: 65px;
    width: 100%;
    z-index: 999;
}

#searchBoxHolder .container {
    padding: 0px 45px;
}

#searchBox {
    height: 30px;
    border: 0;
    border-bottom: 1px solid #808080;
    color: #808080;
    font-size: 14px;
    display: inline-block;
    width: 95%;
    outline-color: transparent !important;
}

#searchBox:focus {
    outline: 0;
}

@media only screen and (max-width: 991px) {
    #menuPanelListGroup {
        width: 300px;
    }
    .menu-item {
        margin-right: 15px;
        font-size: 12px;
    }
    #languageDropdown p:after {
        margin-left: 0.3em;
    }
    #searchBoxHolder .container {
        padding: 0px 15px;
    }
}

@media only screen and (max-width: 800px) {
    .menu-item {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-menu-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .btn-menu {
        font-size: 12px;
        padding: 6px 10px;
    }
    #menuPanelListGroup {
        width: 100%;
        position: fixed;
    }
    #navbar-right-content {
        padding-right: 0px;
        padding-left: 0px;
    }
    #navbar-right-content .content {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 12px;
    }
    #searchBox {
        width: 90%;
    }
    #loginLink {
        width: 80px !important;
        min-width: 70px !important;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-menu-container .toggle-menu {
        display: flex !important;
        min-width: 65px;
    }
}

.toggle-menu {
    display: block;
    background: #f66300;
    width: 65px;
    height: 65px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.toggle-menu:hover,
.toggle-menu:focus {
    color: inherit;
    text-decoration: none;
    color: #fff;
}

.toggle-menu .close-icon {
    display: none;
}

#navigate {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    /*     &.absolute { position:absolute;} */
}

#main-menu {
    border-top: 5px solid #f66300;
    margin-top: -5px;
    overflow: hidden;
    background: #fff;
    color: #8B98A9;
    font-family: 'Montserrat';
    width: 65px;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    transition: width 0.25s ease;
}

#main-menu>ul {
    width: 306px;
}

#main-menu>ul>li {
    padding: 0 8px;
    padding-right: 49px;
    position: relative;
    margin-bottom: 0;
}

#main-menu>ul>li:hover .icon {
    color: #fff !important;
}

#main-menu>ul>li:hover:after {
    background: transparent;
}

#main-menu>ul>li:hover:nth-child(8):after {
    background: #fff;
}

#main-menu>ul>li:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 8px;
    width: 50px;
    height: 1px;
    background: #E2E6EA;
    content: '';
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    transition: width 0.25s ease;
}

#main-menu>ul>li:last-child:after {
    background: transparent;
}

#main-menu>ul>li>a {
    color: #fff !important;
    display: block;
    text-decoration: none;
    font-size: 1.285em;
    font-weight: 300;
}

#main-menu>ul>li .chevron {
    position: absolute;
    top: 0;
    right: 0;
    height: 54px;
    width: 49px;
    cursor: pointer;
}

#main-menu>ul>li .chevron .fa {
    font-size: 10px;
    color: #f66300;
    position: absolute;
    top: 25px;
    right: 8px;
    margin-top: -5px;
    width: 33px;
    text-align: center;
}

#main-menu>ul>li .chevron .fa.fa-chevron-up {
    display: none;
}

#main-menu>ul>li .icon {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    padding: 15px 5px;
    margin-right: 5px;
    text-align: center;
    font-size: 24px;
    color: #8B98A9;
}

#main-menu>ul>li .icon:hover {
    color: #fff !important;
}

#main-menu>ul>li .icon.icon-icom-chart,
#main-menu>ul>li .icon.icon-icom-money,
#main-menu>ul>li .icon.icon-icom-account-book {
    font-size: 19px;
}

#main-menu>ul>li .icon.icon-iconDashboard {
    font-size: 20px;
}

#main-menu>ul>li .icon.icon-icom-music_key {
    font-size: 23px;
}

#main-menu>ul>li span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    color: #333333;
    -webkit-transition: margin 0.25s ease;
    -moz-transition: margin 0.25s ease;
    -ms-transition: margin 0.25s ease;
    -o-transition: margin 0.25s ease;
    transition: margin 0.25s ease;
}

#main-menu>ul>li:hover,
#main-menu>ul>li.open-default,
#main-menu>ul>li.active {
    background: #f66300;
    color: #fff;
}

#main-menu>ul>li:hover .fa,
#main-menu>ul>li:hover span,
#main-menu>ul>li:hover .icon-iconMusic,
#main-menu>ul>li.open-default .fa,
#main-menu>ul>li.open-default span,
#main-menu>ul>li.open-default .icon-iconMusic,
#main-menu>ul>li.active .fa,
#main-menu>ul>li.active span,
#main-menu>ul>li.active .icon-iconMusic {
    color: inherit;
}

#main-menu>ul>li.open-default .subnav {
    background: #f66300;
    color: #fff;
    position: relative;
}

#main-menu>ul>li.open-default .subnav a:not(:hover) {
    color: #fff;
}

#main-menu>ul>li.open-default .subnav a:hover {
    color: #fff !important;
    text-decoration: underline;
}

#main-menu>ul>li.open-default .subnav:before {
    display: block;
    position: absolute;
    top: 0;
    left: 8px;
    right: 8px;
    height: 1px;
    background: #fff;
    content: '';
}

#main-menu>ul>li ul {
    display: none;
    list-style-type: none;
    background: #f4f4f4;
    margin: 0 -49px 0 -8px;
    font-weight: 400;
    padding: 20px 8px 20px 55px;
}

#main-menu>ul>li ul li a {
    display: block;
    line-height: 36px;
}

#main-menu>ul>li ul li a.active,
#main-menu>ul>li ul li a:hover {
    color: #3D4A52 !important;
    text-decoration: none;
}

#main-menu>ul>li.open .fa.fa-chevron-up {
    display: block;
}

#main-menu>ul>li.open .fa.fa-chevron-down {
    display: none;
}

#main-menu.open {
    width: 306px;
}

#main-menu.open>ul>li:not(:last-child):after {
    width: 290px;
}

#main-menu.open>ul>li.open:after {
    background: transparent;
}

#main-menu.open>ul>li span {
    margin-left: -17px;
}

#main-menu:not(.open)>ul>li ul {
    display: none !important;
}

@media (min-width: 768px) {
    #navigate {
        overflow: hidden;
        width: 64px;
        -webkit-transition: width 0.25s ease;
        -moz-transition: width 0.25s ease;
        -ms-transition: width 0.25s ease;
        -o-transition: width 0.25s ease;
        transition: width 0.25s ease;
    }
    #navigate .navigate-holder {
        width: 80px;
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-transition: width 0.25s ease;
        -moz-transition: width 0.25s ease;
        -ms-transition: width 0.25s ease;
        -o-transition: width 0.25s ease;
        transition: width 0.25s ease;
    }
    #navigate.open {
        width: 306px;
    }
    #navigate.open .navigate-holder {
        width: 400px;
    }
    #main-menu {
        display: none;
    }
}

@media (max-width: 767px) {
    /* #main-menu { display:none;} */
    #navigate {
        width: 100% !important;
        z-index: 999;
        padding-top: 65px;
    }
    .menu-open #navigate {
        height: 100vh;
        margin-top: 0 !important;
    }
    .navigate-holder {
        height: 100%;
        overflow: scroll;
        border-top: 5px solid #f66300;
        display: none;
    }
    #main-menu {
        width: 100%;
        margin-top: 0;
        border: none;
    }
    #main-menu.open {
        width: 100%;
    }
    #main-menu>ul {
        width: 100%;
    }
    #main-menu>ul>li:after {
        width: auto !important;
        right: 8px;
    }
    #main-menu>ul>li span {
        margin-left: -17px !important;
    }
    .toggle-menu {
        width: 65px;
        height: 65px;
    }
    #navigate .toggle-menu {
        display: none;
    }
    .navbar {
        padding-left: 0 !important;
        min-height: 65px;
        max-height: 65px;
    }
    .navbar-menu-container {
        height: 65px;
    }
}

@media (min-width: 767px) {
    .dashboard .toggle-menu {
        width: 88px;
        background: none;
        color: #fff;
    }
    .dashboard .toggle-menu:hover,
    .dashboard .toggle-menu:focus,
    .dashboard .toggle-menu:active {
        color: #ccc;
    }
    .dashboard .toggle-menu .show-icon {
        height: 65px;
        padding: 10px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        font-size: 16px;
    }
    .dashboard .toggle-menu .show-icon i {
        margin-right: 10px;
    }
    .dashboard .toggle-menu .show-icon div {
        display: inline-block;
    }
    .dashboard#navigate {
        width: 88px;
    }
    .dashboard#navigate .navigate-holder {
        width: 540px;
        display: block !important;
    }
    .dashboard#navigate.open {
        width: 520px;
    }
    .dashboard#navigate.open .navigate-holder {
        width: 540px;
        display: block !important;
    }
    .dashboard #main-menu {
        border-top: none;
        margin-top: 0;
        width: auto;
        background: none;
        overflow: visible;
    }
}

@media (min-width: 767px) and (min-width: 768px) {
    .dashboard #main-menu {
        display: block;
        transform: translateX(-100%);
        transition: transform 0.25s ease;
    }
}

@media (min-width: 767px) {
    .dashboard #main-menu.open>ul>li span {
        margin-left: 0;
    }
    .dashboard #main-menu>ul {
        background: #44525F;
        width: 240px;
    }
    .dashboard #main-menu>ul>li {
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }
    .dashboard #main-menu>ul>li:after {
        display: none;
    }
    .dashboard #main-menu>ul>li span {
        color: #fff;
    }
    .dashboard #main-menu>ul>li .icon {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 16px;
        padding: 13px 5px;
        line-height: 1.3;
    }
    .dashboard #main-menu>ul>li .icon.icon-icom-chart,
    .dashboard #main-menu>ul>li .icon.icon-icom-money,
    .dashboard #main-menu>ul>li .icon.icon-icom-account-book {
        font-size: 16px;
    }
    .dashboard #main-menu>ul>li .icon.icon-iconDashboard {
        font-size: 18px;
    }
    .dashboard #main-menu>ul>li .icon.icon-icom-music_key {
        font-size: 18px;
    }
    .dashboard #main-menu>ul>li>a {
        padding: 13px 45px;
        display: block;
        font-size: 16px;
    }
    .dashboard #main-menu>ul>li>a .chevron {
        height: 49px;
        width: auto;
        text-align: center;
        line-height: 49px;
    }
    .dashboard #main-menu>ul>li>a .chevron .fa {
        font-size: 13px;
        position: static;
        margin: 0;
    }
    .dashboard #main-menu>ul>li>a .chevron .fa.fa-chevron-down {
        display: inline-block !important;
    }
    .dashboard #main-menu>ul>li>a .chevron .fa.fa-chevron-up {
        display: none !important;
    }
    .dashboard #main-menu>ul>li>a .chevron .fa.fa-chevron-down:before {
        content: '\f105';
    }
    .dashboard #main-menu>ul>li .subnav {
        position: absolute !important;
        top: 0;
        left: 100%;
        padding: 5px 0;
        width: 217px;
        font-size: 14px;
        margin: 0;
        display: none !important;
        background: #526373;
        height: auto !important;
    }
    .dashboard #main-menu>ul>li .subnav>li {
        margin: 0;
    }
    .dashboard #main-menu>ul>li .subnav>li>a {
        display: block;
        padding: 10px 15px;
        line-height: 1.2;
        color: #fff;
        text-decoration: none;
        font-size: inherit;
    }
    .dashboard #main-menu>ul>li .subnav>li>a:hover {
        color: #99A5BA !important;
        text-decoration: none;
    }
    .dashboard #main-menu>ul>li:nth-child(n+8) .subnav,
    .dashboard #main-menu>ul>li:nth-last-child(n+8):last-child .subnav {
        top: auto;
        bottom: 0;
    }
    .dashboard #main-menu>ul>li:hover {
        background: #526373;
    }
    .dashboard #main-menu>ul>li:hover>a {
        color: #fff !important;
    }
    .dashboard #main-menu>ul>li:hover .subnav {
        display: block !important;
    }
    .dashboard #main-menu>ul>li.open-default .subnav:before {
        display: none;
    }
    .dashboard #main-menu.open {
        width: 540px;
    }
    .menu-open .dashboard .toggle-menu {
        display: block;
    }
    .menu-open .dashboard .toggle-menu .show-icon .icon-icom-menu:before {
        content: "\e907";
    }
    .menu-open .dashboard#navigate {
        width: 520px;
    }
    .menu-open .dashboard#navigate .navigate-holder {
        width: 540px;
    }
    .menu-open .dashboard #main-menu {
        transform: translateX(0);
    }
}

@media (max-width: 767px) {
    .dashboard #main-menu {
        background: #44525F;
    }
    .dashboard #main-menu>ul>li:after {
        background-color: #526373 !important;
    }
    .dashboard #main-menu>ul>li span {
        color: #fff;
    }
    .dashboard #main-menu>ul>li .chevron .fa {
        color: #fff;
    }
    .dashboard #main-menu>ul>li ul {
        background: #526373;
        padding-top: 0;
    }
    .dashboard #main-menu>ul>li ul li a {
        color: #fff;
        font-size: 14px;
    }
    .dashboard #main-menu>ul>li ul li a:hover {
        color: #99A5BA !important;
    }
    .dashboard #main-menu>ul>li.open,
    .dashboard #main-menu>ul>li:hover {
        background: #526373;
    }
    .dashboard #main-menu>ul>li.open-default {
        background: #f66300;
    }
    .dashboard #main-menu>ul>li.open-default ul {
        padding-top: 20px;
    }
    /*   .menu-open {
      .dashboard {
       &#navigate {
          &.open {
            .navigate-holder{
              display:block !important;
            }
          }
        }
      }
    } */
}

.sub-nav {
    font-size: 1.4285em;
    font-weight: 300;
    color: #fff;
}

.sub-nav li {
    padding: 0;
    margin: 0;
}

.sub-nav li+li {
    margin-left: 20px;
}

.sub-nav a {
    color: inherit;
    text-decoration: none;
}

.sub-nav a:hover .icom {
    color: #d9572c;
}

.sub-nav .icom {
    font-size: 1.3em;
    vertical-align: middle;
    margin-right: 7px;
}

.sub-nav .icom.icon-icom-arrow-down-dollar {
    font-size: 1.5em;
}

.sub-nav .fa {
    margin-left: 8px;
    font-size: 30px;
    color: #d9572c;
    vertical-align: middle;
}

.sub-nav span {
    display: inline-block;
    vertical-align: middle;
}


/*==================================================*/


/*================== Footer Style ==================*/


/*==================================================*/

#footerContainer {
    display: inline;
    color: #595959 !important;
    font-family: 'Montserrat', sans-serif;
}

.footerPart>div {
    padding-left: 0;
    padding-right: 0;
}

.footerPart a {
    color: #595959 !important;
    font-size: 16px !important;
}

.footerPart a>span {
    display: block;
    padding-top: 5px;
    font-size: 14px !important;
}

.footerTitle {
    color: #08b2d3;
    padding-bottom: 15px;
    margin: 0;
    white-space: nowrap;
    border: none;
}

.footerPartition {
    padding: 20px 0px;
    background: #e0e0e0;
}

@media (min-width: 768px) {
    .footerPartition {
        padding-left: 65px !important;
    }
}

.panel-group.footerPartition .collapse {
    display: none;
}

.panel-group.footerPartition .collapse.in {
    display: block;
}

.panel-group.footerPartition .panel {
    padding: 0;
}

.panel-group.footerPartition .panel.open {
    background: initial;
    border-bottom: none;
}

.panel-group.footerPartition .panel.open+.panel {
    padding-top: 0;
}

.panel-group.footerPartition .panel.open .toggle {
    top: 11px;
}

.panel-group.footerPartition .panel .panel-heading {
    margin-top: 0 !important;
    pointer-events: auto;
    cursor: pointer;
    margin-bottom: 0;
}

.panel-group.footerPartition .panel .panel-heading .panel-title a {
    border: none;
    border-top: 1px solid #5f656b;
    padding: 15px;
}

.panel-group.footerPartition .panel .panel-heading .panel-title a>label {
    margin-bottom: 0;
}

.panel-group.footerPartition .panel .panel-heading .panel-title a[aria-expanded="true"] {
    border-bottom-color: transparent !important;
}

.panel-group.footerPartition .panel .panel-body {
    padding: 0;
}

.panel-group.footerPartition .panel .panel-body span {
    padding: 15px 0;
    margin: 0;
}

.panel-group.footerPartition .panel .toggle {
    display: block;
    margin: 0;
    top: 3px;
    right: 0;
}

.footerPartition .collapse {
    display: block;
}

.footerPartition .toggle {
    display: none;
}

.footerPartition .panel-heading {
    pointer-events: none;
}

.footerPartition h3.panel-title {
    font-size: 14px;
    line-height: 20px;
}

#musicPlayerHolder {
    background: #1d2226;
    border-top: 2px solid #006b87;
}

.followUsIcons {
    color: #131313;
}

@media only screen and (min-width: 768px) {
    .followUsIcons {
        margin-right: 10px;
    }
    .footerPartition .panel-group {
        margin-top: 0 !important;
    }
    .footerPartition .panel-group .panel .panel-body {
        padding: 0;
    }
    .footerPartition .panel-group .panel-heading .panel-title a {
        border: none !important;
        padding: 0;
    }
    .footerPartition .panel-group .panel:first-child .panel-heading {
        margin: 0;
    }
    .footerPartition .panel-group .panel:last-child .panel-heading {
        margin: 0;
    }
    .footerPartition .panel-collapse {
        height: auto !important;
    }
    .footerPartition .panel-group .panel.open {
        background: none;
        border: none;
    }
    .footerPartition .panel-group .panel.open+.panel {
        padding: 0;
    }
}

@media only screen and (max-width: 768px) {
    #footerContainer {
        text-align: center;
    }
    .footerTitle {
        font-size: 18px;
        padding-bottom: 0px;
    }
    .panel-group.footerPartition .panel .panel-body {
        padding: 0 0 25px 0;
    }
    .panel-group.footerPartition .panel .panel-body span {
        padding: 5px 0;
    }
    .panel-group.footerPartition .panel:first-child .panel-heading .panel-title a {
        border-top: none;
    }
    .footerPart>label {
        font-size: 18px;
        padding: 5px 0;
    }
    .footerPart a>span {
        margin-top: 5%;
    }
    #divCerti {
        margin: 15px auto;
    }
    #divFollowUs,
    #divCopyright {
        margin: 10px auto;
    }
    .footerPartition .panel-group {
        margin-top: 2em;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .footerPartition .panel {
        width: 33.33%;
        float: left;
        padding-left: 0;
        padding-right: 0;
    }
    .footerPartition .panel:nth-child(4) {
        clear: left;
        margin-top: 30px;
    }
    .footerPartition .panel:nth-child(5) {
        margin-top: 30px;
    }
    .footerTitle {
        font-size: 15px;
    }
    .footerPart a>span {
        font-size: 11px;
    }
}

body {
    background: none !important;
}


/*==================================================*/


/*================== Common Style ==================*/


/*==================================================*/

img {
    max-width: 100%;
}

label {
    font-weight: 400;
    font-size: 1.14285em;
}

h2 {
    color: #fff;
}

a {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.m-80-60 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.m-10-40 {
    margin-top: 10px;
    margin-bottom: 40px;
}

.body-text {
    font-family: Montserrat;
    font-weight: 300;
}

.btn-orange-theme {
    border-radius: 0px;
    background-color: #f56104;
    border: none;
    font-family: Montserrat;
    font-weight: 600;
    color: #fff !important;
    outline: none !important;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 5px;
}

.btn-lg.btn-orange-theme {
    font-size: 24px;
    padding: 10px 20px;
}

.btn-lg.btn-orange-theme:hover {
    opacity: 0.8;
}

.amberColor {
    color: #ffcc00;
}

.orangeText {
    color: #f56104;
}

.noPad {
    padding-left: 0px;
    padding-right: 0px;
}

.transparency {
    opacity: 0.5;
}

.iconBox {
    background: #eef1f3;
    color: #333;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

.iconBoxHeader {
    margin: 30px 0px 5px;
    font-size: 32px;
    font-weight: 300;
    color: #333;
}

.iconHolder {
    width: 13%;
    display: inline-block;
    margin: 0px 0.3%;
    font-size: 18px;
    font-weight: 300;
    vertical-align: top;
    transition: opacity 0.5s ease 0s;
}

#specialityHolder .iconHolder {
    width: 24%;
}

#tacticsHolder {
    padding-left: 0;
    padding-right: 0;
}

#tacticsHolder .iconHolder {
    font-size: 16px;
}

.iconHolder:hover {
    opacity: 0.7;
}

.iconHolder a {
    color: #333;
    text-decoration: none;
}

.iconImg {
    display: block;
    margin: 5px auto 0px;
}

.iconBoxIntroText {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}

@media only screen and (max-width: 992px) {
    .iconHolder {
        width: 20%;
        display: inline-block;
        margin: 0px 1% 15px;
    }
}

@media only screen and (max-width: 768px) {
    .text-xs-center {
        text-align: center;
    }
    .iconBox {
        padding-top: 3em;
        padding-bottom: 3em;
    }
}


/*------------- gallery tabs -------------*/

.gallery-tabs li {
    margin: 1em 0;
}


/*------------- NEXTER Carousel Slider -------------*/

.nexter.carousel {
    overflow: hidden;
}

.nexter .carousel-inner {
    width: 170%;
}

.nexter-inner>.item.next,
.nexter-inner>.item.active.right {
    left: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}

.nexter-inner>.item.prev,
.nexter-inner>.item.active.left {
    left: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.nexter .carousel-control.left,
.nexter .carousel-control.right {
    width: 15%;
}

.nexter .setSpace {
    padding-left: 0;
    padding-right: 25px;
}

.nexter .sliderImg {
    width: 100%;
}


/*----- Common Gallery section -----*/

.color-2 {
    background: #eef1f3;
}

.sectionGallery .head {
    margin-bottom: 2em;
}


/*.sectionGallery .owl-carousel {
  padding-right: 42%;
}*/

.sectionGallery .owl-carousel .owl-stage-outer {
    overflow: visible;
    margin-bottom: 3em;
}

.sectionGallery .owl-carousel .owl-item,
.sectionGallery .owl-carousel .owl-item.active+.active {
    opacity: 0.3;
    filter: grayscale(100%);
}

.sectionGallery .owl-carousel .owl-item.active {
    opacity: 1;
    filter: grayscale(0);
}

.gallery-nav {
    display: inline-block;
    position: relative;
    padding: 0 30px;
    margin: 10px 0;
}

.paging-container {
    padding: 0 0 20px 0;
}

.owl-dots .owl-dot {
    display: inline-block;
    background: url("https://cdn.onerpm.com/images/nav_sprite.png") no-repeat -53px -5px;
    width: 13px;
    height: 13px;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    margin: 5px 7px 0px 7px;
}

.owl-dots .owl-dot.active {
    background: url("https://cdn.onerpm.com/images/nav_sprite.png") no-repeat -53px -28px;
}

.owl-dots .owl-dot:hover {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

.owl-nav div {
    background-image: url("https://cdn.onerpm.com/images/nav_sprite.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 23px;
    margin-top: 0px !important;
    font-size: 0;
    text-indent: -999em;
    cursor: pointer;
    opacity: 0.8;
}

.owl-nav div:hover {
    opacity: 1;
}

.owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    background-position: -5px -5px;
}

.owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 0;
    background-position: -5px -38px;
}

.owl-nav .owl-prev.disabled {
    background-position: -29px -5px;
    cursor: default;
}

.owl-nav .owl-next.disabled {
    background-position: -29px -38px;
    cursor: default;
}

.owl-carousel {
    white-space: nowrap;
}

.owl-carousel .item {
    display: inline-block;
    width: 100%;
}

.owl-carousel .owl-item {
    float: none !important;
    display: inline-block;
    white-space: normal;
    padding-right: 10px;
    vertical-align: top;
}

.sectionGallery .gallery-holder {
    display: none;
    overflow: hidden;
}

.sectionGallery .gallery-holder:first-child {
    display: block;
}

.sectionGallery {
    padding-top: 25px;
    overflow-x: hidden;
}

.sectionGallery .head img {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}

.sectionGallery .head h2 {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin-top: 0;
}

.galleryHeader {
    font-size: 36px;
    font-weight: 300;
    color: #00acd7;
    padding-left: 20px;
    line-height: 32px;
    display: inline;
    margin: 0;
    vertical-align: middle;
}

.specialityLink {
    color: #f25f0a;
    font-size: 18px;
    display: block;
    cursor: pointer;
}

.specialityLink:hover,
.specialityLink.active {
    color: #333;
    text-decoration: none;
}

.rightGalleryContainer {
    display: flex;
}

.galleryPix {
    max-height: 450px;
    filter: grayscale(100%);
    opacity: 0.3;
    margin-right: 20px;
}

.touchcarousel-item.active {
    cursor: default;
}

.touchcarousel-item.active .galleryPix {
    opacity: 1;
    filter: none;
}

.touchcarousel-item.active:hover .galleryPix {
    opacity: 1 !important;
}

.touchcarousel-item:hover .galleryPix {
    opacity: 0.6;
}

.itemCaption {
    color: #333;
    font-size: 16px;
    margin: 10px 0 50px;
}

@media only screen and (max-width: 768px) {
    .galleryHeader {
        padding-left: 0.3em;
        margin-top: 5px;
    }
    .sectionGallery .owl-carousel .owl-stage-outer {
        margin-bottom: 1em;
    }
    .owl-dots {
        max-width: 100%;
    }
    .owl-dots .owl-dot {
        margin-left: 3px;
        margin-right: 3px;
    }
}


/* --------- Mobile Gallery --------- */

.visible-xs .text-left {
    padding-left: 0px;
    display: flex;
    align-items: center;
}

.item-text {
    padding-top: 10px;
    color: #333;
    font-size: 16px;
}

@media only screen and (max-width: 768px) {
    .sectionGallery .owl-carousel {
        padding-right: 0;
    }
    .galleryHeader {
        font-size: 28px;
        top: 0;
    }
    .visible-xs .text-left img {
        max-width: 70px;
        width: 22%;
    }
    .item-text {
        padding-top: 10px;
        color: #333;
        font-size: 16px;
    }
    .sectionGallery .head img {
        max-width: 15%;
    }
    .sectionGallery .head h2 {
        max-width: 80%;
    }
}

.visible-xs .xs-carousel {
    padding-left: 0px;
    padding-right: 0px;
}

.visible-xs .xs-carousel .item-link {
    padding-left: 0px;
    padding-right: 0px;
    color: #000000;
}

.visible-xs .xs-carousel .item-link h3 {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 20px;
    margin-top: 10px;
}

.visible-xs .xs-carousel .item img {
    max-height: 220px;
    display: block;
    margin: auto;
}

.visible-xs .xs-carousel .item-text {
    padding-top: 10px;
    color: #333;
    font-size: 16px;
}

.visible-xs .xs-carousel .carousel-indicators {
    bottom: -50px;
}

.visible-xs .xs-carousel .carousel-inner {
    margin-bottom: 50px;
}

.visible-xs .xs-carousel .carousel-indicators {
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}

.visible-xs .xs-carousel .carousel-indicators li {
    display: inline-block;
    margin: 9px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #f46206;
}

.visible-xs .xs-carousel .carousel-indicators .active {
    background-color: #999999;
    width: 10px;
    height: 10px;
}


/*------------- Meet our creators -------------*/

.creator-caption {
    right: 0px !important;
    left: 0px !important;
    bottom: 10% !important;
    padding-top: 20px;
    padding-left: 25%;
    padding-bottom: 8%;
    position: absolute;
    z-index: 10;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

#sectionCreators {
    background: none;
}

.creators-text {
    font-size: 24px;
    color: #6f8da5;
    padding-bottom: 15px;
}

.creators-header {
    color: #fff;
    font-size: 32px;
    margin: 30px 0px 15px;
}

.creator-container {
    padding-left: 0px !important;
    padding-right: 15px !important;
}

.creator-container img {
    width: 100%;
    height: auto;
    filter: grayscale(100%);
}

.creator-container:hover img {
    filter: none;
}

.creator-container .btn-orange-theme {
    padding: 10px 20px;
}

.overlay_image {
    background: url(https://cdn.onerpm.com/images/case-study.png) no-repeat;
}

.content p {
    color: #fff;
    position: relative;
    z-index: 2;
}

.bgCreators {
    background-color: #253039 !important;
}

.row-margin {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 15px;
}

@media only screen and (min-width: 999px) {
    .creator-caption h2 {
        font-size: 25px;
    }
    .creator-caption button {
        font-size: 18px;
    }
}

@media all and (max-width: 1000px) and (min-width: 300px) {
    .creator-caption h2 {
        font-size: 20px;
    }
    .creator-caption .btn {
        font-size: 18px;
        text-shadow: none;
        text-transform: uppercase;
    }
    .btn-orange-theme {
        padding: 5px 10px !important;
    }
}

@media all and (max-width: 767px) and (min-width: 0px) {
    .creator-container {
        padding-bottom: 15px !important;
        padding-right: 0px !important;
    }
    .row-margin {
        padding-bottom: 0px !important;
    }
    .creators-text {
        font-size: 18px;
    }
}

@media all and (max-width: 299px) and (min-width: 0px) {
    .creators-text {
        font-size: 16px;
    }
    .creator-caption h2,
    .creator-caption button {
        font-size: 15px;
    }
}

@media all and (min-width: 1000px) {
    .btn-orange-theme {
        padding: 10px 20px !important;
    }
}


/*==================================================*/


/*================== Navbar Style ==================*/


/*==================================================*/

.navbar {
    font-family: montserrat;
    margin-bottom: 0;
    border: 0;
    font-size: 11px !important;
    background: rgba(0, 0, 0, 0.4);
    min-height: 65px;
    max-height: 65px;
    transition: background .8s ease 0s;
    display: flex;
}

.navbar.opaque {
    background: rgba(34, 34, 34, 0.9);
}

.navbar .navbar-brand {
    color: #d5d5d5 !important;
}

.navbar-nav li a:hover {
    color: #fff !important;
}

.navbar-nav li.active a {
    color: #fff !important;
    background-color: #29292c !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

@media only screen and (max-width: 767px) {
    .navbar {
        display: block;
    }
}


/*----------- DRAWER CSS -----------*/

.librePanelListGroupItem {
    position: relative;
    display: block;
    padding: 10px 8px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd !important;
}

.librePanelListGroupItem:hover,
.librePanelListGroupItem:focus {
    background-color: #fff !important;
}

.librePanelSubListGroupItem {
    background-color: #f0f0f0;
    margin-top: 1px;
}

.librePanelSubListGroupItem .librePanelListGroupItem {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d6dbe1;
    margin: 0px 15px 0px 20px;
}

.librePanelSubListGroupItem .librePanelListGroupItem:hover,
.librePanelSubListGroupItem .librePanelListGroupItem:focus {
    background-color: #f0f0f0 !important;
}

#dashboardMenuLink {
    background: #f56104 !important;
    padding-bottom: 15px;
    color: #fff !important;
}

#dashboard {
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

#dashboard .icon {
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
}


/*==================================================*/


/*================= Homepage Style =================*/


/*==================================================*/


/*----- Hero section with service -----*/

#sectionTitleAndService {
    position: relative;
    /*background: url(https://cdn.onerpm.com/images/bg_guitarist_man.png) no-repeat;*/
    /*background-image: url(./images/BACKGROUND.png), url(https://cdn.onerpm.com/images/bg_guitarist_man.png);*/
    /*background: linear-gradient(to right, rgba(144, 121, 39, 0.5) 50%, rgba(27, 160, 181, 0.5) 100%), url(https://cdn.onerpm.com/images/bg_guitarist_man.png) no-repeat;*/
    /*background: linear-gradient(to right, rgba(144, 121, 39, 0.7) 20%, rgba(0, 0, 0, 0) 30%, rgba(27, 160, 181, 0.7)80%), url(https://cdn.onerpm.com/images/bg_guitarist_man.png) no-repeat;*/
    /*background: linear-gradient(to right, rgba(144, 121, 39, 0.7) 25%, rgba(202, 163, 35, 0) 43%, rgba(27, 160, 181, 0.7)85%), url(https://cdn.onerpm.com/images/bg_guitarist_man.png) no-repeat*/
    /*background: linear-gradient(to bottom right, rgba(144, 121, 39, 0.7) 25%, rgba(0, 0, 0, 0.5) 40%, rgba(27, 160, 181, 0.7) 80%), url(https://cdn.onerpm.com/images/bg_guitarist_man.png) no-repeat;*/
    background: linear-gradient(to bottom right, rgba(144, 121, 39, 0.5) 25%, rgba(0, 0, 0, 0.5) 40%, rgba(27, 160, 181, 0.5) 80%);
    background-size: cover;
    top: 0px;
    margin: 0 auto;
    background-position: 50%;
    background-position: center center;
    background-attachment: fixed;
}

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
    display: none;
}

@media screen and (min-width: 768px) {
    #myVideo {
        display: block;
    }
}

@media (min-width: 768px) {
    #sectionTitleAndService {}
    #boxServices {
        width: auto;
        float: none;
    }
}

.boxUpperTitle,
#boxUpperTitle {
    margin-top: 10%;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.boxUpperTitle .holder .btn-holder,
#boxUpperTitle .holder .btn-holder {
    margin-top: 42px;
    padding: 0px 45px;
}

.boxUpperTitle .holder,
#boxUpperTitle .holder {
    padding-bottom: 2em;
    position: relative;
}

.boxUpperTitle .holder p:first-child,
#boxUpperTitle .holder p:first-child,
.thinTagLineText {
    margin-bottom: 0;
    font-family: Montserrat !important;
    font-weight: 300;
    font-size: 50PX;
    line-height: 30px;
    padding-top: 15px;
}

.tagLineText,
.boxUpperTitle h2,
.boxUpperTitle h3,
#boxUpperTitle h2,
#boxUpperTitle h3 {
    font-size: 70PX;
    font-weight: 500;
    line-height: 70px;
    padding-top: 15px;
    margin: 0;
    text-transform: uppercase;
}

.boxUpperTitle h3,
#boxUpperTitle h3 {
    color: #ffcc00;
}

.introText {
    font-family: Montserrat !important;
    font-weight: 300;
    line-height: 1.4em;
    font-size: 24px;
    margin-top: 20px;
}

#boxServices {
    background: linear-gradient(rgba(0, 0, 0, 0.7), black);
    margin-top: 15px;
}

#boxServiceSlideArrow {
    height: 70px;
    width: 70px;
    background: rgba(0, 0, 0, 0.7);
    background: linear-gradient(rgba(0, 0, 0, 0.7) 57%, rgba(0, 0, 0, 0) 0);
    position: absolute;
    top: -40px;
    left: 50%;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    margin-left: -35px;
}

#boxServiceSlideArrow:after {
    background: url(https://cdn.onerpm.com/images/arrow-down.png);
    content: "";
    width: 30px;
    height: 30px;
    top: 25px;
    left: 4px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
}

#serviceHeader {
    font-size: 32px;
    font-weight: 300;
    /*margin: 20px 0px;*/
    padding: 30px 0px 15px;
}

#serviceHolder {
    margin-top: 15px;
    margin-bottom: 80px;
    clear: both;
}

.serviceImg {
    display: block;
    margin: 5px auto 20px;
}

#serviceHolder h3,
.lblServiceName {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
}

.serviceDescription {
    font-family: Montserrat;
    font-weight: 300;
    color: #6c90a8;
    line-height: 1.6em;
    font-size: 24px;
}

@media only screen and (max-width: 991px) {
    #serviceHolder h3,
    .lblServiceName {
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    #sectionTitleAndService {
        background: linear-gradient(to bottom right, rgba(144, 121, 39, 0.7) 25%, rgba(0, 0, 0, 0.5) 40%, rgba(27, 160, 181, 0.7) 80%), url(https://cdn.onerpm.com/images/bg_guitarist_man.jpg) no-repeat;
        background-size: cover;
        top: 0px;
        margin: 0 auto;
        background-position: 50%;
        background-position: center center;
        background-attachment: fixed;
        padding-top: 70px;
    }
    .boxUpperTitle,
    #boxUpperTitle {
        margin-top: 0;
        margin-bottom: 0;
    }
    .boxUpperTitle .holder,
    #boxUpperTitle .holder {
        padding: 0;
    }
    #boxServices {
        background: #090909 !important;
    }
    .boxUpperTitle .holder p:first-child,
    #boxUpperTitle .holder p:first-child,
    .thinTagLineText {
        font-size: 40px;
    }
    .tagLineText,
    .boxUpperTitle h2,
    .boxUpperTitle h3,
    #boxUpperTitle h2,
    #boxUpperTitle h3 {
        font-size: 45px;
        line-height: 45px;
    }
    #serviceHolder {
        margin-bottom: 20px;
    }
    #serviceHolder h3,
    .lblServiceName {
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 15px;
    }
    .service {
        padding: 0 0 15px 0;
    }
    .serviceImg {
        margin-bottom: 5px;
    }
    .serviceDescription {
        font-size: 20px;
    }
    .tagLineText br,
    .tagLineLightLg br,
    .boxUpperTitle h2 br,
    .boxUpperTitle h3 br,
    #boxUpperTitle h2 br,
    #boxUpperTitle h3 br {
        display: none;
    }
    #sectionRecords .container {
        padding-bottom: 2em;
    }
}

@media only screen and (max-width: 400px) {
    .boxUpperTitle,
    #boxUpperTitle {
        /*margin-top: 19%;
    margin-bottom: 10px;
    margin-top: 25px;
    margin-bottom: 0px;*/
    }
    #sectionRecords .container {
        padding-bottom: 20px;
    }
    .boxUpperTitle .holder {
        padding: 0;
    }
    .boxUpperTitle .holder p:first-child,
    #boxUpperTitle .holder {
        padding: 0;
    }
    #boxUpperTitle .holder p:first-child,
    .thinTagLineText {
        font-size: 25px;
    }
    .tagLineText,
    .boxUpperTitle h2,
    .boxUpperTitle h3,
    #boxUpperTitle h2,
    #boxUpperTitle h3 {
        font-size: 28px;
        line-height: 30px;
        padding-top: 5px;
    }
    #sectionTitleAndService .introText {
        padding-bottom: 1em;
    }
    #serviceHolder {
        margin-bottom: 10px;
    }
    .introText {
        font-size: 20px;
        line-height: 1.2em;
    }
    .serviceDescription {
        font-size: 16px;
        margin-bottom: 20px;
    }
}


/*----- Record Section -----*/

#sectionRecords {
    position: relative;
    background: url(https://cdn.onerpm.com/images/bg_services.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    top: 0px;
    margin: 0 auto;
    background-position: 50%;
    color: #fff;
}

#boxRecordBoard {
    background: linear-gradient(black, rgba(0, 0, 0, 0.6));
    width: 100%;
    height: 100%;
}

.megaBlueFonts {
    font-size: 80px;
    font-weight: 500;
    color: #22BBFF;
    margin-top: 60px;
}

.topSubscribers {
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 35px;
    width: 9%;
    opacity: 0.5;
}

.topSubscribers[alt="Deezer"] {
    max-width: 70px;
}

.topSubscribers[alt="Amazon"] {
    max-width: 60px;
}

.topSubscribers[alt="YouTube"] {
    max-width: 60px;
}

.topSubscribers[alt="Claro Musica"] {
    max-width: 65px;
}

.topSubscribers[alt="Tidal"] {
    max-width: 65px;
}

#sectionHeroMusicDistribution .topSubscribers[alt="Claro Musica"] {
    max-width: 55px;
}

#sectionHeroMusicDistribution .topSubscribers[alt="YouTube"] {
    max-width: 55px;
}

#sectionHeroMusicDistribution .topSubscribers[alt="Facebook"] {
    max-width: 60px;
}

@media only screen and (max-width: 1200px) {
    .topSubscribers {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 1000px) {
    .megaBlueFonts {
        font-size: 65px;
    }
    .topSubscribers {
        width: 4em;
    }
}

@media only screen and (max-width: 768px) {
    .megaBlueFonts {
        font-size: 50px;
        margin-top: 20px;
    }
}


/*----- Carousel Section ----*/

.sliderImage {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.btnPrevSlider {
    position: absolute;
    top: 50%;
    display: inline-block;
    left: 20%;
}

.btnNextSlider {
    position: absolute;
    top: 50%;
    display: inline-block;
    right: 20%;
}

.captionBox {
    text-align: left;
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    padding: 25px;
    margin-bottom: 20px;
    left: 15%;
    max-width: 520px;
}

.captionBox .primaryText {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 50px;
}

.captionBox .secondaryText {
    font-size: 18px;
}

.artistHeaderHolder {
    position: absolute;
    top: 0px;
    z-index: 1;
}

.lgArtistHeaderHolder {
    top: 0;
}

.blueHorizontalLine {
    padding: 0;
    margin: 0;
    border: 1px solid #00acd7;
    width: 75%;
    position: absolute;
    left: 15%;
    z-index: 2;
}

.topLine {
    top: 0;
}

.bottomLine {
    bottom: 0;
}

.artistHeaderText {
    background: #212121;
    font-size: 35px;
    padding: 3px 20px;
    color: #fff;
    display: inline-block;
    margin: 0;
    font-weight: 300;
}

.lgArtistHeader {
    padding: 20px 30px;
}

@media only screen and (max-width: 767px) {
    .btnPrevSlider,
    .btnNextSlider {
        top: 20%;
    }
    .captionBox {
        position: relative;
        left: 0;
        margin-bottom: 0px;
        border: 15px solid #212121;
        border-bottom-width: 25px;
        max-width: none;
        background: #000;
    }
    .captionBox .primaryText {
        font-family: Montserrat;
        font-weight: 600;
        font-size: 30px;
    }
    .blueHorizontalLine {
        left: 0px;
    }
    .blueHorizontalLine.topLine {
        width: 99%;
    }
    .blueHorizontalLine.bottomLine {
        width: 100%;
    }
    .artistHeaderHolder {
        position: relative;
        margin-bottom: 0px;
    }
    .artistHeaderText {
        font-size: 30px;
        margin-top: 0px;
        padding: 15px 0px 10px;
    }
}


/*----- Location Section ----*/

#sectionLocation {
    position: relative;
    background-color: #374957;
    width: 100%;
    top: 0px;
    margin: 0 auto;
    display: inline-block;
    display: flow-root;
    padding-top:80px;
    padding-bottom:80px;
}

.locationHeader {
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    position:absolute;
    bottom:10%;
    right:10%;
    padding:0;
    margin:0;
}

#divLocationContainer {
    /*margin: 2em 0px 0px 0px;*/
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
}

#locationMapHolder {
    position: relative;
    background: url(https://cdn.onerpm.com/images/homepage-map.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 612px;
    max-width: 560px;
    height:80%;
    transition: 0.5s ease 0s;
    float: none;
    margin: 0 auto 10px;
}

.locationInfoBox {
    width: 4%;
    height: 4%;
    background-image: url(https://cdn.onerpm.com/images/pin_orange.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

.locationInfoBox.show {
    background-image: url(https://cdn.onerpm.com/images/pin_yellow.png);
}

.locationToolTip {
    display: none;
}

.locationInfoBox.show>.locationToolTip {
    display: table;
}

.locationInfoTriangle {
    position: absolute;
    top: 30px;
    left: 5px;
    transform: rotate(20deg);
    border-style: solid;
    border-width: 25px 0px 50px 70px;
    border-color: #fdc414 transparent transparent transparent;
    line-height: 0px;
    z-index: 1;
}

.locationToolTip.topRight>.locationInfoTriangle {
    top: -50px;
    left: 15px;
    transform: rotate(-50deg);
    border-width: 25px 50px 0px 70px;
}

.locationToolTip.topLeft>.locationInfoTriangle {
    top: -60px;
    left: -35px;
    transform: rotate(-45deg);
    border-width: 70px 0px 50px 25px;
}

.locationToolTip.bottomLeft>.locationInfoTriangle {
    /*top: -25px;
   left: -20px;
   transform: rotate(-115deg);
   border-width: 70px 0px 50px 25px;*/
    top: 30px;
    left: -50px;
    transform: rotate(-30deg);
    border-width: 25px 70px 50px 0px;
}

.pin-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 75%;
    padding: 20px 10px;
    border-radius: 100px;
    width: 145px;
    height: 145px;
    margin: 60px 0px 0px 50px;
    align-items: center;
    background: #fdc414;
    color: #333;
    display: table;
    z-index: 1;
}

.locationToolTip.topRight>.pin-text {
    /*top: -65px;
  left: 60px;*/
    margin: 0;
    top: -75px;
    left: 60px;
}

.locationToolTip.topLeft>.pin-text {
    /*top: -125px;
  left: -190px;*/
    top: -135px;
    left: -235px;
}

.locationToolTip.bottomLeft>.pin-text {
    /*top: 20px;
	left: -190px;*/
    top: 35px;
    left: -230px;
}

.verticalAligner {
    display: table-cell;
    vertical-align: middle;
}

.pin-text p {
    margin-bottom: 0px;
}

.pin-text p.header {
    /*display: table-cell;
  vertical-align: middle;*/
    font-weight: bold;
    border-bottom: 2px solid #0e7893;
    padding: 0px 5px 5px;
    margin-bottom: 5px;
}

#locationOverlay {
  
    width: 100%;
    height: 100%;
    display: inline-block;
    display: flow-root;
}

#locationGraphic {
    position:relative;
    margin:0 auto;
    background: url(https://cdn.onerpm.com/images/homepage-map.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width:80%;
    max-width:1060px;
}


#locationGraphic:after {
    content:"";
    display:block;
    width:100%;
    padding-top:65%;
}

/*----- Location panel for mobile view ----*/

.locationName {
    color: #fdc414;
    font-size: 16px;
    font-weight: bolder;
}

.locationDetails {
    font-size: 16px;
    color: #fff;
    padding: 5px 0px 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #0e7893;
}

.locationDetails:last-child {
    margin-bottom: 35px;
}

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

    .locationHeader {
        font-size: 40px;
    }
}



@media only screen and (max-width: 1150px) {

    .locationHeader {
        font-size: 30px;
    }
}

@media only screen and (max-width: 768px) {
    #sectionLocation {
        background-size: cover;
    }
    /*#locationOverlay{
      background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5)100%), url(https://cdn.onerpm.com/images/bg_location.png) no-repeat;
      background-size: cover;
      background-position: center center;
  }*/
    .locationHeader {
       
        font-size: 24px;
    }
    /*.locationToolTip{
  	display: none !important;
  }
  .locationInfoBox{
      pointer-events: none;
  }*/
}



@media only screen and (max-width: 600px) {
    .locationHeader {
        font-size: 20px;
    }
}

@media only screen and (max-width: 500px) {

    #sectionLocation {
    
        padding-top:40px;
        padding-bottom:80px;
    }
    

    .locationHeader {
        right:20px;
        left:20px;
        bottom:0;
        transform:translateY(120%);
        line-height:1.5;
        text-align:center;
    }

    #locationGraphic {
        width:95%;
        background-position: left center;
        background-size:auto 100%;
        margin-right:0;
    }
    #locationGraphic:after {
        padding-top:105%;
    }

    #sectionLocation{
        padding-bottom:100px;
    }
    
}

.no-break{
    white-space: nowrap;
}
/*==================================================*/


/*============ Music Distribution Style ============*/


/*==================================================*/


/*----- Hero section -----*/

#sectionHeroMusicDistribution {
    position: relative;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%), url(https://cdn.onerpm.com/images/DISTRIBUTION.jpg) no-repeat;
    background-size: cover;
    top: 0px;
    margin: 0 auto;
    background-position: 50%;
    background-position: center center;
    background-attachment: fixed;
    height: 700px;
}

.tagLineLightMd {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    padding-top: 30px;
}

.tagLineBoldMd {
    font-size: 20px;
    font-weight: bolder;
    padding-bottom: 15px;
}

.blueBottomBordered {
    border-bottom: 1px solid #00acd7;
}

#dottedMapHolder p {
    font-size: 12px;
    font-weight: 300;
    padding-top: 15px;
}

@media only screen and (min-width: 768px) {
    #dottedMapHolder {
        position: absolute;
        left: 100%;
        bottom: 2em;
    }
}

@media only screen and (max-width: 768px) {
    #sectionHeroMusicDistribution {
        background: transparent;
        height: auto;
    }
    #sectionHeroMusicDistribution #innerHeroContainer {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%), url(https://cdn.onerpm.com/images/DISTRIBUTION.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .tagLineLightMd {
        font-size: 18px;
        padding-top: 15px;
    }
    .tagLineBoldMd {
        font-size: 18px;
    }
    .intro,
    #boxMusicDistributionIntro {
        background: rgba(0, 0, 0, 0.5); //#41474a;
        padding: 20px 30px 40px 30px;
        margin: 20px -30px 0px -30px; //40px -30px -48px -30px;
        overflow: hidden;
    }
    #boxMusicDistributionIntro .introText {
        padding-top: 0;
        margin-top: 0;
    }
    #dottedMapHolder img {
        width: 70%;
    }
    .blueBottomBordered {
        border-bottom: transparent;
    }
    #dottedMapHolder {
        margin-left: auto;
        margin-bottom: 30px;
    }
    #dottedMapHolder img {
        margin: 0px auto;
    }
}


/*----- Tools and resources section -----*/

#sectionTools {
    padding-top: 2.5em;
}

#arrowSlideToTools {
    height: 70px;
    width: 70px;
    background: #eef1f3;
    background: #eef1f3;
    position: absolute;
    top: -40px;
    left: 47%;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

#arrowSlideToTools:after {
    background: url(https://cdn.onerpm.com/images/arrow-down.png);
    content: "";
    width: 30px;
    height: 30px;
    top: 25px;
    left: 4px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
}


/*----- Technology section -----*/

#sectionTechnology {
    margin-top: 3.5em;
    background-color: #eef1f3;
    color: #333;
    position: relative;
}

#techLightBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    bottom: 50%;
    z-index: 0;
    background-color: #fefefe;
}

.musicDistHeader {
    font-size: 32px;
    font-weight: 300;
    color: #333;
}

#techIntro {
    font-size: 20px;
    line-height: 28px;
}

#techImg {
    margin: 30px auto;
}

@media only screen and (max-width: 768px) {
    #sectionTechnology {
        background: #fefefe;
        margin-top: 2em;
    }
}


/*----- Accordion section -----*/

#sectionAccordion {
    padding-top: 2em;
    background-color: #eef1f3;
    color: #333;
}

#accordionHeaderSm {
    /*padding: 30px 0px;*/
    padding: 5px 0px 15px;
    font-size: 30px;
    background: #eef1f3;
}

#accordionHolder {
    padding: 0.7em 0px 5em;
}

#accordionHolder .panel-group .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

#accordionHolder .panel-group .panel+.panel {
    margin-top: 15px !important;
}

#accordionHolder .panel-default>.panel-heading {
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0;
    color: #00acd7;
    background-color: #fefefe;
    border: 0px;
}

#accordionHolder .panel-title {
    /*font-size: 24px;*/
    font-size: 36px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
    position: relative;
}

.style-1 .panel-title>a,
#accordionHolder .panel-title>a {
    display: block;
    padding: 15px;
    text-decoration: none;
    border: none;
}

.style-1 .panel-body,
#accordionHolder .panel-body {
    border: transparent;
    background: #fff;
    padding: 20px;
}

.style-1 .panel-body,
#accordionHolder .panel-body {
    border: transparent;
    background: #fff;
}

#accordionHolder .more-less {
    float: right;
    height: 25px;
    width: 25px;
    background-position: center center;
    background-repeat: no-repeat;
}

.more-less.iconPlus {
    background: url(https://cdn.onerpm.com/images/icon_plus.png);
}

.more-less.iconMinus {
    background: url(https://cdn.onerpm.com/images/icon_minus.png);
}

#accordionHolder .iconmini {
    /*height: 56px;*/
    height: 65px;
    position: absolute;
    left: 0;
    top: 0;
}

.style-1 .panel-title span,
#accordionHolder .panel-title span {
    margin: 0px 50px;
    display: block;
    color: #00acd7;
    text-transform: uppercase;
}

#accordionHolder h4,
#accordionHolder h5 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 5px;
}

#accordionHolder .panel-body p {
    font-size: 18px;
    font-weight: 300;
}

.hrshortmiddle {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border-color: #aceaf9;
}

@media only screen and (max-width: 768px) {
    #accordionHolder {
        padding-bottom: 3em;
    }
    #accordionHolder .panel {
        border: transparent;
    }
    #accordionHolder .panel-title {
        font-size: 28px;
        font-weight: 300;
    }
    #accordionHolder h5 {
        font-size: 20px;
    }
    #accordionHolder .panel-body p {
        font-size: 14px;
        line-height: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .hrshortmiddle {
        width: 75%;
    }
    /*Make accordion of full window width */
    #sectionAccordion .container,
    #sectionAccordion .container div:first-child {
        padding-left: 0px;
        padding-right: 0px;
    }
    #accordionHolder h4 {
        padding: 0 15px;
    }
}


/*==================================================*/


/*=============== Video Network Style ==============*/


/*==================================================*/


/*----- Hero section -----*/

#sectionHeroVideoNetwork {
    position: relative;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%), url(https://cdn.onerpm.com/images/Video_Network.jpg) no-repeat;
    background-size: cover;
    top: 0px;
    margin: 0 auto;
    background-position: 50%;
    background-position: center center;
    background-attachment: fixed;
    height: 700px;
}

#sectionHeroVideoNetwork #innerHeroContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

@supports not (display: -ms-flexbox) {
    #sectionHeroVideoNetwork #innerHeroContainer {
        /* padding-top: 50px !important;*/
    }
}

.videoNetworkHeader {
    font-size: 32px;
    font-weight: 300;
    margin: 30px 0px 5px;
}

#videoNetworkIntro {
    margin: 40px 0px;
}

#sm_videoNetworkIntroHolder {
    background: #41474a;
    padding-top: 20px;
    padding-left: 45px;
    padding-right: 45px;
    overflow: hidden;
}

#sm_videoNetworkIntroHolder #counterHolder {
    margin-bottom: -15px;
}

.play-and-sub {
    overflow: hidden;
}

.play-and-sub img {
    width: 100%;
    position: absolute;
    bottom: -20px;
    right: 0px;
}

@media only screen and (min-width: 768px) {
    #counterHolder {
        position: absolute;
        left: 100%;
        bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    #sectionHeroVideoNetwork {
        background: transparent;
        height: auto;
    }
    #sectionHeroVideoNetwork #innerHeroContainer {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%), url(https://cdn.onerpm.com/images/Video_Network.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        height: auto;
    }
    #videoNetworkIntro {
        margin: 10px 0px;
    }
    #counterHolder img {
        margin: 1em auto;
    }
}


/*----- Speciality section -----*/

#arrowSlideToSpeciality {
    height: 70px;
    width: 70px;
    background: #eef1f3;
    background: linear-gradient(#eef1f3 57%, rgba(0, 0, 0, 0) 0);
    position: absolute;
    top: -40px;
    left: 47%;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

#arrowSlideToSpeciality:after {
    background: url(https://cdn.onerpm.com/images/arrow-down.png);
    content: "";
    width: 30px;
    height: 30px;
    top: 25px;
    left: 4px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
    #arrowSlideToSpeciality {
        left: 45%;
    }
}

@media only screen and (max-width: 500px) {
    #arrowSlideToSpeciality {
        left: 42%;
    }
}


/*==================================================*/


/*================= Marketing Style ================*/


/*==================================================*/


/*----- Hero section -----*/

.sectionHeroMarketing,
#sectionHeroMarketing {
    position: relative;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%), url(https://cdn.onerpm.com/images/Marketing.jpg) no-repeat;
    background-size: cover;
    top: 0px;
    margin: 0 auto;
    background-position: 50%;
    background-position: center center;
    height: 700px;
    /*background-attachment: fixed;*/
}

.sectionHeroMarketing,
#sectionHeroMarketing {
    background: url(https://cdn.onerpm.com/images/temp/hero-banner-5.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
    background-position: center center;
    background-attachment: fixed;
}

#sectionHeroMarketing .topSubscribers {
    margin-left: 3%;
    margin-right: 3%;
}

.boxUpperTitle h3.tagLineLightLg,
#boxUpperTitle h3.tagLineLightLg,
.tagLineLightLg {
    font-size: 28px;
    font-weight: 300;
    line-height: 30px;
    padding-top: 5px;
    color: #fff;
    text-transform: none;
}

#sectionHeroMarketing .introText {
    padding-bottom: 20px;
}

.sectionHeroMarketing #innerHeroContainer,
.sectionHeroMarketing #boxMarketingIntro,
.sectionHeroMarketing .boxUpperTitle,
.sectionHeroMarketing #boxUpperTitle,
#sectionHeroMarketing #innerHeroContainer,
#sectionHeroMarketing #boxMarketingIntro,
#sectionHeroMarketing .boxUpperTitle,
#sectionHeroMarketing #boxUpperTitle {
    position: relative;
    z-index: 1;
}

#heroBGArrow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@media only screen and (max-width: 768px) {
    .boxUpperTitle h3.tagLineLightLg,
    #boxUpperTitle h3.tagLineLightLg,
    .tagLineLightLg {
        font-size: 24px;
    }
    .sectionHeroMarketing,
    #sectionHeroMarketing {
        background-position: left center;
        height: auto;
    }
    #sectionHeroMarketing {
        /*padding-top: 90px;*/
    }
    .sectionHeroMarketing #innerHeroContainer,
    #sectionHeroMarketing #innerHeroContainer {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%), url(https://cdn.onerpm.com/images/Marketing.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        z-index: 2;
    }
    .tagLineLightLg {
        font-size: 24px;
        line-height: 30px;
    }
    #boxMarketingIntro {
        background: #41474a;
        padding-top: 25px;
    }
}

@media only screen and (max-width: 400px) {
    .tagLineLightLg {
        font-size: 18px;
        line-height: 24px;
    }
    #gallery-digital-toolkits .galleryHeader {
        font-size: 26px;
    }
}


/*----- Tactics section -----*/

#sectionTactics {
    padding-top: 30px;
    z-index: 2;
}

#arrowSlideToTactics {
    height: 70px;
    width: 70px;
    background: #eef1f3;
    background: #eef1f3;
    position: absolute;
    top: -40px;
    left: 47%;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

#arrowSlideToTactics:after {
    background: url(https://cdn.onerpm.com/images/arrow-down.png);
    content: "";
    width: 30px;
    height: 30px;
    top: 25px;
    left: 3px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
}

.marketingHeaderText {
    font-size: 32px;
    font-weight: 300;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    #arrowSlideToTactics {
        left: 50%;
        margin-left: -35px;
    }
}

@media only screen and (max-width: 500px) {
    #arrowSlideToTactics {
        left: 50%;
        margin-left: -35px;
    }
    #boxMusicDistributionIntro .tagLineBoldMd {
        padding-bottom: 0;
    }
    #sectionTechnology {
        margin-top: 1em;
    }
}


/*----- Gallery section -----*/

.marketGalleryText {
    margin-top: 10px;
    color: #333;
    font-size: 18px;
    display: block;
}

.touchcarousel {
    height: 100%;
    margin-bottom: 15px;
}


/*----------------------------*/

body {
    color: #333;
    background: #fff;
}

.container {
    max-width: 1130px;
    width: 100%;
}

.wrapper {
    padding-top: 65px;
    overflow: hidden;
}

.section {
    padding-top: 1.8em;
    padding-bottom: 1em;
}

.section h1 {
    font-size: 2.2857em;
}

.section.color-2 {
    color: #333333;
}

.section h2 {
    color: #333;
}

.section.default h2 {
    border-bottom: 1px solid #40c1e1;
    padding-bottom: 0.4em;
    margin-bottom: 0.8em;
    font-weight: 300;
}


/*hero banner*/

.hero-banner {
    padding-bottom: 0;
    overflow: hidden;
    min-height: 534px;
    position: relative;
    margin-top: -65px;
    display: flex;
    align-items: flex-end;
}

.hero-banner .image-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(http://cdn.onerpm.com/bgs/hero-banner.jpg);
}

.hero-banner .head {
    position: relative;
    z-index: 1;
    width: 100%;
    color: #fff;
}

.hero-banner h1 {
    font-size: 3.42857em;
}

.hero-banner h1 i {
    text-shadow: 4px 5px 0px rgba(0, 0, 0, 0.75);
}

.hero-banner .sub-nav {
    margin-bottom: 0;
}

.hero-banner .sub-nav li {
    margin: 5px 0;
    margin-right: 20px;
}

.hero-banner .sub-nav li+li {
    margin-left: 0;
}

.hero-banner .sub-nav li a:hover,
.hero-banner .sub-nav li a.active {
    background: none;
    opacity: 1;
    color: #fff !important;
}

.hero-banner .details {
    background: rgba(0, 0, 0, 0.7);
    padding: 20px 0;
}

.hero-banner .follow {
    font-size: 18px;
    font-weight: 300;
    line-height: 42px;
}

.hero-banner .follow span {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #fff;
}

.hero-banner .follow .share {
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

.hero-banner .follow .share:hover {
    opacity: 0.7;
}

.hero-banner .follow .share i {
    margin-left: 29px;
    text-decoration: none;
    font-size: 20px;
    vertical-align: middle;
}

.hero-banner.preview {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero-banner.preview .btn-link {
    font-size: 1em;
}

.hero-banner.preview .btn[disabled] {
    opacity: 1;
}

.hero-banner.preview .preview-mode {
    width: 100%;
    position: relative;
    z-index: 2;
    color: #fff;
    padding-top: 40px;
}

.hero-banner.preview .preview-mode .holder {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 0;
    padding-left: 65px;
    margin-left: -65px;
}

.hero-banner.preview .preview-mode .head {
    font-size: 30px;
}

.hero-banner.preview .preview-mode p {
    font-size: 16px;
}

.hero-banner.preview .preview-mode .btn-holder {
    padding: 10px 0;
}

.hero-banner.preview .preview-mode .btn-holder li a:hover {
    color: #fff !important;
    background: none;
    opacity: 1;
}

@media (min-width: 768px) {
    .hero-banner .details {
        padding-left: 65px;
        margin-left: -65px;
    }
}

@media (max-width: 768px) {
    .hero-banner .follow {
        text-align: left;
        margin-bottom: 1em;
    }
    .hero-banner .follow .share i {
        margin-left: 0;
    }
    .hero-banner.preview .preview-mode {
        overflow: hidden;
    }
    .hero-banner.preview .preview-mode .btn-holder li {
        width: 55%;
        float: left;
    }
    .hero-banner.preview .preview-mode .btn-holder li:first-child {
        width: 45%;
    }
    .hero-banner.preview .preview-mode .btn-holder li a {
        display: block;
        padding-left: 7px;
        padding-right: 7px;
    }
    .hero-banner .sub-nav {
        overflow: hidden;
        margin-left: -5px;
        margin-right: -5px;
    }
    .hero-banner .sub-nav li {
        float: left;
        width: 50%;
        margin-right: 0;
        padding: 0 5px;
    }
    .hero-banner .sub-nav li a {
        display: block;
    }
}

@media (max-width: 480px) {
    .hero-banner .follow {
        font-size: 16px;
    }
    .hero-banner .sub-nav li {
        width: 100%;
    }
}


/*filter*/

.sorts {
    padding: 15px 0 10px 0;
}

.sorts .inline-block {
    margin: 0 8px;
}

.filter {
    padding: 20px 0 0;
    border-top: 1px solid #00acd7;
}

.filter .inline-block {
    margin: 0 8px;
}

.filter .type {
    color: #00acd7;
}

@media (max-width: 767px) {
    .checkbox-filter {
        padding-right: 0;
    }
}


/*table*/

.table {
    color: #333;
}

.table a {
    color: inherit;
}

.table .type {
    font-size: 1.857142em;
    color: #00acd7;
    width: 40px;
    padding: 0;
    text-align: center;
}

.table .thumb {
    width: 100px;
}

.table .title {
    font-size: 1.42857em;
    margin-bottom: 0.2em;
}

.table .details {
    padding-left: 17px;
    border-left: 1px solid #00acd7;
    line-height: 1.55;
}

.table .controls {
    text-align: right;
    font-size: 1.857142em;
    color: #f25b2b;
    white-space: nowrap;
}

.table .controls a {
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
}

.table .controls a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.table .controls a .icon-icom-share-bold {
    font-size: 0.95em;
}

@media (max-width: 767px) {
    .table .thumb {
        display: none;
    }
}

@media (max-width: 480px) {
    .table .type,
    .table .controls {
        display: none;
    }
}


/*Overview*/

#overview {
    padding-top: 1.1em;
}

#overview h2:first-child {
    margin-bottom: 0;
}

.track-list {
    counter-reset: list-counter;
}

.track-list:after {
    display: block;
    width: 100%;
    clear: both;
    content: '';
}

.track-list li {
    padding-left: 50px;
    position: relative;
    margin: 20px 0;
    font-size: 18px;
    font-weight: 300;
}

.track-list li:before {
    content: counter(list-counter) ".";
    counter-increment: list-counter;
    position: absolute;
    top: 0;
    left: 12px;
    line-height: 35px;
}

.track-list li:after {
    display: block;
    width: 100%;
    clear: both;
    content: '';
}

.track-list h3 {
    font-size: inherit;
    font-weight: inherit;
    line-height: 35px;
    margin: 0;
}

.track-list .time,
.track-list .rating,
.track-list .controls {
    vertical-align: middle;
}

.track-list .rating {
    margin-left: 20px;
}

.track-list .rating img {
    max-width: 16px;
}

.track-list .controls {
    font-size: 25px;
    margin-left: 20px;
}

.track-list .controls a+a {
    margin-left: 11px;
    text-decoration: none;
}

.track-list .controls a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.track-list .controls a i.icon-icom-share-bold {
    font-size: 23px;
}

.track-list .controls a[disabled] {
    cursor: not-allowed;
}

.track-list .controls .share {
    display: inline-block;
    color: #f25c2b;
    position: relative;
    padding-left: 11px;
}

.share {
    position: relative;
    cursor: pointer;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.share .share-list {
    position: absolute;
    top: -2px;
    right: 100%;
    white-space: nowrap;
    visibility: hidden;
    text-align: center;
    z-index: 99999;
    background: #fff;
    opacity: 0;
    -webkit-transition: none;
    transition: none;
}

.share .share-list a {
    margin: 1px !important;
}

.share:hover {
    color: #8B98A9 !important;
}

.share:hover i {
    opacity: 0.7;
}

.share:hover .share-list {
    visibility: visible;
    opacity: 1;
}

.brand-list li {
    margin-right: 5px;
}

@media (max-width: 767px) {
    .track-list li {
        padding-left: 25px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
    }
    .track-list li:before {
        left: 0;
    }
    .track-list li:last-child {
        border-bottom: none;
    }
    .track-list .holder {
        text-align: left;
    }
    .track-list .controls,
    .track-list .rating {
        margin-right: 10px;
        margin-left: 0;
    }
    .track-list .controls {
        float: right;
        margin-right: 0;
    }
    .track-list .name {
        position: relative;
    }
    .track-list .name h3 {
        padding-right: 45px;
    }
    .track-list .name .time {
        position: absolute;
        right: 15px;
        top: 0;
        display: inline-block;
        line-height: 35px;
    }
}

.bio {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

.bio strong {
    font-weight: 600;
}

.brand-list {
    font-size: 22px;
    color: #f56104;
}

.thumbnail-list {
    font-weight: 500;
}

.thumbnail-list h3 {
    font-size: 1.1428em;
    color: #333;
    line-height: 1.4;
    margin-bottom: 10px;
    margin-top: 9px;
    margin-bottom: 3px;
}

.thumbnail-list h3 a {
    color: inherit;
}

.thumbnail-list .item {
    margin-bottom: 20px;
}

.thumbnail-list .details strong,
.thumbnail-list .details a,
.thumbnail-list .details a:visited {
    color: #f56104;
    font-weight: normal;
}

.thumbnail-list .thumbnail {
    padding: 0;
    border: none;
    background: none;
    position: relative;
    margin-bottom: 9px;
}

.thumbnail-list .thumbnail img {
    width: 100%;
}

.thumbnail-list .thumbnail i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -26px 0 0 -26px;
    display: inline-block;
    width: 52px;
    height: 52px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    border-radius: 52px;
    text-align: center;
    line-height: 52px;
    font-size: 20px;
    padding-left: 5px;
}

.thumbnail-list .item .details {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.thumbnail-list.video h3 {
    margin-top: 15px;
}


/*related artist*/

.related-artist {
    padding-bottom: 3em;
}

.related-artist .row {
    margin-bottom: 15px;
}

.block-title {
    position: relative;
}

.block-title a {
    display: block;
    position: relative;
}

.block-title a:before {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.55);
    content: '';
    transition: background 0.5s ease;
}

.block-title a img {
    width: 100%;
    height: 200px;
}

.block-title a h2 {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 1.71428em;
    text-transform: uppercase;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block-title a h2 span {
    display: inline-block;
    padding: 10px;
    color: inherit;
    text-decoration: none;
    transition: background 0.5s ease;
}

.block-title a:hover:before {
    background: rgba(0, 0, 0, 0);
}

.block-title a:hover span {
    background: rgba(0, 0, 0, 0.55);
}


/*Images*/

.instagram {
    padding-bottom: 5em;
}

.instagram img {
    width: 100%;
}

.image-list {
    overflow: hidden;
    margin-bottom: 15px;
}

.image-list>.clearfix {
    margin-bottom: -16px;
}

.block-imagedesc {
    font-weight: 400;
    border-bottom: 1px solid #3cbdde;
    margin-bottom: 15px;
}

.block-imagedesc strong {
    font-size: 1.14285em;
    font-weight: 500;
}

.block-imagedesc img {
    width: 100%;
    margin-bottom: 15px;
}


/*Album Details*/

.album-details .head {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #40c1e1;
    font-size: 16px;
}

.album-details .head a {
    margin-right: 20px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
}

.album-details .head a:last-child {
    margin-right: 0;
}

.album-details .head a:hover {
    opacity: 0.7;
}

.album-details .head i {
    font-size: 24px;
    vertical-align: middle;
    opacity: 0.7;
}

.album-details .head .share {
    margin-right: 20px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
    color: #f25c2b;
}

.album-details .head h2 {
    font-size: 34px;
    margin-bottom: 0;
}

.album-details .thumbnail {
    padding: 0;
    border: none;
    background: none;
}

.album-details h2 {
    font-size: 24px;
}

.album-details .author {
    font-size: 16px;
}

.album-details .brands {
    margin-top: 1.5em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #40c1e1;
    border-top: 1px solid #40c1e1;
}

.album-details .brands a {
    display: inline-block;
    margin: 10px 15px 10px 0;
}

.track-list+.head {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .album-details .head div {
        text-align: left;
    }
    .album-details .head a {
        text-align: left;
        margin-top: 5px;
        text-align: center;
    }
    .album-details .head h2 {
        font-size: 24px;
    }
    .album-details .head a,
    .album-details .head .share {
        font-size: 0.9em;
        margin: 5px 20px 20px 0;
    }
    .album-details .head .share {
        margin-right: 0;
    }
}

@media (max-width: 340px) {
    .album-details .head a i,
    .album-details .head .share i {
        font-size: 1.1em;
    }
}

dl.details {
    overflow: hidden;
}

dl.details dt {
    float: left;
    margin-right: 10px;
    margin-bottom: 2px;
    font-weight: normal;
}

dl.details dd {
    overflow: hidden;
    margin-bottom: 2px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
    width: 100% !important;
    position: static !important;
    display: block !important;
    height: auto !important;
    min-height: 250px !important;
}


/*Sing*/

.sign {
    padding-bottom: 4em;
}

.content-text {
    border-left: 1px solid #26B8DD;
}

.sidebar .btn-group .btn {
    margin-bottom: 1.2em;
}

.sidebar .btn-group .btn:hover {
    color: #fff !important;
    opacity: 0.7;
}

form .btn-holder {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}

form label {
    margin-bottom: 7px;
}

form small {
    display: block;
    color: #8B98A9;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: -5px;
}

@media (max-width: 767px) {
    .content-text {
        border: none;
        padding-top: 2em;
    }
}

.ms-drop {
    font-size: 14px;
    box-shadow: none !important;
    position: static;
    border-color: #8B98A9;
    border-radius: 0;
    height: 170px;
}

.ms-drop.bottom {
    display: block !important;
}

.ms-drop input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
}

.ms-drop ul {
    padding: 0;
    max-height: none !important;
}

.ms-drop ul>li label {
    margin: 0;
    font-size: 14px;
    padding: 5px 10px;
    cursor: pointer;
}

.ms-drop ul>li.ms-select-all {
    display: none;
}

.ms-drop ul>li.selected {
    background: #f46104;
    color: #fff;
}

.ms-choice {
    visibility: hidden;
    position: absolute;
}

.ms-drop .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.ms-drop .mCSB_scrollTools .mCSB_draggerContainer {
    top: 7px;
    bottom: 7px;
}

.ms-drop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #8b98ab;
    border-radius: 0;
    width: 6px;
}

.ms-drop .mCSB_scrollTools .mCSB_draggerRail {
    background: none;
}

.multiselect {
    display: flex;
    flex-direction: column;
}

.multiselect .error {
    order: 2;
}

.multiselect .multiple {
    order: 1;
}


/*Website Feedback*/

h1+.details {
    font-size: 16px;
    margin-bottom: 2em;
}

@media (min-width: 768px) {
    h1+.details {
        max-width: 61%;
    }
}

#message {
    min-height: 220px;
    max-width: 100%;
    margin-bottom: 2em;
}

.feedback label span {
    color: #04B1D8;
}

.form-group .row label {
    line-height: 42px;
    margin-bottom: 0;
}


/*Distribution Partners*/

.distribution h2 {
    font-size: 20px;
    margin-top: 1.4em;
}

.distribution h3 {
    font-size: 16px;
    margin-top: 1.2em;
    margin-bottom: 1.7em;
}

.distribution .item {
    margin-bottom: 20px;
}

.list-checkbox-item {
    padding-bottom: 6px;
    border-bottom: 1px solid #26B8DD;
}

.list-checkbox-item:last-child {
    border-bottom: none;
}

.notifications .notification:not(:first-child) {
    margin-top: 7px;
}

.notifications .notification {
    border: 1px solid #526373;
}

.notifications .notification .d-tb {
    width: 100%;
}

.d-tb {
    display: table;
}

.notifications .notification .icon {
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 15px;
}

.d-tbc {
    display: table-cell;
    vertical-align: middle;
}

.notifications .notification .d-tbc:not(.icon) {
    padding: 10px 21px 10px 16px;
}

.icon {
    font-size: 24px;
    color: #F16321;
    cursor: pointer;
}

.notifications .notification .icon strong {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #fff !important;
    margin: 2px;
    color: #D80000 !important;
}


/*Choose profile*/


/*Location*/

.location .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.location .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #b3bcc4;
}

.location .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.location .mCSB_inside>.mCSB_container {
    margin-right: 20px;
}

section.location {
    padding-top: 1.8em;
    padding-bottom: 2em;
}

.slider .thumbnail-list {
    width: 100%;
    margin-bottom: 20px;
}

.slider .thumbnail-list .row {
    overflow: hidden;
    margin-top: -20px;
}

.slider .thumbnail-list .item {
    float: left;
    margin-top: 20px;
    margin-bottom: 0;
}

.slider .thumbnail-list .item .image-holder {
    position: relative;
    cursor: pointer;
}

.slider .thumbnail-list .item .image-holder:before {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

.slider .thumbnail-list .item .image-holder img {
    width: 100%;
}

.slider .thumbnail-list .item:hover .image-holder:before,
.slider .thumbnail-list .item.active .image-holder:before {
    content: '';
}

.location {
    padding-bottom: 2em;
}

.location h2 {
    color: #00acd7;
    font-size: 2.714285em;
}

.location h3 {
    color: #333333;
    margin-bottom: 1em;
    margin-top: 0.4em;
}

.location .paging-container {
    display: none;
}

.location .gallery-holder {
    overflow: hidden;
    margin-right: -15px;
}

.location .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.location .owl-carousel .owl-item {
    opacity: 0.25;
}

.location .owl-carousel .owl-item.active {
    opacity: 1;
}

.scrollbarHolder {
    max-height: 360px;
}

@media (min-width: 1400px) {
    .slider .thumbnail-list .item {
        width: 20%;
    }
}

@media (min-width: 768px) {
    .gallery-holder {
        padding-right: 41%;
    }
    .slider .thumbnail-list {
        margin-right: 7px;
    }
}

@media (max-width: 767px) {
    .location .gallery-holder {
        margin-right: 0;
    }
    .location .owl-carousel .item {
        display: block;
    }
    .location .owl-carousel .owl-item {
        padding-right: 0 !important;
    }
    .location .paging-container {
        display: block;
        margin-top: 20px;
        padding-bottom: 0;
    }
    .location .paging-container .gallery-nav {
        white-space: normal;
    }
}


/*Case Studies*/

.post-list .item {
    overflow: hidden;
    padding: 12px;
    background: #fff;
    margin-bottom: 28px;
    font-size: 18px;
}

.post-list .item .img-holder {
    float: left;
    width: 346px;
    position: relative;
    background: #000;
    text-align: center;
    color: #fff;
    margin-right: 20px;
    /* &:before {display:block; height:100%; width:100%; position:absolute; top:0; left:0; background: rgba(0,0,0,0.5); content:'';} */
}

.post-list .item .img-holder h2 {
    color: #fff;
    font-size: 1.333333em;
    margin-bottom: 0;
}

.post-list .item .text-holder {
    line-height: 1.35;
    padding-top: 10px;
}

.post-list .item .btn-holder {
    overflow: hidden;
    border-top: 1px solid #00acd7;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

.post-list .item .btn-holder .btn-link {
    padding: 0;
    font-size: 1em;
}

.post-list .item .block-title a:not(:hover):before {
    background: rgba(0, 0, 0, 0.4);
}

.alignRight {
    float: right;
    margin-left: 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.default-content {
    font-size: 1.285714em;
}

.default-content h2 {
    margin-bottom: 1em;
    font-size: 1.777777em;
    font-weight: 300;
}

.default-content img {
    margin-bottom: 15px;
}

@media (max-width: 992px) {
    .alignRight {
        max-width: 40%;
    }
}

@media (max-width: 767px) {
    .default-content {
        padding-top: 0.5em;
    }
    .default-content h2 {
        margin-bottom: 0.5em;
    }
}

@media (max-width: 640px) {
    .alignRight {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .post-list .item .img-holder {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .post-list .item .img-holder img {
        width: 100%;
    }
}

.banner {
    overflow: hidden;
}

.banner .container {
    height: 100%;
    position: relative;
    z-index: 2;
}

.banner .container .boxUpperTitle,
.banner .container #boxUpperTitle {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 0;
    padding-bottom: 3em;
    padding-top: 100px;
}

.banner .container .boxUpperTitle .holder,
.banner .container #boxUpperTitle .holder {
    padding-bottom: 0;
}

.banner .desc {
    position: relative;
    height: 100%;
    padding-left: 65px;
    margin-left: -65px;
}

.banner .mobile.boxUpperTitle {
    margin-top: 0;
    margin-bottom: 0;
}

.banner .img-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.banner .img-holder img {
    display: block;
    margin: 0 auto;
}

.banner .text-holder {
    color: #fff;
    padding: 30px 12px;
}

.banner.landing .desc:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    z-index: 1;
}

.banner.landing .container .boxUpperTitle,
.banner.landing .container #boxUpperTitle {
    justify-content: flex-end;
}

.banner.landing h2 {
    text-transform: none !important;
}

.banner.landing .text-holder {
    font-size: 1.285714em;
    padding: 30px 12px;
    background: rgba(0, 0, 0, 0.8);
}

.banner.landing .subTitle {
    font-size: 2.285714em;
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    padding: 0 10px;
}

.banner.landing .title h2 {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    padding: 0 10px !important;
    font-size: 4.285714em !important;
}

.banner .btn-holder {
    width: 100%;
    margin-top: 1em;
}

.owl-carousel.full-page {
    overflow: hidden;
}

.owl-carousel.full-page .owl-item {
    padding-right: 0 !important;
}

.owl-carousel.full-page .item {
    display: block;
}

.owl-carousel.full-page img {
    width: auto;
    margin: 0 auto;
    margin-bottom: 1.5em;
}

.owl-carousel.full-page .paging-container {
    max-width: 1130px;
    margin: 0 auto;
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #00acd7;
}

.owl-carousel.full-page .paging-container .owl-prev:before,
.owl-carousel.full-page .paging-container .owl-next:before {
    position: absolute;
    height: 100%;
    text-indent: 0;
    font-size: 18px;
    color: #f46206;
}

.owl-carousel.full-page .paging-container .owl-prev.disabled:before,
.owl-carousel.full-page .paging-container .owl-next.disabled:before {
    color: #999;
}

.owl-carousel.full-page .paging-container .owl-prev:before {
    content: 'Previous Case Study';
    right: 100%;
    margin-right: 10px;
}

.owl-carousel.full-page .paging-container .owl-next:before {
    content: 'Next Case Study';
    left: 100%;
    margin-left: 10px;
}

.iconList .iconHolder {
    width: 24%;
    margin: 0;
    padding: 0;
}

.list-by-two .gallery-holder {
    padding-right: 12%;
    margin-right: -15px;
}

.list-by-two .gallery-holder .owl-carousel .item {
    padding-right: 20px;
}

.list-by-two .gallery-holder .paging-container {
    padding-right: 20px;
}

@media (min-width: 768px) {
    .banner.landing {
        max-height: 534px;
    }
}

@media (max-width: 767px) {
    /*
  .banner .desc {
    padding-bottom: 1em;
  }
  */
    .banner.landing .subTitle {
        font-size: 16px;
    }
    .banner.landing .title h2 {
        line-height: 1 !important;
        font-size: 32px !important;
    }
    .banner.landing .desc .boxUpperTitle {
        min-height: 230px;
    }
    .banner.landing .mobile.boxUpperTitle {
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0;
    }
    .banner.landing .text-holder {
        background: #41474a;
        margin: 0;
        font-weight: 300;
        line-height: 24px;
    }
    .banner.landing .btn-holder {
        background: #41474a;
        margin: 0;
        padding: 0 15px;
        padding-bottom: 30px;
        text-align: center;
        width: auto;
    }
    .banner.landing .container .boxUpperTitle,
    .banner.landing .container #boxUpperTitle {
        align-items: left;
        justify-content: center;
        padding-bottom: 0;
        margin-bottom: 0;
        padding-top: 31%;
    }
    .banner .mobile.boxUpperTitle .text-holder {
        background: #41474a;
    }
}

@media (max-width: 640px) {
    .owl-carousel.full-page .paging-container .owl-prev:before,
    .owl-carousel.full-page .paging-container .owl-next:before {
        display: none;
    }
}

@media (max-width: 400px) {
    .banner .container .boxUpperTitle,
    .banner .container #boxUpperTitle {
        padding-top: 70px;
        padding-bottom: 20px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .banner .container .boxUpperTitle h2,
    .banner .container #boxUpperTitle h2 {
        margin-top: 0;
    }
    .banner .tagLineLightLg {
        overflow: hidden;
        max-height: 100%; //77px;
        padding-top: 0;
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .list-by-two .gallery-holder {
        padding-right: 0;
        margin-right: 0;
    }
    .list-by-two .gallery-holder .owl-carousel .item {
        padding-right: 0;
    }
    .list-by-two .gallery-holder .owl-carousel .owl-item {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .list-by-two .gallery-holder .paging-container {
        padding-right: 0;
    }
}


/*-------------*/


/*--Publishing*/


/*-----------*/

.banner .holder .tagLineLightMd+.btn-holder {
    padding: 0;
    padding-top: 2em;
    padding-bottom: 1em;
    margin-top: 2em;
    border-top: 1px solid #00acd7;
}

.banner .brands {
    width: 100%;
    margin-top: 2em;
    text-align: center;
}

.steps {
    text-align: center;
    margin-top: 2em;
}

.steps .item {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.steps .item:after {
    position: absolute;
    top: 64%;
    right: 0;
    margin: 0;
    margin: 0 0 0 0;
    display: inline-block;
    font-family: FontAwesome;
    content: "\f061";
    font-size: 30px;
    color: #748490;
}

.steps .item:last-child:after {
    display: none;
}

.default-content.panel {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    font-size: 1.428571em;
}

.default-content.panel .collapse-data {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: -30px 0 0 -30px;
    background: #fff;
    border-radius: 100%;
    content: '\e931';
    color: #f56104;
    font-size: 24px;
    font-family: icomoon;
    text-align: center;
    line-height: 47px;
    outline: none;
}

.default-content.panel .collapse-data .icon-icom-minus {
    display: none;
}

.default-content.panel .collapse-data[aria-expanded="true"] .icon-icom-plus {
    display: none;
}

.default-content.panel .collapse-data[aria-expanded="true"] .icon-icom-minus {
    display: block;
}

.default-content.panel .holder {
    padding-top: 1.5em;
    padding-bottom: 1em;
}

.default-content.panel .text-holder {
    font-weight: 600;
}

.default-content.panel+.section {
    padding-top: 23px;
}

.default-content.panel.closed+.section {
    padding-top: 3.5em;
}

figure.item {
    margin-bottom: 1.8em;
}

figure.item img {
    width: 100%;
}

figure.item figcaption {
    font-size: 16px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .banner .holder .tagLineLightMd {
        max-width: 70%;
    }
    .banner .intro {
        background: none;
    }
}

@media (max-width: 767px) {
    #arrowSlideToTactics {
        display: none;
    }
    .banner .text-holder {
        padding: 20px 12px;
    }
    .banner .boxUpperTitle h3.tagLineLightLg {
        max-width: 100%;
        font-size: 18px;
        line-height: 24px;
    }
    .banner .boxUpperTitle .tagLineLightMd {
        padding-top: 0;
    }
    .steps .item {
        padding-bottom: 60px;
    }
    .steps .item:last-child {
        padding-bottom: 10px;
    }
    .steps .item:after {
        content: "\f063";
        left: 50%;
        right: auto;
        top: auto;
        bottom: 0;
        margin-left: -15px;
    }
}

.meet h2 {
    margin-top: 0 !important;
    padding-top: 0.7em;
    border-top: 1px solid #00acd7;
    margin-bottom: 0.75em;
}

.list {
    margin-top: 1.7em;
}

.list li {
    padding: 7px 10px;
}

.list li:nth-child(2n+1) {
    background: #e4f7fb;
}


/*-------------*/


/*--Services--*/


/*-----------*/

.service {
    padding-top: 2em;
    padding-bottom: 2em;
}

.service a {
    color: #FFF;
}

.service-list {
    overflow: hidden;
    margin-top: -2.25em;
}

.service-list .item {
    border-bottom: 1px solid #00acd7;
    margin-bottom: -1px;
    padding-top: 2.25em;
    padding-bottom: 2.25em;
}

.service-list .item h3 {
    font-weight: 400;
}

.service-list .item .icon-holder {
    min-height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-list .item i {
    font-size: 3.6em;
    color: #00acd7;
}

.service-list .item i.icon-Neighboring {
    font-size: 3em;
}

.service-list .item i.icon-icom-recognition {
    font-size: 4em;
}

.service-list .item .text-holder {
    line-height: 1.3;
}

@media (min-width: 992px) {
    .service-list .item .text-holder {
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* sourceMappingURL=stylesheet.css.map */


/*modal*/

.modal {
    color: #333333;
}

.modal .modal-content {
    padding: 35px 0 25px;
    position: relative;
}

.modal .modal-content>div {
    padding-top: 0;
}

.modal .modal-content .remove {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #d9572c;
    background: none !important;
    cursor: pointer;
}

.modal .modal-content .modal-header {
    border-bottom: none;
    margin-bottom: 0;
}

.modal .modal-content .modal-header h2 {
    font-size: 1.625em;
}

.modal .modal-content .modal-header h2 .icon {
    font-size: 25px;
    margin-right: 5px;
}

.modal .modal-content .modal-body .form-control {
    border-color: #5A6D7E;
}

.modal .modal-content .modal-body .checkbox-container {
    padding: 25px 0;
}

.modal .modal-content .modal-footer {
    text-align: center;
    border-top: none;
}

.modal .modal-content .modal-footer .btn-default {
    color: #F46104;
    box-shadow: none;
}

.modal .modal-content hr {
    margin: 0;
}

.modal.warning h2 {
    color: #12B2D8;
}

.modal.warning h2 .icon {
    color: #D80000;
}


/*.paging-container {
    margin-left: 65%;
}
.owl-carousel .owl-item img {
  max-height: 416px;
  object-fit: cover;
  border: 1px solid #cdcdcd;
  padding: 12px;
}
.owl-stage {
  width: 550px !important;
}

@media only screen and (min-width: 768px) {
.owl-stage {
    width: 550px !important;
}
}

@media only screen and (min-width: 1000px) {
.owl-stage {
    width: 750px !important;
}
}*/

.btn-warning,
.btn-warning:active,
.btn-warning:hover,
.btn-warning:focus {
    border-color: #F46104;
    background: #F46104;
}

.btn {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.25);
    font-weight: 600;
    min-width: 153px;
    white-space: normal;
}

.dl-album {
    margin-top: 1em;
}

.icon-free {
    background-image: url('https://cdn.onerpm.com/icons/iconDownloadFree.svg');
    width: 24px;
    height: 25px;
}

.display_none {
    display: none;
}


/*modal*/

.modal {
    color: #333333;
}

.modal .modal-content {
    padding: 35px 0 25px;
    position: relative;
}

.modal .modal-content>div {
    padding-top: 0;
}

.modal .modal-content .remove {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #d9572c;
    background: none !important;
    cursor: pointer;
}

.modal .modal-content .modal-header {
    border-bottom: none;
    margin-bottom: 0;
}

.modal .modal-content .modal-header h2 {
    font-size: 1.625em;
    color: #1bb3d7;
}

.modal .modal-content .modal-header h2 .icon {
    font-size: 25px;
    margin-right: 5px;
}

.modal .modal-content .modal-body .form-control {
    border-color: #5A6D7E;
}

.modal .modal-content .modal-body .checkbox-container {
    padding: 25px 0;
}

.modal .modal-content .modal-footer {
    text-align: center;
    border-top: none;
}

.modal .modal-content .modal-footer .btn-default {
    color: #F46104;
    box-shadow: none;
}

.modal .modal-content hr {
    margin: 0;
}

.modal.warning h2 {
    color: #12B2D8;
}

.modal.warning h2 .icon {
    color: #D80000;
}

.title img {
    margin-right: 10px;
    max-width: 50px;
    max-height: 50px;
}

.title h2 {
    font-weight: 400;
    font-size: 18px;
    overflow: hidden;
    margin-bottom: 0;
}

.title h2 span {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}

.title h2 span:before,
.title h2 span:after {
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px solid #5A6D7E;
    width: 1000px;
    height: 1px;
    content: '';
}

.title h2 span:before {
    display: none;
    right: 100%;
    margin-right: 20px;
}

.title h2 span:after {
    left: 100%;
    margin-left: 20px;
}

.title.text-uppercase h2 {
    text-transform: uppercase;
}

.title.text-center span:before {
    display: block;
}

.paging-container {
    margin-left: 0;
}

.owl-carousel .owl-item img {
    max-height: 600px;
    object-fit: cover;
    border: 1px solid #cdcdcd;
    padding: 12px;
}

.text-center .iconBoxIntroText {
    display: none;
}

@media screen and (max-width: 767px) {
    .text-center .iconBoxIntroText {
        display: block;
    }
}

.carousel-icon {
    color: #00acd7;
}

body .ui-tooltip {
    z-index: 999999 !important;
}

.ui-widget-content {
    color: #f25c2b !important;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    border: 1px solid #000 !important;
}

.ui-widget-shadow {
    background: rgba(0, 0, 0, 0.8) !important;
    opacity: 0.8 !important;
    filter: Alpha(Opacity=80) !important;
    border-radius: 1px !important;
}

.ui-tooltip {
    -webkit-box-shadow: 0 0 0px #000 !important;
    box-shadow: 0 0 0px #000 !important;
}

#divFollowUs {
    font-size: 16px;
}


/*-------------*/


/*--Playlist--*/


/*-----------*/

.playlist .item {
    margin-top: 10px;
    margin-bottom: 10px;
}

.playlist .item a {
    display: block;
}

.playlist .item img {
    width: 100%;
}

.count-view span {
    display: inline-block;
    min-width: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    color: #F76500;
    border: 1px solid transparent;
    cursor: pointer;
}

.count-view span.active {
    border-color: #333;
    color: #333;
}

.videoHolder {
    width: 100%;
    padding: 4em 0;
    z-index: 2;
    color: #fff;
}

.videoHolder .container .v-logo {
    margin-bottom: 1.5em;
}

.videoHolder .text-holder {
    font-size: 2.2857em;
}

.videoHolder .btn-holder {
    margin-top: 2em;
}

.videoHolder .btn-holder a {
    font-size: 18px;
    font-weight: bold;
}

.videoHolder .btn-holder a:hover {
    background: none;
    opacity: 1;
    color: #fff !important;
    border-color: #fff;
}

.videoContainer {
    position: relative;
    float: right;
    width: 90%;
}

.videoContainer img {
    width: 100%;
}

.videoContainer video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 10px solid #fff;
}

.hero-banner .videoHolder h1 {
    margin-bottom: 0.15em;
}

.hero-banner.video:before {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    content: '';
    z-index: 1;
}

.hero-banner .image-holder video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.hero-banner .image-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

@media only screen and (min-width: 768px) {
    .hero-banner.video {
        min-height: 100vh;
        position: relative;
    }
    .head {
        overflow: hidden;
    }
    .head h1:not(:last-child) {
        float: left;
        max-width: 50%;
    }
    .head .count-view:not(:first-child) {
        float: right;
        max-width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .videoContainer {
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
        float: none;
    }
    .hero-banner.video {
        flex-direction: column;
        min-height: auto;
        padding: 0;
    }
    .hero-banner.video .image-holder {
        position: relative;
        padding-top: 75%;
        height: auto;
        order: 1;
    }
    .hero-banner.video .videoHolder {
        order: 2;
        background: #444444;
        text-align: center;
        padding: 2em 0;
    }
    .hero-banner .videoHolder h1 {
        font-size: 1.8em;
    }
    .videoHolder .flex {
        display: flex;
        flex-direction: column;
    }
    .videoHolder .flex .desc-holder {
        order: 3;
    }
    .videoHolder .v-logo {
        margin: 1em 0;
        order: 2;
    }
    .videoHolder .flex .video-holder {
        order: 1;
        margin-top: -24%;
    }
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    background: none;
    color: #586f81;
    border-color: #586f81;
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-10>[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width: 768px) {
    /* .row-32 { margin-left: -32px; margin-right: -32px;}
  .row-32 > [class^="col-"]{ padding-left: 32px; padding-right: 32px;} */
}

.thumbnail-list.row {
    margin-left: -20px;
    margin-right: -20px;
}

.thumbnail-list.row>div {
    padding-left: 20px;
    padding-right: 20px;
}

.thumbnail-list .item {
    margin-bottom: 2.5em;
    color: #8B98A9;
}

.thumbnail-list .item a.thumbnail {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.thumbnail-list .item a.thumbnail img {
    width: 100%;
    cursor: pointer;
}

.thumbnail-list .item h4 {
    color: #F25E22;
    font-size: 1.07142em;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 1.5em;
    line-height: 1.2;
    overflow: hidden;
}

.thumbnail-list .item .details {
    overflow: hidden;
}

.thumbnail-list .item .details {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 480px) {
    .thumbnail-list .item {
        overflow: hidden;
        margin-bottom: 20px;
    }
    .thumbnail-list .item a.thumbnail {
        float: left;
        margin-right: 10px;
        max-width: 120px;
    }
    #mc_embed_signup .input.email {
        min-width: 100%;
    }
    #mc_embed_signup input.button {
        width: 100%;
    }
}


/*** Gllobal Additions ***/


/*** MOBILE ***/

@media only screen and (max-width: 768px) {
    #innerHeroContainer,
    .banner {
        padding-top: 70px !important;
    }
    #innerHeroContainer #boxUpperTitle,
    #innerHeroContainer .boxUpperTitle,
    .banner .container .boxUpperTitle,
    .banner .container #boxUpperTitle {
        padding-top: 1.5em !important;
        padding-bottom: 0 !important;
    }
    #sectionHeroMusicDistribution #innerHeroContainer #boxUpperTitle {
        padding-bottom: 0 !important;
    }
}