/*----*****---- << 03. Transition >> ----*****----*/
a,
input[type=submit],
button,
input[type=button],
input[type="reset"],
.dt-sc-ico-content.type4 .icon span,
.dt-sc-ico-content.type3 .icon,
.dt-sc-ico-content.type5 .icon,
h5.dt-sc-toggle:before,
h5.dt-sc-toggle-accordion:before,
.dt-sc-ico-content.type8 .icon,
.dt-sc-ico-content.type7 .icon,
.dt-sc-ico-content.type6 .icon,
.dt-sc-callout-box .icon,
.entry-details .entry-metadata p a span,
ul.products li .product-details .price .amount,
.dt-gallery figure > img,
.widget ul li:before,
.dt-sc-gift-card .price,
.dt-sc-gift-card h4,
.dt-sc-ico-content.type1 .icon,
.dt-sc-ico-content.type1 .image img,
.blog-entry .entry-thumb img,
.dt-sc-team.type1,
.dt-sc-gift-card .image img,
.dt-gallery .image-overlay .links .views,
ul.products li .product-title h3,
#main-menu ul li.menu-item-simple-parent ul li,
.page-link a span,
.portfolio,
.dt-sc-ico-content.type2 .icon,
.dt-sc-ico-content.type2,
.dt-sc-button:hover,
.blog-overlay,
.dt-sc-testimonial .author img,
.dt-sc-pro-detail .dt-sc-pro-content h3,
.dt-sc-programs .dt-sc-pro-detail,
.dt-sc-pro-detail .dt-sc-pro-content,
.dt-excersises,
.dt-excersises .dt-excersise-detail,
.dt-excersises .dt-excersise-meta,
.dt-sc-event,
.dt-sc-event .event-thumb img,
.galler-thumbnail li img,
.megamenu-child-container .dt-sc-pro-thumb .programs-overlay,
.dt-sc-team.type2 .team-detail,
.dt-sc-team.type2 .dt-sc-social-icons,
.full-add img,
.dt-sc-team.type2 h3,
.add1 img,
.header4 #logo,
.header4 #logo img,
.dt-sc-ico-content.type8 .icon-overlay,
.dt-sc-ico-content.type8,
#footer .widget .recent-posts-widget li:hover,
.dt-excersises.type1 .dt-excersise-thumb img {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.social-share-icons li img {
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotating {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.dt-sc-popular-procedures:hover .image:before,
.dt-sc-testimonial:hover .author span:before,
.dt-sc-team:hover .image:before {
    -webkit-animation: rotating 0.1s linear infinite;
    -moz-animation: rotating 0.1s linear infinite;
    -ms-animation: rotating 0.1s linear infinite;
    -o-animation: rotating 0.1s linear infinite;
    animation: rotating 0.1s linear infinite;
}

.dt-sc-gift-card:hover .image img,
.dt-sc-gift-card.selected .image img {
    -moz-transform: scale(1.1) rotate(0deg) translate(0px);
    -webkit-transform: scale(1.1) rotate(0deg) translate(0px);
    -o-transform: scale(1.1) rotate(0deg) translate(0px);
    transform: scale(1.1) rotate(0deg) translate(0px);
}

.add1 .add-offer:after {
    transition: all 0.4s cubic-bezier(0.74, 0.01, 0, 1) 0s;
}

/*----*****---- << Team >> ----*****----*/

.dt-sc-team {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0px 0px 6px;
    position: relative;
}

.dt-sc-team.type1 {
    text-align: center;
    background: #e6e6e6;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    overflow: hidden;
    z-index: 1;
    padding: 30px 0px 20px 0px;
}

.dt-sc-team.type1 .dt-sc-team-thumb {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 0px 20px;
    position: relative;
}

.dt-sc-team.type1 .dt-sc-team-thumb img {
    max-width: 130px;
    border-radius: 100%;
    border: 5px solid #e6e6e6;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

.dt-sc-team.type1 h4 {
    text-transform: uppercase;
    color: #4d4d4d;
    margin-bottom: 5px;
}

.dt-sc-team.type1 h6 {
    font-style: italic;
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 28px;
}

.dt-sc-team.type1:hover .dt-sc-team-thumb img {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}

.dt-sc-team.type1 .team-details {
    text-align: center;
    clear: both;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 20px 0px 5px;
}

.dt-sc-team.type1 p {
    clear: both;
    color: #4d4d4d;
}

.dt-sc-team.type1 .seperator {
    border-bottom: 1px solid #e6e6e6;
    margin: 2px auto 15px;
    max-width: 190px;
    color: #bdbdbd;
}

.dt-sc-team.type1 .seperator > span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    top: 10px;
}

.dt-sc-team.type1 .dt-sc-social-icons {
    margin-bottom: 13px;
}

.dt-sc-team.type1 .dt-sc-social-icons li {
    background: #fff;
}

.dt-sc-team.type1 .social-icons {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0px 0px;
    padding: 0px;
    border: 1px solid #d3d3d3;
    border-left: 0px;
    line-height: normal;
    height: 40px;
    display: inline-table;
}

.dt-sc-team.type1 .social-icons li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    height: 40px;
    border-left: 1px solid #d3d3d3;
    text-align: center;
    display: table-cell;
}

.dt-sc-team.type1 .social-icons li a {
    background: #ffffff;
    color: #868686;
    font-size: 16px;
    line-height: 40px;
    display: block;
    outline: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.dt-sc-team.type1 .dt-sc-social-icons li:hover a {
    color: #ffffff;
}

.dt-sc-team.type1 .dt-sc-button {
    background-size: 100%;
}

.dt-sc-team.type1::before,
.dt-sc-team.type1::after {
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: inherit;
}

.dt-sc-team.type1::after {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: #fff;
}

.dt-sc-team.type1::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.dt-sc-team.type1:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/*----*****---- << Team type2 >> ----*****----*/

.dt-sc-team.type2 {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 0;
}

.dt-sc-team.type2 h3 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 20px;
    display: inline-block;
    position: absolute;
    left: 15px;
    bottom: 15%;
    transition:all .2s ease;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
}

.dt-sc-team.type2 h3 span {
    background: rgba(255, 255, 255, 0.7);
    padding: 10px 15px;
    display: inline-block;
    color: #000;
    line-height: 1.2;
    max-width: 215px;
}

.dt-sc-team.type2:hover h3 {
    top:0;
    width: 89%;
}

.dt-sc-team.type2 .team-thumb {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.dt-sc-team.type2 .team-thumb img {
    float: left;
    -webkit-backface-visibility: hidden;
    width: 100%;
}

.dt-sc-team.type2 .team-detail {
    padding: 30px 20px 20px;
    color: #fff;
    display: inline-block;
    position: absolute;
    bottom: -50px;
    left: 0;
    height: 0;
    width: 100%;
}

.dt-sc-team.type2:hover .team-detail {
    height: 83%;
    width: 100%;
}

.dt-sc-team.type2 .team-detail h4 {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff;
}

.dt-sc-team.type2 .team-detail ul {
    margin-bottom: 0;
    padding-left: 0;
}

.dt-sc-team.type2 .team-detail li {
    display: inline-block;
    width: 100%;
}

.dt-sc-team.type2 .team-detail li span {
    width: 17px;
    margin-right: 10px;
}

.dt-sc-team.type2 .dt-sc-social-icons {
    text-align: center;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
}

.dt-sc-team.type2:hover .dt-sc-social-icons {
    height: 50px;
    bottom: -50px;
}

.dt-sc-team.type2:hover .dt-sc-social-icons {
    border: 1px solid #c1252d;
    border-top: 1px solid #fff;
}

.dt-sc-team.type2 .dt-sc-social-icons,
.dt-sc-team.type2 .dt-sc-social-icons li,
.dt-sc-team.type2 .dt-sc-social-icons li a {
    height: 0;
}

.dt-sc-team.type2:hover .dt-sc-social-icons li,
.dt-sc-team.type2:hover .dt-sc-social-icons li a {
    height: 48px;
}

.dt-sc-team.type2 .dt-sc-social-icons {
    width: 100%;
}

.dt-sc-team.type2 .dt-sc-social-icons li {
    display: inline-block;
    padding-bottom: 0;
    background-color: transparent;
    border: 0;
    float: none;
    margin-left: -4px;
}

.dt-sc-team.type2 .dt-sc-social-icons li a {
    color: #fff;
    width: 48px;
    line-height: 48px;
    border-right: 1px solid;
    overflow: hidden;
}

.dt-sc-team.type2 .dt-sc-social-icons li:first-child a {
    border-left: 1px solid;
}