/*============================================= 
=                Common Generic                =
=============================================*/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
       url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
       url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

header{
    z-index:900;
}

.f_left{
    float:left;
}

.f_right{
    float:right;
}

.clr{
    clear:both;
}

.position-relative{
    position:relative;
}

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

.hide{
    display:none !important;
}

.show{
    display:block !important;
}

.img-material{
    width:100%;
    height:100%;
    margin:0px !important;
}

.logo-preloader{
    height: auto;
    position: absolute;
    width: 210px;
}

.dot-load{
    border-radius:50%;
    display:inline-block;
    width:8px;
    height:8px;
    background:#FFFFFF;
    margin-top:2px;
}

.dot-active{
    width:11px;
    height:11px;
    margin-top:0px;
}

#box-dots-load{
    margin:15px 0px 0px 58px;
}

.centralize{
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.border-none {
    border: none !important;
}

.border-right-nav {
    border-left: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.35);
}

#title-libraries {
    margin: 50px;
}

.menu-not-hover:hover {
    color: #FFFFFF !important;
    background: none !important;
    cursor:default;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.modal-catalog{
    position:fixed;
    height: 70%;   
    width: 50%;
    min-width:300px;
    background:#FFFFFF;
    z-index:9999;    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.modal-catalog-header{
    font-size: 19px;
    color: #622374;
    line-height: 28px;
    padding: 10px 16px;
    border-bottom:1px solid #CABAD2;
}

.modal-catalog-content{
    padding:0px 1px 0px 1px;
}

.modal-catalog-footer{
    position:absolute;
    width:100%;
    left:0px;
    bottom:0px;
    height:50px;
    border-top:1px solid #CABAD2;
    padding:7px 7px 0px 7px;
}

.modal-catalog-mask{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: #000;
    opacity:0.4;
}

.opacity-zero{
    opacity:0;
    z-index:-1;
}

.show-popup{
    opacity:1;
    z-index:9999;
}

.show-popup-mask{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: #000;
    opacity: 0.4;
}

.bg-popup{
    background: url(../../Content/img/bg-section-termos.jpg) left top no-repeat !important;
    max-height:556px;
}

.p-popup{
    color:#3e3e3e; 
    max-width:380px;
    margin:0 auto;
}

.loader{
    position:absolute;
    width:35px;
    height:35px;
}

.btn-sm{
    width:auto;
    height:35px;
    line-height:normal;
    font-size:14px;
}

#btn-select-model {
    position:absolute; 
    top:53px;
}

#btn-select-model.home-viewer{
    right: 6px;
}

#select-model {
    position:absolute;
    top:88px;
    left:inherit !important;
    width:80px;
}

#select-model > li > a{
    cursor:pointer;
}

#select-model.home-viewer {
    right:6px;
}

.style-drop {
    -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 2px 7px 0 rgba(0,0,0,0.75);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,0.75);
    color:#684282;
    border: 1px solid #CCCCCC;
    background:#FFFFFF;
    margin: 0px; 
    padding:8px;
    z-index: 888;
    position: absolute;
    list-style: none;
    display:none;
}

.cursor-pointer{
    cursor:pointer;
}

#box-slide-canvas{
    display: inline-block;
    width: 517px;
    height: 517px;
    position: relative;
    float:left;
}

#box-slide-canvas:hover .pointer{
    opacity: 0;
    transform: translateY(200%) !important;
    -moz-transform: translateY(200%) !important;
    -webkit-transform: translateY(200%) !important;
    -ms-transform: translateY(200%) !important;
}

#featured{
    background: #f3f1f3 !important;
}

.cursor-default {
    cursor:default;
}

.figure-none {
    height: 0px !important;
    width: 0px !important;
}

.slide{
    width:472px !important;
}

.text-align-center {
    text-align: center;
}

.pointer {
    width: 100%;
    height: 54px;
    position: absolute;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: ease-out,all,.5s;
    -moz-transition: ease-out,all,.5s;
    -webkit-transition: ease-out,all,.5s;
    top: 50%;
    overflow: hidden;
}

.mouseArea {
    width: 126px;
    height: 52px;
    background: #FFF;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}

.mouseArea svg {
    left: -190px;
    position: absolute;
    width: auto;
}

.mouseArea svg circle {
    stroke-dashoffset: 0px !important;
    fill-opacity: 0;
    stroke: #cab6cf;
    stroke-dasharray: 140px;
    stroke-dashoffset: 140px;
    stroke-width: 1;
    -webkit-transition: ease-out, all, 0.5s;
    -moz-transition: ease-out, all, 0.5s;
    -o-transition: ease-out, all, 0.5s;
    transition: ease-out, all, 0.5s;
    -ms-transition: ease-out, all, 0.5s;
}

.nav{
    position:relative;
    width:100%;
    list-style:none;
}

.nav li{
    display:inline-block;
}

.nav li a {
    padding:10px 15px;
    color:#622374;
    cursor:pointer;
    font-family: "Roboto";
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 300;
}

.nav li:first-child a {
    padding:10px 15px 10px 0px;
}

.nav li a:hover {
    color:#03bcd4;
}

.nav li .active{
    font-weight:bold;
}

.border-left-nav{
    border-left: 1px solid #622374;
}

.image-responsive{
    width:100% !important;
}

.margin-bottom-50{
    margin-bottom:50px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 18.4%;
}
.col-xs-1 {
  width: 8.33333333%;
}

/*============================================= 
=                Common Dashboard                =
=============================================*/

#dashboard-body{
    background: #F6F6F6 !important;
}

#dashboard-menu{
    width:160px;
    height:100%;
    position:fixed;
    background:#FFFFFF;
}

#box-logo-menu{
    padding:8px 10px 7px 10px;
    background:#411F56;
}

#box-logo-menu #icon-menu{
    margin:11px 0px 0px 0px;
}

#dashboard-content{
    margin-left:160px;
    position:relative;
    overflow:hidden;
}

#dashboard-content-header{
    position:fixed;
    width:100%;
    min-width:600px;
    height:51px;
    background:#411F56;
    padding: 0px 20px;
    z-index:999;
}

#box-search{
    padding:10px 0px 0px 0px;
}

#box-search > button{
    border:none;
    background:#FFFFFF;
    color:#b4afaf;
    margin:0px;
    padding:4px 8px;
    outline:none;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}

#box-search > input{
    border:none;
    background:#FFFFFF;
    color:#b4afaf;
    margin:0px;
    height:30px;
    width:60%;
    max-width:280px;
    outline:none;
    padding-left:10px;
    padding-right:10px;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
}

#list-menu{
    list-style: none;
    padding:0px;
    margin:20px 0px 0px 0px;
}

#list-menu > li{
    padding:8px 18px 10px 18px;
    color:#b4afaf;
    font-size:14px;
}

#list-menu > li:hover{
    color:#03bcd4;
    padding-left:15px;
    border-left: 3px solid #03bcd4;
    cursor:pointer;
}

.dashboard-menu-active{
    color:#684282 !important;
    padding-left:15px !important;
    border-left: 3px solid #411F56 !important;
}

.icon-dashboard-menu{
    width:20px;
    height:20px;
}

.span-menu{
    margin:4.5px 0px 0px 10px;
}

#dashboard-content-cards{
    height:100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding:71px 0px 0px 25px;
}

.dashboard-card{
    padding:15px;
    background:#FFFFFF;
    margin:0px 20px 20px 0px;
}

/*============================================= 
=                Common Header                =
=============================================*/

.btn-flag {
    border:none;
    background:none;
}

.box-flag-language {
    width: 42px;
    display: inline-block;
    position: relative;
}

.drop-flag{
    padding:5px 9px !important;
}

.drop-flag li {
    cursor:pointer;
}

.flag-language{
    padding:9px; 
    cursor:pointer;
}

.flag-brazil {
    width:24px;
    height:24px;
    background:url("../../Assets/flags/brazil.png") no-repeat;
}

.flag-united_states {
    width:24px;
    height:24px;
    background:url("../../Assets/flags/united_states.png") no-repeat;
}

.flag-spain {
    width:24px;
    height:24px;
    background:url("../../Assets/flags/spain.png") no-repeat;
}

.active-nav {
    color: #622374 !important;
    background: #fff !important;
}

.border-left-header-nav{
    border-left: 1px solid rgba(255, 255, 255, 0.35);
}

.nav-user-menu{
    min-width:250px;
    padding:0px !important;
    text-align:center;
}

.custom-dropdown {
    display: block;
    margin: 0;
    padding: 0;
    padding: 5px 14px;
    background-color: #fff;
    position: absolute;
    top: 42px;
    left: 0;
    width:100%;
    border-radius: 2px;
    z-index: 999;
}

.custom-dropdown li span{
    display: block !important;
    font-family: "din-regular" !important;
    font-size: 15px !important;
    color: #622374 !important;
    height:auto !important;
    line-height: 35px !important;
    border-bottom: 1px solid #efe7f0 !important;
    cursor: default !important;
}

.custom-dropdown li a {
    display: block !important;
    font-family: "din-regular" !important;
    font-size: 15px !important;
    color: #622374 !important;
    height:auto !important;
    line-height: 35px !important;
    cursor: pointer !important;
    text-transform:none !important;    
}

.custom-dropdown .last-li a {
    display: block !important;
    font-family: "din-regular" !important;
    font-size: 15px !important;
    color: #622374 !important;
    height:auto !important;
    line-height: 35px !important;    
    padding:0px !important;
    text-transform:uppercase !important;
}

.custom-dropdown li a:hover {
    background: #efe7f0 !important;
    padding-left: 25px !important;
}

.custom-dropdown .last-li a:hover{
    background: none !important;
    padding-left: 3px !important;
}

/*============================================= 
=                Common Marketplace           =
=============================================*/

.ico-load-filter {
    width:28px;
    height:28px;
}

.btn-blue-disabled {
    opacity: 0.5;
}

.btn-blue-disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.hide-filter {
    position: absolute;
    opacity: 0;
    z-index: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.show-filter {
    position: relative;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.more-filters {
    color: #03bcd4;
    font-size:13px;
    text-align: center;
    margin-top:12px;
}

    .more-filters:hover {
        opacity:0.8;
    }

.marketplace-modal-size {
    width: 80% !important;
    min-height:525px !important;
}

.modal-filter-content {
    padding: 20px;
    height: 425px; 
    overflow-y: auto;
}

.marketplace-btn-filter {
    position: absolute;
    left: 80px;
    top: 102px;
    color: #491958;
    font-size: 15px;
    padding: 5px 25px 5px 20px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    z-index:10;
}

.marketplace-btn-filter-search{
    top:108px !important;
}

.marketplace-btn-filter:hover {
    background: #efe7f0;
    cursor:pointer;
}

.marketplace-btn-filter-active {
    background: #efe7f0;
    cursor: pointer;
}

.marketplace-btn-filter span {
    margin-top: 4px;
}

.x-filter {
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.marketplace-box-filter {
    background: #f9f9f9;
    width: 200px;
    margin: 80px 50px 0px 80px;
    text-align: left;
}

.padding-filter {
    padding-right: 10px !important;
    padding-left: 20px !important;
}

.marketplace-flag-language {
    padding: 6px 0px 0px 3px;
}

.marketplace-content-filter {
    padding:15px 20px;
}

.filter-title {
    padding: 6px 0px;
    font-size: 15px;
    color: #491958;
    border-bottom: 1px solid #491958;
}

.filter-line {
    font-size: 13px;
    color: #491958;
}

.filter-line-modal {
    width:33%;
}

.filter-line label {
    margin-top: 4.3px;
}

.filter-keyword {
    outline: none;
    border: 1px solid #f3f1f3 !important;
}

.marketplace-search-modal{
    margin-right:15px !important;
}

.search-modal{
    height:30px !important;
}

.lupa-search-modal{
    top:6px !important;
    height:16px !important;
}

    .lupa-search-modal:hover {
        transform: none !important;
    }

.marketplace-featured > .title {
    text-align: center;
    font-family: "din-medium";
    font-size: 35px;
    color: #491958;
    text-transform: uppercase;
}

.marketplace-image-item {
    margin-top:10px;
} 

.content-list-items {
    margin: 80px 0px;
    text-align: center;
    width:100%;
}

.content-list-items-small {
    width: 70%;
}

.content-list-items-small-transition {
    -webkit-transition: ease-out, all, 0.8s;
    -moz-transition: ease-out, all, 0.8s;
    -o-transition: ease-out, all, 0.8s;
    transition: ease-out, all, 0.8s;
    -ms-transition: ease-out, all, 0.8s;
}

.marketplace-list-item {
    height: 200px;
    background-color: #f9f9f9;
    display: inline-block;
    width: 176px;
    margin: 0 0.22% 0.5%;
    position: relative;
}

.marketplace-figure-item {
    width: 100%;
    height: 150px;
    background-color: #e5e5e5;
    line-height: 220px;
    text-align: center;
}

.marketplace-item-title {
    font-size: 15px;
    color: #622374;
    line-height: 28px;
    margin-top: 10px;
    padding: 0 16px;
    text-align:left;
}

#marketplace-box-search {
    position: relative;
    padding: 185px 20px 0px 20px;
    max-width: 700px;
    margin: 0px auto;
}

.marketplace-center-search {
    background: transparent;
    position: relative;
    display: table;
    border-collapse: separate;
    height: 3px;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.marketplace-select-search {
    display: table-cell;
    position: relative;
    white-space: nowrap;
    width: 1%;
    margin: 0;
    padding: 0;
    z-index: 3;
}

.marketplace-lupa-search {
    display: block;
    background: transparent;
    border: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 30px;
    z-index: 3;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
}

    .marketplace-lupa-search:hover {
        transform: scale(1.2);
    }

.marketplace-btn-drop-search {
    height: 40px;
    background-color: #fff;
    border: 0;
    padding: 0 10px;
    color: #622374;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-family: "din-regular";
    font-size: 15px;
    -webkit-transition: background 0.15s ease-out;
    -moz-transition: background 0.15s ease-out;
    -o-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out;
    -ms-transition: background 0.15s ease-out;
}

    .marketplace-btn-drop-search:hover {
        background: #efe7f0;
    }

.marketplace-input-search {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    padding: 0 30px 0 5px;
    height: 40px;
    border: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.marketplace-featured {
    padding: 100px 0px !important;
}

.marketplace-partners {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
}

.marketplace-brand {
    width: 12.5%;
    display: inline-table;
    text-align: center;
    position: relative;
}

.marketplace-brand:after {
    content: "";
    display: block;
    width: 1px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
    background: #b4b0b0;
}

.marketplace-brand:last-child:after {
    background: none;
}

.marketplace-brand span {
    display: table-cell;
    vertical-align: middle;
    height: 81px;
}

.marketplace-padding-top {
    padding-top: 190px !important;
}

.marketplace-h2 {
    text-align: center;
    font-family: "din-medium";
    font-size: 35px;
    color: #491958;
    text-transform: uppercase;
}

.marketplace-select-search::after {
    content: "";
    width: 1px;
    height: 22px;
    margin-top: 9px;
    right: 0;
    position: absolute;
    background: #8b969b;
    opacity: .35;
}

.ul-search {
    display: block;
    margin: 0;
    padding: 0;
    padding: 5px 14px;
    background-color: #fff;
    position: absolute;
    top: 42px;
    left: 0;
    border-radius: 2px;
    z-index: 9;
}

.ul-search li {
    display: block;
    font-family: "din-regular";
    font-size: 15px;
    color: #622374;
    width: 106px;
    height: 41px;
    line-height: 41px;
    border-bottom: 1px solid #efe7f0;
    cursor: pointer;
}

.ul-search li:hover {
    background: #efe7f0;
    padding-left: 3px;
}

.ul-search li:last-child {
    border-bottom: none;
}

/*============================================= 
=                Common Home                =
=============================================*/

.galleries-home{
    margin-top:-100px !important;
}

.owl-home{
    margin-top:0px !important;
}

.figure-item{
    cursor: url(../../Assets/zoom.png),default;
}

/*============================================= 
=                Common Research              =
=============================================*/

.textarea-blue{
    display: block;
    width: 100%;
    height: 238px;
    background-color: #03bcd4;
    color: #fff;
    border: 0;
    border-radius: 3px;
    padding: 10px 10px 10px 95px;
}

.textarea-label{
    height: 212px !important;
    line-height: 202px !important;
}

#btn-image{
    width:85px;
    background-color: #622374;
    border: none;
    padding:5px 0px;   
    border-radius:3px;
    webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    border: 1px solid #622374;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
}

#btn-image:hover {
    -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px 3px #000;
}

#btn-image span{
    color: #FFFFFF !important;
}

#file-name{
    padding:7px 0px 0px 10px;
    font-size:14px;
    color: #656565;
}

.transition{
    -webkit-transition: ease-out, all, 0.5s;
    -moz-transition: ease-out, all, 0.5s;
    -o-transition: ease-out, all, 0.5s;
    transition: ease-out, all, 0.5s;
    -ms-transition: ease-out, all, 0.5s;
}

.hide-message {
    position:absolute; 
    text-align:center;
    bottom:0px;
    width:100%;
    border-radius:3px;
    padding:10px 0px;
    opacity:0;
    z-index:-10;
}

.show-message {
    bottom:100px;
    opacity:1;  
    z-index:0; 
}

.success-message{
    color:#64cc34;
}

.error-message{
    color:#ff2727;
}

.research-sub-title{
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 0px !important;
    text-align: center;
    letter-spacing: 0.3px;
}

.research-title{
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    color: #491958;
    text-transform: uppercase;
    margin: 30px 0px 5px;
    text-align:center;
}

.research-text{
    font-size: 14px;
    line-height: 24px;
    color: #656565;
    text-align:center;
}

/*============================================= 
=                Common Libraries             =
=============================================*/

.box-brand-explore{
    background-color: #f9f9f9;
    display: inline-block;
    position: relative;
    width: 265px;
    margin: 0 0.40% 20px 0.40%;
   -webkit-box-shadow: 0px 10px 14px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 14px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 14px -4px rgba(0,0,0,0.75);
    text-align:left;
}

.box-brand-explore:hover{
    -webkit-box-shadow: 0px 10px 14px -4px rgba(104,66,130,1);
    -moz-box-shadow: 0px 10px 14px -4px rgba(104,66,130,1);
    box-shadow: 0px 10px 14px -4px rgba(104,66,130,1);
}

.brand-image{
    position:relative;
    width: 100%;
    height: 150px;
    background-color: #e5e5e5;
    text-align: center;
    overflow:hidden;
}

.brand-image > img{
    height:100%;
}

.box-library{
    background-color: #f9f9f9;
    display: inline-block;
    position: relative;
    width: 265px;
    margin: 0 0.40% 20px 0.40%;
   -webkit-box-shadow: 0px 10px 14px -7px rgba(0,0,0,1);
    -moz-box-shadow: 0px 10px 14px -7px rgba(0,0,0,1);
    box-shadow: 0px 10px 14px -7px rgba(0,0,0,1);
}

.box-library:hover{
    -webkit-box-shadow: 0px 10px 14px -4px rgba(104,66,130,1);
    -moz-box-shadow: 0px 10px 14px -4px rgba(104,66,130,1);
    box-shadow: 0px 10px 14px -4px rgba(104,66,130,1);
}

.image-nautilus{
    height:150px;
}

.image-lib{
    width:100%;
}

.box-library-image{
    position:relative;
    width: 100%;
    height: 150px;
    background-color: #e5e5e5;
    text-align: center;
    overflow:hidden;
    margin-top: 40px;
}

.box-content-library{
    position:relative;
    height:175px;
    text-align:left;
    background:#f9f9f9;
}

.name-items {
    position: absolute;
    width: 265px;
    height: 30px;
    padding-top: 0px;
    background: #684282;
    text-align: center;
    padding-top: 5px;
    color: #FFFFFF;
    top:5px;
}

.total-items{
    position: absolute;
    width: 100px;
    height: 30px;
    padding-top: 6px;
    background: #684282;
    text-align: center;
    color: #FFFFFF;
    top: 115px;
    left: 50%;
    margin-left: -50px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.box-brand-name{
    position: absolute;
    top: 4px;
    left: 4px;
    font-size:14px;
}

.box-brand-name:hover .text-brand{
    text-decoration:underline;
}

.box-image-item{
    position:relative;
    margin: 5px 1px 0px 6px;
    width: 30%;
    height: 60px;
    border: 1px solid #CCCCCC;
    max-height: 70px;
    background: #e8e6e6;
    padding: 0px !important;
    text-align: center;
}

.mini-image-item{
    height:58px;
    margin:0px auto;
}

.title-library{
    font-size: 15px;
    color: #622374;
    line-height: 28px;
    margin-top: 10px;
    padding: 0 16px;
}

.description-library{
    color: #4c4b4b;
    font-size: 13px;
    padding: 0 10px;
    margin-top: 15px;
}

.author-library{
    color: #4c4b4b;
    font-size: 12px;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.author-library > a{
    color: #4c4b4b;
}

.author-library > a:hover{
    color: #03bcd4;
}

.ico-verify{
    width:16px;
    height:16px;
    margin:1px 0px 0px 5px;
}

/*============================================= 
=                Common Media                 =
=============================================*/

@media (max-width: 1300px) {

    .slide {
        width: 100% !important;
        float: none !important;
    }

    .figure-none {
        display: none !important;
    }

    #box-slide-canvas {
        width: 100% !important;
        float: none !important;
        position: relative;
        text-align: center;
    }
}

@media (max-width: 1140px) {

    .content-list-items-small {
        width:65%;
    }

}

@media (max-width: 1075px) {

    .marketplace-btn-filter-search{
        top:50px !important;
    }

}

@media (max-width: 980px) {
    .content-list-items-small {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}

@media (max-width: 860px) {
    .marketplace-btn-filter{
        position:initial;
        margin-bottom:20px;
    } 
    
    .content-list-items-small {
        width: 55%;
    }
}

@media (max-width: 800px) {

    #box-search {
        padding-top: 220px;
    }
}