/* ---------------------- 
Stylesheet Guide
-------------------------

GENERAL
ICONS
SIDE PANEL
SOCIAL ICONS
RESPONSIVE VIDEO
GRID
CIRCLE GRID
SLIDER
SKILLS
CV
QUOTE
FORMS
THUMBNAIL GRID
CIRCLE THUMBNAIL GRID
FILTERS
PAGER

*/


/* ================= GENERAL ================== */

html {
    -ms-overflow-style: scrollbar !important;
}

.dv-clear {
    clear: both;
}

.dv-panel h1,
.dv-panel h2,
.dv-panel h3,
.dv-panel h4,
.dv-panel h5,
.dv-panel h6,
.teamlist-popup h1,
.teamlist-popup h2,
.teamlist-popup h3,
.teamlist-popup h4,
.teamlist-popup h5,
.teamlist-popup h6 {
    line-height: 1;
}

/* ================= ICONS ================== */

@font-face {
    font-family: 'dvteam';
    src: url('font/dvteam.eot?43534067');
    src: url('font/dvteam.eot?43534067#iefix') format('embedded-opentype'),
        url('font/dvteam.woff2?43534067') format('woff2'),
        url('font/dvteam.woff?43534067') format('woff'),
        url('font/dvteam.ttf?43534067') format('truetype'),
        url('font/dvteam.svg?43534067#dvteam') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="dvteamicon-"]:before, [class*=" dvteamicon-"]:before {
    font-family: "dvteam";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
  
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
  
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
  
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  
.dvteamicon-cancel:before { content: '\e800'; }
.dvteamicon-blogger:before { content: '\e801'; }
.dvteamicon-right-open:before { content: '\f006'; }
.dvteamicon-left-open:before { content: '\f007'; }
.dvteamicon-info:before { content: '\e802'; }
.dvteamicon-twitter:before { content: '\f099'; }
.dvteamicon-facebook:before { content: '\f09a'; }
.dvteamicon-linkedin:before { content: '\f0e1'; }
.dvteamicon-github:before { content: '\f113'; }
.dvteamicon-youtube:before { content: '\f167'; }
.dvteamicon-xing:before { content: '\f168'; }
.dvteamicon-instagram:before { content: '\f16d'; }
.dvteamicon-flickr:before { content: '\f16e'; }
.dvteamicon-tumblr:before { content: '\f173'; }
.dvteamicon-apple:before { content: '\f179'; }
.dvteamicon-android:before { content: '\f17b'; }
.dvteamicon-dribbble:before { content: '\f17d'; }
.dvteamicon-skype:before { content: '\f17e'; }
.dvteamicon-foursquare:before { content: '\f180'; }
.dvteamicon-vkontakte:before { content: '\f189'; }
.dvteamicon-slack:before { content: '\f198'; }
.dvteamicon-google:before { content: '\f1a0'; }
.dvteamicon-delicious:before { content: '\f1a5'; }
.dvteamicon-digg:before { content: '\f1a6'; }
.dvteamicon-behance:before { content: '\f1b4'; }
.dvteamicon-deviantart:before { content: '\f1bd'; }
.dvteamicon-soundcloud:before { content: '\f1be'; }
.dvteamicon-vine:before { content: '\f1ca'; }
.dvteamicon-twitch:before { content: '\f1e8'; }
.dvteamicon-lastfm:before { content: '\f202'; }
.dvteamicon-pinterest:before { content: '\f231'; }
.dvteamicon-whatsapp:before { content: '\f232'; }
.dvteamicon-medium:before { content: '\f23a'; }
.dvteamicon-odnoklassniki:before { content: '\f263'; }
.dvteamicon-amazon:before { content: '\f270'; }
.dvteamicon-vimeo:before { content: '\f27d'; }
.dvteamicon-snapchat-ghost:before { content: '\f2ac'; }
.dvteamicon-etsy:before { content: '\f2d7'; }


/* ================= SIDE PANEL ================== */

.overflow-hidden {
    overflow: hidden !important;
}

#dv-overlay {
    position: fixed;
    z-index: 999999999;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden !important;
}

.dv-panel {
    display: none;
    max-width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.dv-panel hr,
.teamlist-popup hr {
    padding: 0px !important;
    outline: none !important;
    border: none !important;
}

.dv-panel p {
    line-height: 1.7;
    margin-bottom: 30px;
}

.dv-panel p:last-child {
    margin-bottom: 0px;
}

.dv-panel-left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 100%;
}

.dv-panel-right {
    padding-left: 50px;
}

.dv-panel-inner {
    margin: 0px !important;
}

.dv-panel-title {
    position: relative;
    display: flex;
    line-height: 1 !important;
    margin: 0px;
    padding: 20px 30px;
    align-items: center;
}
  
.close-dv-panel-bt {
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
    margin-left:auto;
    font-size:22px;
    cursor: pointer;
}

.close-dv-panel-bt:hover {
    opacity: 1;
}

.dv-panel-info {
    display: block;
    line-height: 1 !important;
    margin: 0px !important;
}

.dv-panel-image {
    margin: 0px !important;
    padding: 0px !important;
}

.dv-panel-image img {
    margin: 0px;
    padding: 0px;
    width: 100% !important;
    height: auto !important;
    vertical-align: bottom;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: none !important;
}


/* ================= SOCIAL ICONS ================== */

.dvteam-icons {
    list-style: none !important;
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    vertical-align: middle;
    width: 50px !important;
}

.dv-panel-right {
    padding-left: 50px;
}

.dvteam-icons li {
    display: block;
    margin: 0px !important;
    padding: 0px !important;
    width: 50px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size:16px;
    text-align: center;
    line-height: 50px;
}

.dvteam-icons li.facebook:hover {
    background-color: #3b5998;
}

.dvteam-icons li.twitter:hover {
    background-color: #00aced;
}

.dvteam-icons li.google:hover {
    background-color: #dd4b39;
}

.dvteam-icons li.linkedin:hover {
    background-color: #007bb6;
}

.dvteam-icons li.instagram:hover {
    background-color: #517fa4;
}

.dvteam-icons li.skype:hover {
    background-color: #12A5F4;
}

.dvteam-icons li.vimeo:hover {
    background-color: #aad450;
}

.dvteam-icons li.youtube:hover {
    background-color: #bb0000;
}

.dvteam-icons li.android:hover {
    background-color: #a4c639;
}

.dvteam-icons li.amazon:hover {
    background-color: #ff9900;
}

.dvteam-icons li.behance:hover {
    background-color: #1769ff;
}

.dvteam-icons li.blogger:hover {
    background-color: #f57d00;
}

.dvteam-icons li.delicious:hover {
    background-color: #3399ff;
}

.dvteam-icons li.deviantart:hover {
    background-color: #05cc47;
}

.dvteam-icons li.digg:hover {
    background-color: #005be2;
}

.dvteam-icons li.dribbble:hover {
    background-color: #ea4c89;
}

.dvteam-icons li.etsy:hover {
    background-color: #d5641c;
}

.dvteam-icons li.flickr:hover {
    background-color: #ff0084;
}

.dvteam-icons li.github:hover {
    background-color: #4078c0;
}

.dvteam-icons li.pinterest:hover {
    background-color: #e60023;
}

.dvteam-icons li.vk:hover {
    background-color: #45668e;
}

.dvteam-icons li.snapchat:hover {
    background-color: #fffc00;
}

.dvteam-icons li.tumblr:hover {
    background-color: #35465c;
}

.dvteam-icons li.twitch:hover {
    background-color: #9146ff;
}

.dvteam-icons li.vine:hover {
    background-color: #00b488;
}

.dvteam-icons li.foursquare:hover {
    background-color: #f94877;
}

.dvteam-icons li.soundcloud:hover {
    background-color: #ff8800;
}

.dvteam-icons li.odnoklassniki:hover {
    background-color: #ed812b;
}

.dvteam-icons li.xing:hover {
    background-color: #026466;
}

.dvteam-icons li.lastfm:hover {
    background-color: #d51007;
}

.dvteam-icons li.medium:hover {
    background-color: #00ab6c;
}

.dvteam-icons li.slack:hover {
    background-color: #3eb991;
}

.dvteam-icons li.whatsapp:hover {
    background-color: #25d366;
}

.dvteam-icons li a {
    display: block;
    margin: 0px !important;
    padding: 0px !important;
    transition: background 0.2s ease-in-out;
    outline: none !important;
    border: none !important;
    color:#fff;
}

.dvteam-icons li a:hover {
    color:#fff;
}


/* ================= RESPONSIVE VIDEO ================== */

.dv-panel-video {
    position: relative;
    padding-bottom: 67.5% !important;
    height: 0;
    overflow: hidden !important;
}

.dv-panel-video iframe,
.dv-panel-video object,
.dv-panel-video embed,
.dv-panel-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    outline: none;
    border: none;
}


/* ================= GRID ================== */

.dvteamgrid li.dvgrid-animate {
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.dvteamgrid li {
    float: left;
    padding: 0px !important;
    margin: 0px !important;
    opacity: 1;
    width: 200px;
    list-style: none !important;
}

.dvteamgrid li.wookmark-inactive {
    visibility: hidden;
    opacity: 0;
}

.dvteamgrid img {
    width: 100%;
    display: block;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: none !important;
    transition: all 0.6s ease-in-out;
    vertical-align: bottom !important;
    overflow: hidden !important;
    backface-visibility: hidden;
}

.dvteamgrid figure a {
    position: relative;
    overflow: hidden !important;
    display: block;
    outline: none !important;
    padding: 0px !important;
    margin: 0px !important;
    vertical-align: bottom !important;
    border: none !important;
    text-decoration: none !important;
}

.dvteamgrid figure {
    overflow: hidden !important;
    position: relative;
    padding: 0px !important;
    margin: 0px !important;
}

.dvteamgrid .dv-member-zoom {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto !important;
    opacity: 0;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    color:#fff;
    line-height:60px;
    text-align:center;
    font-size:22px;
}

.dv-member-zoom:before {
    content: '+';
    font-weight: bold;
    font-size: 30px;
    line-height: inherit;
}

.dvteamgrid .dv-member-desc {
    position: absolute;
    left: 0px;
    bottom: 15px;
    overflow: hidden !important;
    transition: all 0.6s linear;
    cursor: pointer;
    backface-visibility: hidden;
    line-height: 1;
}

.dvteamgrid .dv-member-desc div {
    margin: 0px;
    padding: 0px;
    overflow: hidden !important;
    line-height: 1;
}

.dvteamgrid .dv-member-name,
.dvteamgrid .dv-member-info {
    line-height: 1 !important;
    padding: 10px 12px;
    display: inline-block;
}

.dvteamgrid .dv-member-name {
    transition: all 0.4s linear;
}

.dvteamgrid .dv-member-info {
    transition: all 0.8s linear;
}

.dvteamgrid figure:hover .dv-member-zoom {
    opacity: 1;
}


/* Remove mouse over effect on touch devices */

.dvteamgrid figure:hover img.rmveffect {
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
}

.dvteamgrid figure:hover .dv-member-zoom.rmveffect {
    display: none !important;
}

.dvteamgrid figure:hover .dv-member-name.rmveffect,
.dvteamgrid figure:hover .dv-member-info.rmveffect,
.dvteamgrid figure:hover .dv-member-desc.rmveffect {
    -webkit-transform: translateX(0%) !important;
    -moz-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
}

/* Remove mouse over effect on touch devices END */

@-webkit-keyframes dv-zoomin {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes dv-zoomin {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.dv-zoomin {
    -webkit-animation-name: dv-zoomin;
    animation-name: dv-zoomin;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes dv-zoomout {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 0;
    }
}

@keyframes dv-zoomout {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 0;
    }
}

.dv-zoomout {
    -webkit-animation-name: dv-zoomout;
    animation-name: dv-zoomout;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/* ================= CIRCLE GRID ================== */

.dvteamgrid-circle.dvteamgrid figure a,
.dvteamgrid-circle.dvteamgrid figure a img,
.dvteamgrid-circle.dvteamgrid figure {
    border-radius: 100% !important;
}

.dvteamgrid-circle.dvteamgrid figure {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
}

.dvteamgrid-circle.dvteamgrid .dv-member-desc {
    text-align: center;
    right: 0px;
    bottom: 30px !important;
}

/* ================= SLIDER ================== */

.dvteam-slider {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    text-align: center;
    margin: 0px;
}

.dvteam-slider .slidizle-slide {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    backface-visibility: hidden;
    display: block !important;
}

.dvteam-slider .slidizle-slide.active {
    opacity: 1;
}

.slidizle {
    position: relative;
    overflow: hidden !important;
}

.slidizle-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slidizle-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    display: none;
}

.slidizle-slide.active {
    display: block;
}

.slidizle-next,
.slidizle-previous {
    position: absolute;
    top: 50%;
    z-index: 30;
    cursor: pointer;
    transition: opacity 0.2s ease-in-out;
    width: 16px;
    height: 30px;
    opacity: 0.7;
    color:#fff;
    line-height:1;
    font-size:22px;
    transform:translateY(-50%);
}
.slidizle-next:before {
    font-family: 'dvteam';
    content: '\f006';
}

.slidizle-previous:before {
    font-family: 'dvteam';
    content: '\f007';
}

.slidizle-next:hover,
.slidizle-previous:hover {
    opacity: 1;
}

.slidizle-next.disabled,
.slidizle-previous.disabled {
    opacity: .2;
    cursor: default;
}

.slider-content {
    list-style: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

.slider-content li {
    margin: 0px !important;
    padding: 0px !important;
}

.slidizle-navigation {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
    margin: 0px !important;
    padding: 0px !important;
}

.slidizle-navigation li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: #fff;
    opacity: 0.2;
    font-size: 1px;
    text-indent: -99999px;
    margin: 0 5px !important;
    padding: 0px !important;
    cursor: pointer;
    transition: opacity 0.2s ease-in-out;
}

.slidizle-navigation li:hover,
.slidizle-navigation li.active {
    opacity: 1;
}


/* ================= SKILLS ================== */

.dvskills {
    position: relative;
    margin-bottom: 30px;
}

.dvskillbar {
    position: relative;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    height: 40px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
    border-style: solid;
}

.dvskillbar:last-child {
    margin-bottom: 0px;
}

.dvskillbar-title {
    position: absolute;
    top: 0;
    left: 0;
}

.dvskillbar-title span {
    display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px !important;
}

.dvskillbar-bar {
    height: 40px;
    width: 0px;
    -webkit-animation: animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
    -o-animation: animate-bg 5s linear infinite;
    animation: animate-bg 5s linear infinite;
    background-size: 40px 40px;
}

.dvskill-bar-percent {
    position: absolute;
    right: 10px;
    top: 0;
    height: 40px;
    line-height: 40px !important;
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -80px 0;
    }
}

@-webkit-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -80px 0;
    }
}

@-moz-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -80px 0;
    }
}

@-o-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -80px 0;
    }
}


/* ================= CV ================== */

.dvcv-title {
    line-height: 1 !important;
    margin: 0px 0px 15px 0px !important;
    padding: 0px !important;
}

.dvcv-subtitle {
    line-height: 1 !important;
    margin: 0px !important;
    padding: 0px !important;
}


/* ================= QUOTE ================== */

.dvteam-blockquote p {
    margin: 0 !important;
    font-style: italic;
}

.dvteam-blockquote {
    padding: .75em !important;
    margin: 0px !important;
}

.dvteam-blockquote:before {
    content: open-quote;
    line-height: .1em;
    vertical-align: -.4em;
    margin-right: .25em;
}

.dvteam-blockquote:after {
    content: close-quote;
    line-height: .1em;
    vertical-align: -.6em;
    margin-left: .25em;
}

.dvteam-blockquote p {
    display: inline;
}


/* ================= FORMS ================== */

.dv-panel input,
.dv-panel textarea,
.teamlist-popup input,
.teamlist-popup textarea {
    width: 100% !important;
    margin: 0px 0px 20px 0px !important;
    padding: 10px;
    transition: all 0.2s ease-in-out;
    border-radius: 0px !important;
    border: 3px solid transparent;
    box-sizing: border-box;
}

.dv-panel input[type="checkbox"],
.dv-panel input[type="radio"],
.teamlist-popup input[type="checkbox"],
.teamlist-popup input[type="radio"] {
    width: auto;
    margin: 5px 0px;
    padding: 0px;
}

.dv-panel input:focus,
.dv-panel textarea:focus,
.dv-panel select:focus,
.teamlist-popup input:focus,
.teamlist-popup textarea:focus,
.teamlist-popup select:focus {
    outline: none !important;
}

.dv-panel textarea,
.teamlist-popup textarea {
    height: 100px;
}

.dv-panel input.wpcf7-form-control.wpcf7-submit,
.teamlist-popup input.wpcf7-form-control.wpcf7-submit {
    width: auto !important;
    cursor: pointer;
    line-height: 1;
    margin: 0px !important;
    outline: none;
    padding: 15px 20px 15px 20px;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

.dv-panel input:focus,
.dv-panel textarea:focus,
.teamlist-popup input:focus,
.teamlist-popup textarea:focus {
    background: transparent !important;
}

.dv-panel input.wpcf7-form-control.wpcf7-submit,
.teamlist-popup input.wpcf7-form-control.wpcf7-submit {
    border: none !important;
}

.dv-panel input.wpcf7-form-control.wpcf7-submit:hover,
.teamlist-popup input.wpcf7-form-control.wpcf7-submit:hover {
    border: none !important;
}

.dv-panel div.wpcf7-mail-sent-ok,
.dv-panel div.wpcf7-mail-sent-ng,
.dv-panel div.wpcf7-spam-blocked,
.dv-panel div.wpcf7-validation-errors,
.teamlist-popup div.wpcf7-mail-sent-ok,
.teamlist-popup div.wpcf7-mail-sent-ng,
.teamlist-popup div.wpcf7-spam-blocked,
.teamlist-popup div.wpcf7-validation-errors {
    border-width: 0px 0px 0px 3px !important;
    padding: 20px !important;
    margin: 30px 0px 0px 0px !important;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dv-panel .wpcf7-form select,
.teamlist-popup .wpcf7-form select {
    padding: 15px !important;
}

.dv-panel .wpcf7-form p,
.teamlist-popup .wpcf7-form p {
    margin: 0px;
}

.dv-panel span.wpcf7-not-valid-tip,
.teamlist-popup span.wpcf7-not-valid-tip {
    margin-top: -15px;
}

.owl-theme .owl-controls {
    margin-top: 20px !important;
}


/* ================= THUMBNAIL GRID ================== */

.dvteam-thumbnails li {
    float: left;
    position: relative;
    margin: 0px !important;
    padding: 0px !important;
    overflow: hidden!important;
    border: none !important;
}

.dvteam-thumbnails li a img {
    border-radius: 0px !important;
    box-shadow: none !important;
    border: none !important;
    transition: all 0.2s ease-in-out;
    vertical-align: bottom !important;
    overflow: hidden !important;
    backface-visibility: hidden;
    width: 100% !important;
    height: auto !important;
}

.dvteam-thumbnails li a,
.dvteam-thumbnails li a img {
    display: block;
    position: relative;
    outline: 0 !important;
    margin: 0px !important;
    padding: 0px !important;
}

.dvteam-thumbnails li a {
    overflow: hidden !important;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.dvteam-thumbnails li a:before {
    font-family: 'dvteam';
    content: '\e802';
    position:absolute;
    top:50%;
    color:#fff;
    text-align: center;
    transform:translateY(-50%);
    font-size:22px;
    opacity:0;
    left:0;
    right:0;
    width:100%;
    transition: all 0.2s ease-in-out;
  }
  .dvteam-thumbnails li a:hover:before {
    opacity: 1;
  }

/* ================= CIRCLE THUMBNAIL GRID ================== */

.dvteamgrid-circle.dvteam-thumbnails li a,
.dvteamgrid-circle.dvteam-thumbnails li a img,
.dvteamgrid-circle.dvteam-thumbnails li {
    border-radius: 100% !important;
}
.dvteamgrid-circle.dvteam-thumbnails li {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
}


/* ================= FILTERS ================== */

.dvfilters {
    list-style-type: none !important;
    text-align: center;
    margin: 0px !important;
    padding: 0px !important;
    display: inline-block;
}

.dvfilters-clear {
    clear: both;
    border: none !important;
    outline: none !important;
    background: none !important;
}

.dvfilters li {
    float: left;
    cursor: pointer;
    margin: 0px 1px 1px 0px!important;
    width: auto;
    transition: all 0.2s ease-in-out;
    list-style: none !important;
}


/* ================= PAGER ================== */

.dvteam-blogpager {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin: 0px !important;
}

.dvteam-blogpager.thumb-pager {
    margin-top: 15px !important;
}

.dvteam-previous {
    float: left;
    width: 50%;
    padding: 0px !important;
}

.dvteam-next {
    float: right;
    width: 50%;
    text-align: right;
    padding: 0px !important;
}

.dvteam-previous a,
.dvteam-next a {
    text-decoration: none !important;
    outline: none !important;
    width: auto;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    margin: 0px;
    padding: 15px 20px 15px 20px !important;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    border: none !important;
    font-weight: 700;
    word-spacing: 0.1em;
    letter-spacing: 0.01em;
}