﻿@charset "utf-8";

/* CSS Document */

/*----*****---- << Shortcodes >> ----*****----*/

.dt-sc-hr {
    background: url(images/splitter.png) repeat-x;
    clear: both;
    display: block;
    float: left;
    height: 10px;
    margin: 40px 0px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.dt-sc-hr-medium {
    background: url(../images/splitter-medium.png) repeat-x;
    clear: both;
    display: block;
    float: left;
    height: 16px;
    margin: 40px 0px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.dt-sc-hr-large {
    background: url(../images/splitter-large.png) repeat-x;
    clear: both;
    display: block;
    float: left;
    height: 22px;
    margin: 40px 0px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.dt-sc-hr.top { width: 96%; }

.dt-sc-hr.top {
    background-position: right center;
    text-align: right;
}

.dt-sc-hr.top a {
    background: transparent;
    color: rgba(0, 0, 0, 0.5);
    font-size: 11px;
    line-height: 16px;
    padding-left: 5px;
    position: absolute;
    right: -4%;
    top: -4px;
}

.dt-sc-hr.top a:hover { color: #303030; }

.dt-sc-hr.top a span { margin-right: 2px; }

.dt-sc-spilter {
    background: url(images/hr-white-two.png) 50% 50%;
    display: block;
    float: left;
    height: 30px;
    margin: 40px 0;
    width: 100%;
}

.dt-sc-border1 {
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    display: block;
    padding-bottom: 30px;
}

.dt-sc-border2 {
    border-bottom: 1px solid #eaeaea;
    display: block;
}

.dt-sc-border1:last-child { border-bottom: 0; }

.dt-sc-dark-border { border-width: 4px !important; }

.dt-sc-hr-invisible-small, .dt-sc-hr-invisible-very-small, .dt-sc-hr-invisible, .dt-sc-margin50, .dt-sc-margin65, .dt-sc-margin70, .dt-sc-margin100, .dt-sc-margin80, .dt-sc-margin30, .dt-sc-margin25, .dt-sc-margin10, .dt-sc-margin45, .dt-sc-margin35, .dt-sc-margin15, .dt-sc-margin20, .dt-sc-margin55, .dt-sc-margin90, .dt-sc-margin5 {
    clear: both;
    float: left;
    width: 100%;
}

.dt-sc-hr-invisible-small { margin: 0px 0px 40px 0px; }

.dt-sc-hr-invisible-very-small { margin: 0px 0px 20px 0px; }

.dt-sc-hr-invisible { margin: 30px 0px; }

.dt-sc-margin5 { margin: 0px 0px 5px 0px; }

.dt-sc-margin25 { margin: 0px 0px 25px 0px; }

.dt-sc-margin45 { margin: 0px 0px 45px 0px; }

.dt-sc-margin10 { margin: 0px 0px 10px 0px; }

.dt-sc-margin15 { margin: 0px 0px 15px 0px; }

.dt-sc-margin20 { margin: 10px 0px; }

.dt-sc-margin50 { margin: 25px 0px; }

.dt-sc-margin55 { margin: 25px 0px 30px 0; }

.dt-sc-margin30 { margin: 15px 0px; }

.dt-sc-margin35 { margin: 0px 0px 35px 0; }

.dt-sc-margin65 { margin: 35px 0px 30px 0px; }

.dt-sc-margin70 { margin: 35px 0px; }

.dt-sc-margin100 { margin: 50px 0px; }

.dt-sc-margin80 { margin: 40px 0px; }

.dt-sc-margin90 { margin: 40px 0px 50px 0px; }

.clear {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
}

.dt-sc-hr-border { border-bottom: 1px dashed #969696; }

/*----*****---- << Columns >> ----*****----*/

.column {
    float: left;
    margin: 0px 0px 0px 2%;
    min-height: 1px;
    position: relative;
}

.column.first { margin-left: 0px; }

.dt-sc-full-width, .dt-sc-one-column { width: 100%; }

.column.dt-sc-full-width, .column.dt-sc-one-column { margin-left: 0px; }

.dt-sc-one-fourth { width: 23.4%; }

.dt-sc-one-half { width: 48.9%; }

.dt-sc-one-third { width: 31.9%; }

.dt-sc-three-fourth { width: 74.5%; }

.dt-sc-two-third { width: 65.8%; }

.dt-sc-one-fifth { width: 18.3%; }

.dt-sc-four-fifth { width: 79.6%; }

.dt-sc-three-fifth { width: 59.2%; }

.dt-sc-two-fifth { width: 38.8%; }

.dt-sc-one-sixth { width: 15%; }

.dt-sc-two-sixth { width: 30%; }

.dt-sc-three-sixth { width: 45%; }

.dt-sc-four-sixth { width: 60%; }

.dt-sc-five-sixth { width: 75%; }

.column img {
    max-width: 100%; /*height:auto;*/
}

.column.no-space {
    margin-left: 0px;
    margin-right: 0px;
}

.column.no-space.dt-sc-one-fourth { width: 25%; }

.column.no-space.dt-sc-one-third { width: 33.33%; }

.column.no-space.dt-sc-one-half { width: 50%; }

.column.no-space.dt-sc-one-fifth { width: 20%; }

.column.no-space.dt-sc-one-sixth { width: 16.66%; }

.column.no-space.dt-sc-three-fourth { width: 75%; }

.column.no-space.dt-sc-two-third { width: 66.6%; }

.column.no-space.dt-sc-four-fifth { width: 80%; }

.column.no-space.dt-sc-three-fifth { width: 60%; }

.column.no-space.dt-sc-two-fifth { width: 40%; }

.column.no-space.dt-sc-two-sixth { width: 33.2%; }

.column.no-space.dt-sc-three-sixth { width: 49.8%; }

.column.no-space.dt-sc-four-sixth { width: 66.4%; }

.column.no-space.dt-sc-five-sixth { width: 83%; }

/*----*****---- << Header >> ----*****----*/

.top-bar .dt-sc-social-icons {
    float: right;
    margin: 0;
    padding: 5px 0;
}

.top-right .dt-sc-social-icons li {
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0;
}

.top-right .dt-sc-social-icons li a {
    border: none;
    min-width: 0;
    padding: 0px 8px;
}

.top-right .dt-sc-social-icons li:hover a { background-color: inherit; }

.top-right .dt-sc-social-icons .fa {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    color: #92a7bb;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
    transition: all 300ms linear 0s;
}

.top-right .dt-sc-social-icons li:first-child a { border-left: none; }

.dt-sc-switcher {
    display: block;
    margin-left: 10px;
    position: relative;
}

.dt-sc-switcher .active {
    background-color: #fff;
    border: 1px solid #eaeaea;
    display: block;
    line-height: normal;
    padding: 10px 10px 8px;
    position: relative;
}

.dt-sc-switcher-down {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 0 1px 0px;
    box-sizing: border-box;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999999;
}

.dt-sc-switcher-down li {
    border-bottom: 1px solid #eaeaea;
    padding: 0;
}

.dt-sc-switcher:hover .dt-sc-switcher-down {
    -moz-animation: 0.3s ease-in 0s fadeInUp;
    -webkit-animation: 0.3s ease-in fadeInUp;
    animation: 0.3s ease-in 0s fadeInUp;
    display: block;
    display: block;
}

.dt-sc-switcher-down li a {
    color: #92a7bb;
    display: block;
    font-size: 14px;
    line-height: normal;
    padding: 6px 0;
    text-align: center;
}

.dt-sc-white { color: #fff; }

/*----*****---- << Services >> ----*****----*/

.dt-sc-ico-content {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.dt-sc-ico-content h4 { font-weight: bold; }

.dt-sc-ico-content.type1 .icon {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.dt-sc-ico-content.type1 h4 { margin-bottom: 5px; }

.dt-sc-ico-content:hover h4 a {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type1 .icon span.fa { transform: inherit; }

.dt-sc-ico-content.type1 .icon img, .dt-sc-ico-content.type1 .icon span {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
}

.dt-sc-ico-content.type1:hover .icon img, .dt-sc-ico-content.type1:hover .icon span {
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.dt-sc-ico-content.type1 .icon span {
    color: #2c3e50;
    font-size: 45px;
    line-height: 40px;
}

.dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type4 .icon {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border: 1px solid;
    border-radius: 50%;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type4 .icon span {
    color: #2c3e50;
    font-size: 35px;
    line-height: 98px;
}

.dt-sc-ico-content.type2:hover .icon span, .dt-sc-ico-content.type4:hover .icon span { color: #fff; }

.dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type4 .icon {
    display: block;
    display: inline-block;
    height: 98px;
    margin-bottom: 10px;
    position: relative;
    width: 98px;
}

.dt-sc-ico-content.type2 .icon img:first-child, .dt-sc-ico-content.type4 .icon img:first-child, .dt-sc-ico-content.type8 .icon img:first-child { opacity: 0; }

.dt-sc-ico-content.type2:hover .icon img:first-child, .dt-sc-ico-content.type4:hover .icon img:first-child, .dt-sc-ico-content.type8:hover .icon img:first-child { opacity: 1; }

.dt-sc-ico-content.type2:hover .icon img:last-child, .dt-sc-ico-content.type4:hover .icon img:last-child, .dt-sc-ico-content.type8:hover .icon img:last-child { visibility: hidden; }

.dt-sc-ico-content.type3 .icon {
    -moz-box-shadow: 0px 0px 0px 3px #eceaea inset;
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-box-shadow: 0px 0px 0px 3px #eceaea inset;
    -webkit-transition: all 300ms linear 0s;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 3px #eceaea inset;
    float: left;
    height: 70px;
    left: 0;
    position: relative;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 300ms linear 0s;
    width: 70px;
    z-index: 2;
}

.dt-sc-ico-content.type3:after {
    border-right: 1px dashed #e2e2e2;
    content: "";
    height: 100%;
    left: 35px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.dt-sc-ico-content.type3:last-child:after { border: none; }

.presentation-bg .dt-sc-ico-content.type3 .icon { box-shadow: none; }

.dt-sc-ico-content.type3:hover .icon {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.dt-sc-ico-content.type3 .icon span {
    color: #2c3e50;
    font-size: 24px;
    line-height: 70px;
}

.dt-sc-ico-content.type3:hover .icon span { color: #ffffff; }

.dt-sc-ico-content.type3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 40px;
    padding-left: 85px;
    text-align: left;
}

.dt-sc-ico-content.type3 h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 6px;
}

.dt-sc-ico-content.type4 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ededed;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 20px 5px;
}

.icon-content-left, .icon-content-right {
    float: left;
    margin-top: 70px;
    width: 100%;
}

.dt-sc-ico-content.type5 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #2c3e50;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 10px 10px 0;
    position: relative;
}

.icon-content-right .dt-sc-ico-content.type5 { padding: 20px 5px 0px 50px; }

.icon-content-left .dt-sc-ico-content.type5 { padding: 20px 50px 0px 5px; }

.icon-content-left .dt-sc-ico-content.type5 .icon {
    position: absolute;
    right: 15px;
    top: 20px;
}

.icon-content-right .dt-sc-ico-content.type5 .icon {
    left: 20px;
    position: absolute;
    top: 20px;
}

.dt-sc-ico-content.type5 h4 {
    color: #fbfbfb;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
}

.dt-sc-ico-content.type5 h4 a { color: #fbfbfb; }

.dt-sc-ico-content.type5 p { color: #6989aa; }

.dt-sc-ico-content.type5 .icon span {
    color: #fbfbfb;
    font-size: 16px;
    line-height: 15px;
}

.icon-content-left .dt-sc-ico-content.type5:before {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-left: 10px solid #2c3e50;
    border-top: 10px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: -9px;
    top: 20px;
}

.icon-content-right .dt-sc-ico-content.type5:before {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #2c3e50;
    border-top: 10px solid rgba(0, 0, 0, 0);
    content: "";
    left: -9px;
    position: absolute;
    top: 20px;
}

.icon-content-left .dt-sc-ico-content.type5 { text-align: right; }

.icon-content-right .dt-sc-ico-content.type5 { text-align: left; }

.dt-sc-ico-content.type6 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #174894;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    box-sizing: border-box;
    padding: 10px 10px 0px 10px;
    text-align: left;
}

.selected .dt-sc-ico-content.type6 { background-color: #05357f; }

.first .dt-sc-ico-content.type6 { border-left: none; }

.dt-sc-ico-content.type6 .icon {
    border: 2px solid #ffffff;
    border-radius: 50%;
    float: left;
    height: 46px;
    margin: 0 15px 15px 0;
    text-align: center;
    width: 46px;
}

.dt-sc-ico-content.type6 .icon span {
    color: #ffffff;
    font-size: 16px;
    line-height: 46px;
}

.dt-sc-ico-content.type6 p {
    font-family: 'lato', sans-serif;
    font-size: 12px;
}

.dt-sc-ico-content.type6 h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 0px;
}

.dt-sc-ico-content.type6 h4 a, .dt-sc-ico-content.type6:hover h4 a { color: #ffffff; }

.dt-sc-ico-content.type6.light-blue { background-color: #174894; }

.dt-sc-ico-content.type7, .dt-sc-ico-content.type11, .dt-sc-ico-content.type16 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 90px;
    text-align: left;
}

.dt-sc-ico-content.type7 .icon, .dt-sc-ico-content.type11 .icon {
    height: 60px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 70px;
}

.dt-sc-ico-content.type7 .icon span {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    color: #2c3e50;
    font-size: 35px;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type7 h4, .dt-sc-ico-content.type11 h4 { line-height: 18px; }

/*	.dt-sc-ico-content.type11 h4 { font-size:18px; } 
*/

.dt-sc-ico-content.type7.with-left-icon { padding-left: 60px; }

.dt-sc-ico-content.type7.with-left-icon .icon { text-align: left; }

.dt-sc-ico-content.type8 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    padding: 65px 0px 10px 0px;
    text-align: center;
}

.dt-sc-ico-content.type8 .icon {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    background-color: #fbfbfb;
    border: 1px solid #eaeaea;
    display: inline-block;
    height: 90px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -43px;
    transition: all 300ms linear 0s;
    webkit-transition: all 300ms linear 0s;
    width: 100px;
}

.dt-sc-ico-content.type8 .icon span {
    color: #2c3e50;
    font-size: 35px;
    line-height: 90px;
}

.dt-sc-ico-content.type8:hover .icon span { color: #fff; }

.dt-sc-ico-content.type8:hover .icon { border: 1px solid; }

.dt-sc-ico-content.type8 h4 {
    border-bottom: 1px dashed #d9d9d9;
    margin-bottom: 10px;
    padding: 0 10px 13px 10px;
}

.dt-sc-ico-content.type8 p { padding: 0 15px; }

.dt-sc-ico-content.type2 .icon img, .dt-sc-ico-content.type4 .icon img, .dt-sc-ico-content.type8 .icon img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.dt-sc-ico-content.type9 h4 { font-size: 18px; }

.dt-sc-ico-content.type9 .icon {
    -moz-box-shadow: 0px 0px 0px 2px #eaeaea inset;
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-box-shadow: 0px 0px 0px 2px #eaeaea inset;
    -webkit-transition: all 300ms linear 0s;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px #eaeaea inset;
    display: inline-block;
    height: 130px;
    margin-bottom: 25px;
    position: relative;
    transition: all 300ms linear 0s;
    width: 130px;
    z-index: 1;
}

.dt-sc-ico-content.type9 .icon span {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    color: #2c3e50;
    font-size: 40px;
    line-height: 130px;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type9:hover .icon span { color: #ffffff; }

.dt-sc-ico-content.type9 .icon:before {
    border-top: 1px dashed #d6d6d6;
    content: "";
    left: 100%;
    min-width: 295px;
    position: absolute;
    top: 50%;
}

.dt-sc-ico-content.type9.last .icon:before { display: none; }

.dt-sc-ico-content.type9.without-border .icon:before { border: none; }

.dt-sc-ico-content.type9.without-border .icon .small-circle {
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    left: 0;
    left: 0;
    line-height: 40px;
    position: absolute;
    top: -20px;
    width: 40px;
    z-index: -1;
}

.dt-sc-ico-content.type9.without-border.red .icon .small-circle { background-color: #fc5422; }

.dt-sc-ico-content.type9.without-border.yellow .icon .small-circle { background-color: #e8bc33; }

.dt-sc-ico-content.type9.without-border.green .icon .small-circle { background-color: #47b392; }

.dt-sc-ico-content.type9.without-border.blue .icon .small-circle { background-color: #436f8f; }

.dt-sc-ico-content.type9.without-border.red, .dt-sc-ico-content.type9.without-border.yellow, .dt-sc-ico-content.type9.without-border.green, .dt-sc-ico-content.type9.without-border.blue { background: inherit; }

.dt-sc-ico-content.type9.without-border.red .icon { box-shadow: 0 0 0 2px #fc5422 inset; }

.dt-sc-ico-content.type9.without-border.yellow .icon { box-shadow: 0 0 0 2px #e8bc33 inset; }

.dt-sc-ico-content.type9.without-border.green .icon { box-shadow: 0 0 0 2px #47b392 inset; }

.dt-sc-ico-content.type9.without-border.blue .icon { box-shadow: 0 0 0 2px #436f8f inset; }

.dt-sc-ico-content.type9.without-border.red:hover .icon, .dt-sc-ico-content.type9.without-border.yellow:hover .icon, .dt-sc-ico-content.type9.without-border.green:hover .icon, .dt-sc-ico-content.type9.without-border.blue:hover .icon { background: #fff; }

.dt-sc-ico-content.type9.without-border.red:hover .icon span, .dt-sc-ico-content.type9.without-border.red:hover h4 a { color: #fc5422; }

.dt-sc-ico-content.type9.without-border.yellow:hover .icon span, .dt-sc-ico-content.type9.without-border.yellow:hover h4 a { color: #e8bc33; }

.dt-sc-ico-content.type9.without-border.green:hover .icon span, .dt-sc-ico-content.type9.without-border.green:hover h4 a { color: #47b392; }

.dt-sc-ico-content.type9.without-border.blue:hover .icon span, .dt-sc-ico-content.type9.without-border.blue:hover h4 a { color: #436f8f; }

.dt-sc-ico-content.type9.without-border.red:hover .icon .small-circle, .dt-sc-ico-content.type9.without-border.yellow:hover .icon .small-circle, .dt-sc-ico-content.type9.without-border.green:hover .icon .small-circle, .dt-sc-ico-content.type9.without-border.blue:hover .icon .small-circle { color: #fff; }

.dt-sc-ico-content.type10 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #ffffff;
    border-right: 1px dashed #969696;
    box-sizing: border-box;
    padding: 20px 10px 10px 70px;
    text-align: left;
}

.dt-sc-ico-content.type10:hover {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    background-color: #2f4154;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type10:hover .icon span, .dt-sc-ico-content.type10:hover h4 a { color: #ffffff; }

.first .dt-sc-ico-content.type10 { border-left: 1px dashed #969696; }

.dt-sc-ico-content.type10 .icon {
    float: left;
    height: 35px;
    left: 20px;
    position: absolute;
    text-align: center;
    top: 28%;
    width: 35px;
}

.dt-sc-ico-content.type10 .icon span {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    color: #2c3e50;
    font-size: 30px;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type10 h4 {
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.dt-sc-ico-content.type11 .icon {
    height: 100px;
    width: 70px;
}

.dt-sc-ico-content.type11 .icon span {
    color: #fff;
    font-size: 35px;
    line-height: 100px;
}

.dt-sc-ico-content.type11 .icon img, .dt-sc-ico-content.type11 .icon span, .dt-sc-ico-content.type16 .icon span {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    bottom: 0;
    left: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type11:hover .icon img, .dt-sc-ico-content.type11:hover .icon span {
    -moz-transform: scale(1.1) rotate(0deg) translate(0px);
    -ms-transform: scale(1.1) rotate(0deg) translate(0px);
    -o-transform: scale(1.1) rotateY(0deg) translate(0px);
    -webkit-transform: scale(1.1) rotate(0deg) translate(0px);
    transform: scale(1.1) rotate(0deg) translate(0px);
}

.dt-sc-ico-content.type11, .dt-sc-ico-content.type16 { margin-bottom: 15px; }

.dt-sc-ico-content.type12 {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.dt-sc-ico-content.type12 h4 a, .dt-sc-ico-content.type12 p {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    color: #ffffff;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type12 p {
    font-family: 'lato', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}

.dt-sc-ico-content.type12 h4 a:hover, .dt-sc-ico-content.type12:hover h4 a { color: #d9d9d9; }

.dt-sc-ico-content.type12.left { text-align: left; }

.dt-sc-ico-content.type12.left h4 .fa { margin: 0px 15px 0px 10px; }

.dt-sc-ico-content.type12.right h4 .fa { margin: 0px 10px 0px 15px; }

.dt-sc-ico-content.type12.right { text-align: right; }

.dt-sc-ico-content.type12 h4 {
    border-bottom: 1px solid;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
}

.dt-sc-ico-content.type12 h4:after {
    border-radius: 50%;
    bottom: -7px;
    content: "";
    height: 14px;
    position: absolute;
    width: 14px;
}

.dt-sc-ico-content.type12.left h4:after { right: 0; }

.dt-sc-ico-content.type12.right h4:after { left: 0; }

.dt-sc-ico-content.type13 h4 {
    font-size: 18px;
    margin-bottom: 7px;
    text-align: left;
}

.dt-sc-ico-content.type13 .icon img {
    -moz-box-sizing: border-box;
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 300ms linear 0s;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    position: relative;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type13 .icon {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

.dt-sc-ico-content.type13 {
    margin-bottom: 15px;
    text-align: left;
}

.dt-sc-ico-content.type13 .icon:after {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border-bottom: 22px solid transparent;
    border-left: 22px solid transparent;
    border-top: 22px solid;
    bottom: -35px;
    content: "";
    display: block;
    height: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0px;
    transition: all 300ms linear 0s;
    width: 0;
}

.dt-sc-ico-content.type13:hover .icon:after {
    bottom: -42px;
    opacity: 1;
}

.dt-sc-ico-content.type13 .icon:before {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    background-color: #191919;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    content: "\f067";
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 20px;
    height: 50px;
    left: 0;
    line-height: 50px;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 300ms linear 0s;
    width: 50px;
    z-index: 1;
}

.dt-sc-ico-content.type13:hover .icon:before {
    -moz-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1;
}

.dt-sc-ico-content.type14 .icon {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border: 4px solid #eaeaea;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 10px;
    text-align: center;
    transition: all 300ms linear 0s;
    width: 50px;
}

.dt-sc-ico-content.type14 span {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    color: #2c3e50;
    font-size: 20px;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type14 h4 {
    float: none;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 20px;
    padding: 0;
}

.dt-sc-ico-content.type15 .icon img {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border-radius: 50%;
    position: relative;
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type15 h4 { margin-bottom: 10px; }

.dt-sc-ico-content.type15 .icon {
    margin-bottom: 15px;
    position: relative;
}

.dt-sc-ico-content.type15:hover .icon img {
    -moz-transform: scale(0.95) rotate(0deg) translate(0px);
    -o-transform: scale(0.95) rotate(0deg) translate(0px);
    -webkit-transform: scale(0.95) rotate(0deg) translate(0px);
    transform: scale(0.95) rotate(0deg) translate(0px);
}

.dt-sc-ico-content.type15 .icon span:after {
    -moz-transition: opacity 0.2s, box-shadow 0.2s;
    -webkit-transition: opacity 0.2s, box-shadow 0.2s;
    border-radius: 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.2s, box-shadow 0.2s;
    width: 100%;
}

.dt-sc-ico-content.type15:hover .icon span:after { opacity: 1; }

.dt-sc-ico-content.type15 .icon span {
    display: inline-block;
    height: 100px;
    position: relative;
    width: 100px;
}

.dt-sc-ico-content.type16 .icon {
    -moz-transform: rotate(45deg);
    -moz-transition: all 300ms linear 0s;
    -ms-transform: rotate(45deg);
    -ms-transition: all 300ms linear 0s;
    -o-transform: rotate(45deg);
    -o-transition: all 300ms linear 0s;
    -webkit-transform: rotate(45deg);
    -webkit-transition: all 300ms linear 0s;
    border: 1px dashed;
    height: 60px;
    left: 5px;
    position: absolute;
    text-align: center;
    top: 20px;
    transform: rotate(45deg);
    transition: all 300ms linear 0s;
    width: 60px;
}

.dt-sc-ico-content.type16 .icon span {
    -moz-transform: rotate(-45deg);
    -moz-transition: all 300ms linear 0s;
    -ms-transform: rotate(-45deg);
    -ms-transition: all 300ms linear 0s;
    -o-transform: rotate(-45deg);
    -o-transition: all 300ms linear 0s;
    -webkit-transform: rotate(-45deg);
    -webkit-transition: all 300ms linear 0s;
    font-size: 27px;
    line-height: 60px;
    transform: rotate(-45deg);
    transition: all 300ms linear 0s;
}

.dt-sc-ico-content.type16:hover .icon span { color: #fff; }

.dt-sc-ico-content.type16:hover .icon { border-style: solid; }

.dt-sc-ico-content.type17 .dt-sc-icon-thumb {
    float: left;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
}

.dt-sc-ico-content.type17 .dt-sc-icon-thumb > img { float: left; }

.dt-sc-ico-content.type17 .dt-sc-ico-title {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    padding: 50px 0 40px;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 100%;
}

.dt-sc-ico-content.type17 .dt-sc-ico-title .icon {
    background-color: #fff;
    border: 3px solid;
    border-radius: 50%;
    height: 67px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -38px;
    width: 67px;
}

.dt-sc-ico-content.type17 .dt-sc-ico-title .icon img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.dt-sc-ico-content.type17 .dt-sc-ico-title .icon span {
    font-size: 34px;
    line-height: 70px;
}

.dt-sc-ico-content.type17 .dt-sc-ico-title h4 { margin-bottom: 0; }

.dt-sc-ico-content.type17:hover .dt-sc-ico-title h4 a { color: #fff; }

.dt-sc-ico-content.type17 p { font-size: 14px; }

.read-more {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 7px;
    position: relative;
}

.read-more span {
    left: 70%;
    margin-left: 7px;
    opacity: 0;
    position: absolute;
    top: 28%;
}

.dt-sc-ico-content:hover .read-more span, .blog-post:hover .read-more span {
    left: 100%;
    opacity: 1;
}

.dt-sc-ico-content:hover .read-more, .blog-post:hover .read-more { margin-right: 15px; }

/*----*****---- << Animate Number >> ----*****----*/

.dt-sc-animate-num { text-align: center; }

.dt-sc-animate-num .dt-sc-icon {
    height: 66px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 66px;
}

.dt-sc-animate-num .dt-sc-icon span {
    font-size: 35px;
    line-height: 66px;
}

.dt-sc-animate-num .dt-sc-num-count:after {
    border-bottom: 1px solid #fff;
    bottom: 0;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 50px;
}

.dt-sc-animate-num .dt-sc-num-count {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 15px;
    position: relative;
}

.dt-sc-animate-num span {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    text-transform: capitalize;
}

/*----*****---- << Testimonial >> ----*****----*/

.dt-sc-testimonial h5 {
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 15px;
}

.dt-sc-testimonial span {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    position: relative;
}

.dt-sc-testimonial span:before, .dt-sc-testimonial span:after {
    background-color: #777777;
    content: "";
    height: 1px;
    position: absolute;
    top: 55%;
    width: 35%;
}

.dt-sc-testimonial span:before { left: -57%; }

.dt-sc-testimonial span:after { right: -57%; }

.dt-sc-testimonial .author img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 72px;
}

.dt-sc-testimonial-wrapper .dt-sc-testimonial h5 { margin-bottom: 25px; }

.dt-sc-testimonial-wrapper .dt-sc-testimonial-carousel li {
    display: block;
    float: left;
    margin: 0 10px;
    padding: 0;
    text-align: center;
}

.dt-sc-testimonial-wrapper {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}

.dt-sc-testimonial-wrapper .dt-sc-testimonial {
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial-carousel .column.dt-sc-one-half { margin: 0 10px; }

.dt-sc-testimonial-wrapper.type3 .dt-sc-testimonial h5 {
    color: #92a7bb;
    font-family: 'lato', sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 30px;
}

.dt-sc-testimonial-wrapper.type3 .dt-sc-testimonial h6 {
    font-size: 15px;
    margin-bottom: 0px;
}

.dt-sc-testimonial-wrapper.type3 .dt-sc-testimonial cite {
    color: #92a7bb;
    font-family: 'lato', sans-serif;
    font-size: 12px;
    font-style: italic;
}

.dt-sc-testimonial-wrapper .carousel-arrows a.testimonial-prev {
    background: url(images/prev-arrow.png) no-repeat;
    left: 0;
}

.dt-sc-testimonial-wrapper .carousel-arrows a.testimonial-next {
    background: url(images/next-arrow.png) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.dt-sc-testimonial-wrapper .carousel-arrows {
    bottom: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 255px;
}

.dt-sc-testimonial-wrapper.type3 .carousel-arrows { bottom: 100px; }

.dt-sc-testimonial-wrapper .carousel-arrows a {
    font-size: 0;
    height: 35px;
    width: 23px;
}

.dt-sc-testimonial-wrapper.type3 .dt-sc-testimonial .author img {
    border: none;
    width: 81px;
}

.dt-sc-testimonial-wrapper.type3 .dt-sc-testimonial .author { margin-bottom: 10px; }

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial h5 {
    color: #191919;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 0px;
}

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial .quote {
    color: #191919;
    display: block;
    font-size: 22px;
    font-style: normal;
    position: inherit;
}

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial cite {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    margin-bottom: 5px;
}

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial .author { text-align: center; }

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial .author img {
    box-shadow: none;
    padding: 10px 0;
    width: 80px;
}

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial .border-circle:before {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    background-color: inherit;
    background-image: url(images/bordered-circle.png);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    content: "";
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0px;
    transition: all 300ms linear 0s;
    width: 100px;
    z-index: 1;
}

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial:hover .border-circle:before {
    -moz-animation: 0.1s linear 0s normal none infinite running rotating;
    -ms-animation: 0.1s linear 0s normal none infinite running rotating;
    -o-animation: 0.1s linear 0s normal none infinite running rotating;
    -webkit-animation: 0.1s linear 0s normal none infinite running rotating;
    animation: 0.1s linear 0s normal none infinite running rotating;
}

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial span.border-circle {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

.dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial span:before, .dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial span:after { position: inherit; }

.dt-sc-testimonial-wrapper > h3 { color: white; }

.dt-sc-testimonial-wrapper.type4 .testimonial-content.with-chat-effect {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #b6cde5;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: italic;
    padding: 25px 10px 20px 50px;
    position: relative;
    width: 100%;
}

.dt-sc-testimonial-wrapper.type4 .testimonial-content.with-chat-effect .fa {
    color: #b6cde5;
    font-size: 25px;
    left: 14px;
    position: absolute;
    top: 30px;
}

.dt-sc-testimonial-wrapper.type4 .testimonial-content.with-chat-effect:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: #fff;
    border-bottom: 1px solid #b6cde5;
    border-left: 1px solid #b6cde5;
    content: "";
    height: 16px;
    left: -9px;
    position: absolute;
    top: 33px;
    transform: rotate(45deg);
    width: 16px;
}

.dt-sc-testimonial-wrapper.type4 .testimonial-content.with-chat-effect p { line-height: 26px; }

/*----*****---- << Button >> ----*****----*/

.dt-sc-button {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    color: #ffffff;
    margin-top: 10px;
    position: relative;
    transition: all 300ms linear 0s;
    z-index: 3;
}

.dt-sc-button:hover span {
    color: #ffffff;
    cursor: pointer;
}

.dt-sc-button:hover, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover { color: #ffffff; }

.dt-sc-button span {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border-radius: 0px 2px 2px 0px; /*transition: width 0.1s ease 0s; */
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 300ms linear 0s;
}

.dt-sc-button.large {
    border-radius: 2px;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    padding: 0px 95px 0px 40px;
}

.dt-sc-button.large span {
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
}

.dt-sc-button.medium {
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    padding: 0px 71px 0px 17px;
}

.dt-sc-button.medium span {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.dt-sc-button.small {
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 40px;
    padding: 0px 47px 0px 11px;
}

.dt-sc-button.small span {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.dt-sc-button:before {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    background: #546d87 !important;
    border-radius: 0 2px 2px 0;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 0;
    z-index: -1;
}

.dt-sc-button:hover:before { width: 100%; }

.dt-sc-button1.ico-button {
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #00a5df;
    border: solid 2px #00a5df;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    padding: 20px 34px;
    position: relative;
    text-decoration: none;
}

.dt-sc-button2 {
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: solid 2px #101017;
    border-radius: 5px;
    color: #101017;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    padding: 20px 34px;
    position: relative;
    text-decoration: none;
}

.dt-sc-button3 {
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: solid 2px #fff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    padding: 20px 34px;
    position: relative;
    text-decoration: none;
}

.ls-slide .ls-l a.dt-sc-button3:hover { color: #fff; }

.dt-sc-button4 {
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: solid 1px #000;
    border-radius: 5px;
    color: #22160a;
    display: inline-block;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    padding: 10px 34px;
    position: relative;
    text-decoration: none;
}

.dt-sc-button5 {
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: solid 2px #bca250;
    border-radius: 5px;
    color: #bca250;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    padding: 20px 34px;
    position: relative;
    text-decoration: none;
}

.dt-sc-button.type2.small { padding: 0 10px; }

.dt-sc-button.type2.medium { padding: 0 17px; }

.dt-sc-button.type2:hover {
    background-color: #546d87;
    color: #fff;
}

.dt-sc-button.type2:before, .dt-sc-button.type3:before { display: none; }

.dt-sc-button.type3 {
    background-color: #fff;
    border: 1px solid #686868;
    border-radius: 0;
    color: #686868;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
}

.dt-sc-button.type3:hover { border-radius: 15px; }

.dt-sc-button.type3.small { padding: 0 11px; }

.dt-sc-button.type3.medium { padding: 0 22px; }

.dt-sc-button-outlined.red span { background-color: #fc5422; }

.dt-sc-button-outlined.yellow span { background-color: #e8bc33; }

.dt-sc-button-outlined.green span { background-color: #47b392; }

.dt-sc-button-outlined.blue span { background-color: #436f8f; }

.dt-sc-button-outlined.red, .dt-sc-button-outlined.red:hover {
    background-color: inherit;
    color: #fc5422;
}

.dt-sc-button-outlined.yellow, .dt-sc-button-outlined.yellow:hover {
    background-color: inherit;
    color: #e8bc33;
}

.dt-sc-button-outlined.green, .dt-sc-button-outlined.green:hover {
    background-color: inherit;
    color: #47b392;
}

.dt-sc-button-outlined.blue, .dt-sc-button-outlined.blue:hover {
    background-color: inherit;
    color: #436f8f;
}

.dt-sc-button-outlined.red:hover { border-color: #fc5422; }

.dt-sc-button-outlined.yellow:hover { border-color: #e8bc33; }

.dt-sc-button-outlined.green:hover { border-color: #47b392; }

.dt-sc-button-outlined.blue:hover { border-color: #436f8f; }

.dt-sc-button-outlined {
    min-width: 266px;
    padding: 11px 16px 11px 50px;
}

.dt-sc-button-outlined {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0 0;
    padding: 11px 16px 11px 50px;
    position: relative;
}

.dt-sc-button-outlined span {
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    left: 10px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 26px;
}

/*----*****---- << Colored Box >> ----*****----*/

.dt-sc-colored-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    float: left;
    margin: 0;
    padding: 55px 5% 30px;
    position: relative;
    text-align: center;
    width: 100%;
}

.dt-sc-colored-box span {
    background-color: #fff;
    border: 1px solid;
    font-size: 27px;
    height: 64px;
    left: 0;
    line-height: 65px;
    margin: auto;
    position: absolute;
    right: 0;
    top: -30px;
    width: 68px;
}

.dt-sc-colored-box h5 {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.dt-sc-colored-box a, .dt-sc-colored-box h5 { color: #ffffff; }

.dt-sc-colored-box .dt-sc-button {
    background-color: inherit;
    border: 1px solid #fff;
    border-radius: inherit;
    font-size: 14px;
    text-transform: uppercase;
}

.dt-sc-colored-box .dt-sc-button:hover {
    background-color: #fff;
    color: #333;
}

.dt-sc-colored-box.light-green { background-color: #7dc682; }

.dt-sc-colored-box.light-green span {
    border-color: #7dc682;
    color: #7dc682;
}

.dt-sc-colored-box.medium-green { background-color: #75bf7b; }

.dt-sc-colored-box.medium-green span {
    border-color: #75bf7b;
    color: #75bf7b;
}

.dt-sc-colored-box.dark-green { background-color: #6bb271; }

.dt-sc-colored-box.dark-green span {
    border-color: #6bb271;
    color: #6bb271;
}

.dt-sc-colored-box.light-bluetur { background-color: #00c4bf; }

.dt-sc-colored-box.light-bluetur span {
    border-color: #00c4bf;
    color: #00c4bf;
}

.dt-sc-colored-box.medium-bluetur { background-color: #00bab5; }

.dt-sc-colored-box.medium-bluetur span {
    border-color: #00bab5;
    color: #00bab5;
}

.dt-sc-colored-box.dark-bluetur { background-color: #00b3ae; }

.dt-sc-colored-box.dark-bluetur span {
    border-color: #00b3ae;
    color: #00b3ae;
}

/*----*****---- << Colored Box >> ----*****----*/

.dt-sc-content-carousel {
    border-bottom: 1px solid #d9d9d9;
    float: left;
    margin-bottom: 25px;
    width: 100%;
}

.content-carousel-arrows {
    bottom: 0px;
    left: 0;
}

.dt-sc-content-carousel p { color: #616161; }

.content-carousel-arrows a {
    border: 1px solid;
    float: left;
    font-size: 12px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    width: 70px;
}

.content-carousel-arrows a.next { float: right; }

/*----*****---- << Intro-text >> ----*****----*/

.intro-text {
    float: left;
    padding: 23px 5px 33px;
    position: relative;
    width: 100%;
}

.intro-text .dt-sc-button { float: right; }

.intro-text.type3 .dt-sc-button { float: none; }

.intro-text.type1 {
    background-color: #2c3e50;
    padding: 23px 15px 33px;
}

.intro-text h2, .intro-text h4 {
    color: #ffffff;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
}

.intro-text h2 { line-height: 40px; }

.intro-text h4 {
    line-height: normal;
    padding: 25px 0px 15px;
}

.intro-text h4 span { font-weight: 600; }

.intro-text.type1:before {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #2c3e50;
    bottom: -12px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}

.intro-text.type2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #f8f8f8;
    box-sizing: border-box;
    padding: 23px 30px 33px;
}

.intro-text.type2.with-border { border: 5px solid #f1f1f1; }

.intro-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 65px;
    width: 100%;
}

.intro-content .fa {
    font-size: 55px;
    left: 0;
    position: absolute;
    top: 15px;
}

.intro-text.type2 h4, .intro-text.type3 h2 {
    color: #2c3e50;
    font-weight: 400;
}

.intro-text.type3 h2 { text-transform: inherit; }

.intro-text.type3 h6, .intro-text.type5 h6 {
    font-size: 14px;
    margin-bottom: 14px;
}

.intro-text.type3 h6 span { color: #6b564e; }

.intro-text.type3 {
    background: url(images/intro-text-bg.jpg) repeat-y;
    padding: 0;
    text-align: center;
}

.intro-text.type3 .intro-text-content { padding: 33px 5px; }

.intro-text.type3 p { color: #616161; }

.intro-text.type4 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #2c3e50;
    box-sizing: border-box;
    padding: 30px 15px 33px 15px;
}

.intro-text.type4 h2 {
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: none;
    width: 100%;
}

.intro-text.type4 p, .intro-text.type4 .dt-sc-button.large:hover span, .intro-text.type5 h6 { color: #ffffff; }

.intro-text.type4 p { clear: both; }

.intro-text.type4 .dt-sc-button.large { margin: 20px 0px 0px 0px; }

.intro-text.type5 {
    background: url(images/intro-text-bg5.jpg) repeat-y;
    background-size: 100%;
}

.intro-text.type5 h2 {
    color: #ffffff;
    font-weight: bold;
    text-transform: none;
}

.intro-text.type5 p { color: #af7e84; }

.intro-text.type5 .dt-sc-button, .intro-text.type6 .dt-sc-button { float: none; }

.intro-text.type5 .intro-text-content {
    margin: 0 auto;
    width: 410px;
}

.intro-text.type6 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.intro-text.type6 h2 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: inherit;
}

.intro-text.type6 .intro-text-content {
    color: #fff;
    text-align: center;
}

.intro-text.type6 .dt-sc-button {
    background-color: #fff;
    color: #333;
}

.intro-text.type6 .dt-sc-button:hover { color: #fff; }

.intro-text.type6 .dt-sc-button span { background-color: #efefef; }

.intro-text.type6 .icon {
    -moz-transform: rotate(45deg);
    -moz-transition: all 300ms linear 0s;
    -ms-transform: rotate(45deg);
    -ms-transition: all 300ms linear 0s;
    -o-transform: rotate(45deg);
    -o-transition: all 300ms linear 0s;
    -webkit-transform: rotate(45deg);
    -webkit-transition: all 300ms linear 0s;
    background-color: #fff;
    border: 1px dashed;
    border: 1px dashed;
    height: 90px;
    left: 0px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-align: center;
    top: -70px;
    transform: rotate(45deg);
    transition: all 300ms linear 0s;
    width: 90px;
}

.intro-text.type6 .icon img {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: rotate(-45deg);
}

/*----*****---- << Toggle & Accordion >> ----*****----*/

.dt-sc-toggle-frame-set {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle {
    background: #ffffff;
    clear: both;
    margin: 0px;
    width: 100%;
}

.dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a {
    color: #181818;
    display: block;
    font-size: 14px;
    padding: 0px 15px 0px 60px;
}

.dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-toggle-frame h5.dt-sc-toggle.active a { color: #181818; }

.dt-sc-toggle-frame h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before {
    background-color: #ffffff;
    border-right: 1px solid #dfdfdf;
}

.dt-sc-toggle-frame-set-container {
    margin: auto;
    width: 80%;
}

.dt-sc-toggle-frame-set.type2 h5.dt-sc-toggle-accordion:before {
    background-color: #fff;
    border-right: 1px solid #eaeaea;
    color: #34495e;
    font-size: 20px;
    height: 100%;
    line-height: 60px;
    width: 60px;
}

.dt-sc-toggle-frame-set.type2 h5.dt-sc-toggle-accordion {
    background-color: #fff;
    border: 1px solid #eaeaea;
    line-height: 60px;
    line-height: 20px;
    line-height: 54px;
    margin-bottom: 1px;
    min-height: 60px;
    padding: 0 0 0 75px;
}

.dt-sc-toggle-frame-set.type2 h5.dt-sc-toggle-accordion a {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.dt-sc-toggle-frame-set.type2 .dt-sc-toggle-content {
    color: #616161;
    font-family: "Open Sans";
    line-height: 24px;
    padding: 15px 0 20px 0;
}

.dt-sc-toggle-frame-set.type3 h5.dt-sc-toggle-accordion:before {
    background-color: #fff;
    color: #34495e;
    font-size: 20px;
    height: 40px;
    line-height: 41px;
    width: 40px;
}

.dt-sc-toggle-frame-set.type3 h5.dt-sc-toggle-accordion {
    background-color: #fff;
    border-bottom: 4px solid #eaeaea;
    padding: 9px 0 16px 42px;
}

.dt-sc-toggle-frame-set.type3 .dt-sc-toggle-content {
    color: #616161;
    font-family: "Open Sans";
    line-height: 24px;
}

h5.dt-sc-toggle, h5.dt-sc-toggle-accordion {
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    background-color: #f8f8f8;
    border-radius: 2px;
    clear: both;
    color: #181818;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 15px 1px 16px 75px;
    position: relative;
    transition: all 300ms linear 0s;
    transition: all 300ms linear;
}

h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before {
    background-color: #2c3e50;
    border-radius: 2px 0px 0px 2px;
    color: #fff;
    content: "\f067";
    cursor: pointer;
    font-family: fontawesome;
    height: 100%;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}

h5.dt-sc-toggle.active:before, h5.dt-sc-toggle-accordion.active:before {
    color: #fff;
    content: "\f068";
    font-family: fontawesome;
    line-height: 50px;
}

.dt-sc-toggle-frame h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before { height: 100%; }

.dt-sc-toggle-frame h5.dt-sc-toggle a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a {
    border-left: 40px solid;
    line-height: normal;
    padding: 12px 15px 11px 20px;
}

.dt-sc-toggle-frame h5.dt-sc-toggle, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion { padding: 0px; }

.dt-sc-toggle-content {
    clear: both;
    display: none;
    line-height: 20px;
    padding: 10px 0px 30px;
}

.dt-sc-toggle-frame { margin-bottom: 10px; }

.dt-sc-toggle-frame .dt-sc-toggle-content {
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
}

.dt-sc-toggle-frame .dt-sc-toggle-content .block {
    border-left: 1px solid #dfdfdf;
    margin: 0px 0px 0px 40px;
    padding: 10px 10px 25px 20px;
}

h5.dt-sc-toggle.active, h5.dt-sc-toggle-accordion.active { border-bottom: 0px; }

.faq h5.dt-sc-toggle-accordion {
    line-height: 35px;
    margin-bottom: 13px;
    padding: 0px 0px 0px 42px;
}

.faq h5.dt-sc-toggle-accordion:before {
    background: #181818;
    border: 3px solid #d9d9d9;
    border-radius: 27px;
    color: #ffffff;
    content: '?';
    font-family: 'Lato', sans-serif;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 27px;
}

.faq h5.dt-sc-toggle-accordion.active:before { content: '?'; }

.faq .dt-sc-toggle-content {
    margin-left: 42px;
    padding: 0px 0px 10px;
}

.ie9 .column .dt-sc-toggle-frame:last-child h5.dt-sc-toggle:before, .ie9 .column .dt-sc-toggle-frame:last-child h5.dt-sc-toggle-accordion:before { height: 40px; }

/*----*****---- << Horizontal Tabs >> ----*****----*/

.dt-sc-tabs-container {
    clear: both;
    float: left;
    margin: 0px 0px 20px;
    padding: 0px;
    width: 100%;
}

ul.dt-sc-tabs-frame, .woocommerce-tabs ul.tabs {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

ul.dt-sc-tabs-frame li, .woocommerce-tabs ul.tabs li {
    display: inline;
    float: left;
    margin: 0px;
    padding: 0px;
}

ul.dt-sc-tabs-frame li a, .woocommerce-tabs ul.tabs li a {
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px 1px 0px 0px;
    color: #2c3e50;
    float: left;
    font-family: 'lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 60px;
    margin: 0px;
    padding: 0px 25px;
    text-align: center;
}

ul.dt-sc-tabs-frame li:first-child a, .woocommerce-tabs ul.tabs li:first-child a { border-left: 1px solid #eaeaea; }

ul.dt-sc-tabs-frame li a.current, .woocommerce-tabs ul.tabs li a.current {
    background: #f8f8f8;
    border-color: #f8f8f8;
    margin-left: -1px;
    position: relative;
    z-index: 1;
}

.dt-sc-tabs-frame-content, .woocommerce-tabs .panel {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #f8f8f8;
    box-sizing: border-box;
    clear: both;
    float: left;
    margin: -1px 0px 0px -1px;
    padding: 20px 5% 35px;
    width: 100%;
}

.dt-sc-tabs-frame-content p:last-child {
    font-family: 'lato', sans-serif;
    font-style: italic;
    margin-bottom: 25px;
}

.type2 ul.dt-sc-tabs-frame li a {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    background-color: #eaeaea;
    border: none;
    border-radius: 2px 2px 0px 0px;
    transition: all 300ms linear 0s;
}

.type2 ul.dt-sc-tabs-frame li a.current { margin-left: 0px; }

.type2 ul.dt-sc-tabs-frame li a.current, .type2 ul.dt-sc-tabs-frame li a:hover { color: #ffffff; }

.type2 .dt-sc-tabs-frame-content { margin: 0px; }

.type2 ul.dt-sc-tabs-frame li { margin-right: 1px; }

.type2 .dt-sc-tabs-frame-content {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    padding: 40px 20px 20px;
}

.dt-sc-tabs-frame-content .thumb, .woocommerce-tabs .panel .thumb {
    float: left;
    margin: 0px 30px 0px 0px;
    width: 27%;
}

.woocommerce-tabs .dt-sc-tabs-frame-content .thumb { width: 33%; }

.dt-sc-tabs-container.type2 .dt-sc-tabs-frame-content .thumb img { border: 1px solid #eaeaea; }

.type2 .dt-sc-tabs-frame-content h6, .woocommerce-tabs .panel h6 { margin-bottom: 15px; }

.type2 .dt-sc-tabs-frame-content ul, .woocommerce-tabs .panel ul { display: inline-block; }

.type2 .dt-sc-tabs-frame-content ul li span, .woocommerce-tabs .panel ul li span {
    color: #2c3e50;
    float: left;
    font-weight: bold;
    width: 150px;
}

.type2 .dt-sc-tabs-frame-content ul li .fa, .woocommerce-tabs .panel ul li .fa { margin-right: 5px; }

.type2 .dt-sc-tabs-frame-content ul li, .woocommerce-tabs .panel ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 20px 10px 0px;
}

.type2 .dt-sc-tabs-frame-content ul li:last-child, .woocommerce-tabs .panel ul li:last-child { border: none; }

.dt-sc-tabs-container.type3 ul.dt-sc-tabs-frame li a.current, .dt-sc-tabs-container.type4 ul.dt-sc-tabs-frame li a.current { background-color: #fff; }

.dt-sc-tabs-container.type3 ul.dt-sc-tabs-frame li a {
    border: 1px solid #eaeaea;
    border-bottom: none;
    margin: 0 2px 0 0;
}

.dt-sc-tabs-container.type3 .dt-sc-tabs-frame-content {
    background-color: #fff;
    border: 1px solid;
    margin: -1px 0 0 0px;
}

.dt-sc-tabs-container.type3 .dt-sc-tabs-frame-content p:last-child, .dt-sc-tabs-container.type4 .dt-sc-tabs-frame-content p:last-child { font-style: normal; }

.dt-sc-tabs-container.type3 .dt-sc-tabs-frame-content p, .dt-sc-tabs-container.type4 .dt-sc-tabs-frame-content p {
    color: #616161;
    font-family: "Open Sans";
}

.dt-sc-tabs-container.type4 ul.dt-sc-tabs-frame li a {
    border-color: #eaeaea;
    border-style: solid;
    border-width: 0 0 4px 0;
    margin-right: 3px;
}

.dt-sc-tabs-container.type4 .dt-sc-tabs-frame-content {
    background-color: #fff;
    border-bottom: 4px solid;
    margin: 0;
    padding: 30px 5% 19px;
}

.dt-sc-tabs-container.type5 .dt-sc-tabs-frame li a {
    background: none;
    border: none;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}

.dt-sc-tabs-container.type5 .dt-sc-tabs-frame { border-bottom: 4px solid #eaeaea; }

.dt-sc-tabs-container.type5 .dt-sc-tabs-frame-content {
    background: none;
    margin: 0;
    padding: 35px 5%;
}

.dt-sc-tabs-container.type5 .dt-sc-tabs-frame li a.current { margin: 0; }

.dt-sc-tabs-container.type5 .dt-sc-tabs-frame li a:before, .dt-sc-tabs-container.type5 .dt-sc-tabs-frame li a.current:before {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border-bottom: 4px solid;
    bottom: -4px;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 100%;
}

.dt-sc-tabs-container.type5 .dt-sc-tabs-frame li a:after, .dt-sc-tabs-container.type5 .dt-sc-tabs-frame li a.current:after {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border-bottom: 7px solid;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom: 0px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0px;
    transition: all 300ms linear 0s;
    width: 0;
}

.dt-sc-tabs-container.type5 .dt-sc-tabs-frame li a.current:before, .dt-sc-tabs-container.type5 .dt-sc-tabs-frame li a.current:after { opacity: 1; }

/*----*****---- << Vertical Tabs >> ----*****----*/

.dt-sc-tabs-vertical-container {
    clear: both;
    float: left;
    margin: 0px 0px 20px;
    padding: 0px;
    width: 100%;
}

ul.dt-sc-tabs-vertical-frame {
    float: left;
    width: 23.4%;
}

ul.dt-sc-tabs-vertical-frame li {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
}

ul.dt-sc-tabs-vertical-frame li a {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    background: #f8f8f8;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    color: #2c3e50;
    display: block;
    font-family: 'lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    padding: 15px 20px;
    transition: all 300ms linear 0s;
}

ul.dt-sc-tabs-vertical-frame li a:hover, ul.dt-sc-tabs-vertical-frame li a.current { color: #ffffff; }

ul.dt-sc-tabs-vertical-frame li:last-child a { border-bottom: 1px solid #eaeaea; }

.dt-sc-tabs-vertical-frame-content {
    background: #ffffff;
    float: left;
    margin: 13px 0px 0px 2%;
    width: 74.5%;
}

.dt-sc-tabs-vertical-frame-content h4 {
    font-weight: bold;
    margin-bottom: 25px;
    text-transform: none;
}

ul.dt-sc-fancy-list {
    float: left;
    width: 100%;
}

ul.dt-sc-fancy-list li {
    color: #2c3e50;
    display: block;
    font-size: 13px;
    line-height: 24px;
    padding-bottom: 0;
    padding-left: 13px;
    position: relative;
}

ul.dt-sc-fancy-list.arrow li:before {
    color: #2c3e50;
    content: "\f105";
    font-family: fontawesome;
    font-weight: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 0;
}

ul.dt-sc-fancy-list.tick li:before {
    color: #2c3e50;
    content: "\f00c";
    font-family: fontawesome;
    font-weight: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 0;
}

ul.dt-sc-fancy-list.tick li { padding-left: 20px; }

.dt-sc-tabs-vertical-frame-content p { margin-bottom: 20px; }

.product-presentation-bg ul.dt-sc-fancy-list { margin-bottom: 25px; }

ul.dt-sc-fancy-list.type2 li {
    color: #92a7bb;
    font-family: 'lato', sans-serif;
}

ul.dt-sc-fancy-list.type2.arrow li:before { font-size: 15px; }

.dt-sc-tabs-vertical-container.type2 ul.dt-sc-tabs-vertical-frame li.current a {
    background-color: #fff;
    border: 1px solid;
    border-right: none;
}

.dt-sc-tabs-vertical-container.type2 ul.dt-sc-tabs-vertical-frame li a:hover { background-color: #fff; }

.dt-sc-tabs-vertical-container.type2 .dt-sc-tabs-vertical-frame-content p { color: #616161; }

.dt-sc-tabs-vertical-container.type2 ul.dt-sc-tabs-vertical-frame li a {
    font-size: 13px;
    text-align: left;
}

.dt-sc-tabs-vertical-container.type2 .dt-sc-tabs-vertical-frame-content p:last-child { color: #aaaaaa; }

/*----*****---- << Blockquote >> ----*****----*/

blockquote.type1 {
    background-color: #f8f8f8;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

blockquote.type2 {
    border-left: 5px solid #34495e;
    font-family: 'lato', sans-serif;
    padding: 10px 2px 10px 43px;
}

blockquote.type2 .fa-quote-left {
    left: 17px;
    position: absolute;
    top: 15px;
}

/*----*****---- << Pricing Table >> ----*****----*/

.dt-sc-pricing-table.no-space .dt-sc-one-fourth { width: 25%; }

.dt-sc-pricing-table.no-space .column { margin-left: 0; }

.dt-sc-pricing-table {
    float: left;
    width: 100%;
}

.dt-sc-pr-tb-col {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    font-family: 'lato', sans-serif;
    text-align: center;
    width: 100%;
}

.dt-sc-tb-title h5 {
    color: #252525;
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 22px 20px;
}

.dt-sc-tb-header {
    float: left;
    width: 100%;
}

.dt-sc-tb-header .dt-sc-price {
    color: #ffffff;
    padding: 10px 0px;
}

.dt-sc-tb-header .dt-sc-price h2 {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
    color: #ffffff;
    display: inline-block;
    font-size: 48px;
    line-height: 45px;
    margin-bottom: 5px;
    padding: 0px 0px 10px 0px;
}

.dt-sc-tb-header .dt-sc-price span {
    clear: both;
    display: inline-block;
    font-size: 17px;
    width: 100%;
}

.dt-sc-tb-header .dt-sc-price p { margin-bottom: 0; }

.dt-sc-tb-content {
    float: left;
    list-style-type: none;
    margin-bottom: 0;
    padding: 20px 0px 30px 0px;
    width: 100%;
}

.dt-sc-tb-content li {
    border-bottom: 1px dashed #eaeaea;
    line-height: 20px;
    padding: 15px 10px;
}

.dt-sc-tb-content li span { margin-right: 5px; }

.dt-sc-tb-features { padding-bottom: 10px; }

.dt-sc-tb-features p {
    display: inline-block;
    text-align: center;
}

.dt-sc-pr-tb-col .dt-sc-buy-now { padding: 0px 0px 30px 0px; }

.dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-price {
    border-radius: 100%;
    display: block;
    height: 130px;
    margin: auto;
    padding: 30px 0;
    width: 190px;
}

.dt-sc-pr-tb-col.type3 .dt-sc-tb-header .dt-sc-price {
    background-image: url(images/service-ico-bg5.png);
    background-position: left;
    background-repeat: repeat-x;
    border: 13px solid #eaeaea;
    border-radius: 100%;
    display: block;
    height: 110px;
    margin: 30px auto 15px;
    padding: 10px 0;
    position: relative;
    width: 130px;
}

.dt-sc-pr-tb-col.type3 .dt-sc-tb-header .dt-sc-price h2 {
    border: none;
    font-size: 25px;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.dt-sc-pr-tb-col.type3 .dt-sc-price-content {
    display: table-cell;
    height: 110px;
    vertical-align: middle;
}

.dt-sc-pr-tb-col.type3 .dt-sc-tb-content { padding: 0px 0 20px 0; }

.dt-sc-pr-tb-col.type3 .dt-sc-tb-title h5 {
    font-size: 24px;
    line-height: normal;
    padding: 22px 20px 15px;
}

.dt-sc-pr-tb-col.type3.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col.type3:hover .dt-sc-tb-title h5 { padding: 30px 0 20px; }

.dt-sc-pr-tb-col.selected { border: none; }

.dt-sc-pr-tb-col.selected, .dt-sc-pr-tb-col:hover {
    -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
    margin-top: -15px;
}

.dt-sc-pr-tb-col.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col:hover .dt-sc-tb-title h5 { padding: 30px 0px 30px 0px; }

.dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button span { background-color: #eaeaea; }

.dt-sc-pr-tb-col.selected .dt-sc-price span, .dt-sc-pr-tb-col.selected .dt-sc-price h2 { color: #2c3e50; }

.dt-sc-pr-tb-col.selected .dt-sc-price p { color: #92a7bb; }

.dt-sc-pr-tb-col.selected .dt-sc-price h2 { border-bottom: 1px dashed #f0f0f0; }

.dt-sc-pr-tb-col.selected .dt-sc-tb-content li { border-bottom: 1px dashed rgba(255, 255, 255, 0.5); }

.dt-sc-pr-tb-col.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col.selected .dt-sc-tb-content li, .dt-sc-pr-tb-col.selected .dt-sc-tb-features { color: #ffffff; }

.dt-sc-pr-tb-col.selected .dt-sc-price, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button { background-color: #ffffff; }

.dt-sc-pr-tb-col.selected .dt-sc-buy-now, .dt-sc-pr-tb-col:hover .dt-sc-buy-now { padding: 0 0 40px 0; }

.dt-sc-pr-tb-col, .dt-sc-tb-header .dt-sc-price, .dt-sc-tb-title h5, .dt-sc-pr-tb-col .dt-sc-buy-now, .dt-sc-tb-features, .dt-sc-tb-content {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

/*----*****---- << Progress Bar >> ----*****----*/

.dt-sc-bar-text {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #616161;
    display: inline-block;
    font-family: 'lato', sans-serif;
    font-size: 14px;
    line-height: 40px;
    padding-right: 27px;
    text-align: right;
    width: 35%;
}

.dt-sc-progress {
    background-color: #d8d8d8;
    border-radius: 3px;
    display: inline-block;
    height: 6px;
    overflow: hidden;
    width: 64%;
}

.dt-sc-progress.active .dt-sc-bar { animation: 2s linear 0s normal none infinite progress-bar-stripes; }

.dt-sc-progress .dt-sc-bar {
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    -webkit-box-sizing: border-box;
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
    float: left;
    height: 100%;
    transition: width 0.6s ease 0s;
    width: 0;
}

.dt-sc-progress .dt-sc-bar { position: relative; }

.dt-sc-progress-bar.type2 .dt-sc-bar-text {
    color: #2c3e50;
    padding: 0;
    text-align: left;
}

.dt-sc-progress.type3 {
    border-radius: 0;
    height: 25px;
    position: relative;
    width: 100%;
}

.dt-sc-progress.type3 .dt-sc-bar-text {
    color: #fff;
    display: block;
    line-height: 25px;
    padding: 0 0 0 15px;
    text-align: left;
    width: auto;
}

.dt-sc-progress.type3 .dt-sc-bar-text > span {
    color: #333;
    float: right;
    position: absolute;
    right: 10px;
}

.dt-sc-progress.type3 .dt-sc-bar { position: static; }

.orange { background-color: #f1c40f; }

.red { background-color: #e74c3c; }

.dark-blue { background-color: #34495e; }

.green { background-color: #47de52; }

.blue { background-color: #3498db; }

.pepsi-blue { background-color: #6d8cff; }

/*----*****---- << Donutchart >> ----*****----*/

.dt-sc-donutchart-medium, .dt-sc-donutchart-small {
    display: inline-block;
    position: relative;
}

.dt-sc-donutchart {
    color: #2c3e50;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 25px;
    position: relative;
}

.dt-sc-donutchart-title {
    color: #2c3e50;
    font-size: 16px;
    font-weight: bold;
}

.dt-sc-donutchart-title, .dt-sc-donutchart-medium, .dt-sc-donutchart-small { text-align: center; }

.dt-sc-donutchart-medium p, .dt-sc-donutchart-small p {
    color: #616161;
    font-family: 'lato', sans-serif;
    font-size: 14px;
}

.dt-sc-donutchart-medium:before {
    background-color: #ebeff0;
    content: "";
    height: 10px;
    left: 77%;
    min-width: 150px;
    position: absolute;
    top: 27%;
}

.dt-sc-donutchart-medium.last:before, .dt-sc-donutchart-small.last:before { display: none; }

.dt-sc-donutchart-small:before {
    background-color: #ebeff0;
    content: "";
    height: 10px;
    left: 80%;
    min-width: 95px;
    position: absolute;
    top: 22%;
}

.dt-sc-donutchart-medium, .dt-sc-donutchart-small {
    float: left;
    width: 100%;
}

.dt-sc-donutchart-medium.type2:before {
    background: none;
    border-top: 1px dashed #d9d9d9;
}

.dt-sc-donutchart-medium.last:before { display: none; }

.dt-sc-donutchart-medium.type2 p { color: #92a7bb; }

.dt-sc-donutchart-medium.type2 .dt-sc-donutchart-title { font-size: 18px; }

.dt-sc-donutchart-medium.type3:before { display: none; }

.dt-sc-donutchart-medium .dt-sc-donutchart > div { font-size: 30px !important; }

.dt-sc-donutchart-small .dt-sc-donutchart > div { font-size: 22px !important; }

/*----*****---- << Tool Tip >> ----*****----*/

.dt-sc-tooltip-top, .dt-sc-tooltip-right, .dt-sc-tooltip-bottom, .dt-sc-tooltip-left {
    color: #212121;
    display: inline-block;
    text-align: center;
}

.dt-sc-boxed-tooltip.dt-sc-tooltip-top, .dt-sc-boxed-tooltip.dt-sc-tooltip-right, .dt-sc-boxed-tooltip.dt-sc-tooltip-bottom, .dt-sc-boxed-tooltip.dt-sc-tooltip-left {
    background-color: #f8f8f8;
    margin-top: 10px;
    padding: 10px 20px;
}

/*----*****---- << Tooltip >> ----*****----*/

#tiptip_holder {
    display: none;
    left 0
    position: absolute;
    top: 0;
    ;
    z-index: 99999;
}

#tiptip_holder.tip_top { padding-bottom: 5px; }

#tiptip_holder.tip_bottom { padding-top: 5px; }

#tiptip_holder.tip_right { padding-left: 5px; }

#tiptip_holder.tip_left { padding-right: 5px; }

#tiptip_content {
    background-color: #eaeaea;
    color: #212121;
    font-size: 11px;
    line-height: normal;
    padding: 0px 5px;
}

#tiptip_arrow, #tiptip_arrow_inner {
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    height: 0;
    opacity: 0.85;
    position: absolute;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #eaeaea; }

#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #eaeaea; }

#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #eaeaea; }

#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #eaeaea; }

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-left: -6px;
    margin-top: -7px;
}

#tiptip_holder.tip_bottom #tiptip_arrow, #tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-left: 20px !important;
    margin-top: -8px !important;
}

#tiptip_holder.tip_right #tiptip_arrow, #tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-left: -8px !important;
    margin-top: 3px !important;
}

#tiptip_holder.tip_left #tiptip_arrow, #tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-left: 30px !important;
    margin-top: 4px !important;
}

/*----*****---- << Team >> ----*****----*/

.dt-sc-team {
    float: left;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

.dt-sc-team.type2 { text-align: left; }

.dt-sc-team .image {
    display: block;
    float: left;
    padding: 0 0 30px;
    position: relative;
    width: 100%;
}

.dt-sc-team .image img {
    -moz-box-shadow: 0 0 0 5px #eaeaea;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-shadow: 0 0 0 5px #eaeaea;
    -webkit-transition: all 0.5s ease;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #eaeaea;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease;
}

.dt-sc-team:hover .image img {
    -moz-animation: bounceOut .4s linear;
    -ms-animation: bounceOut .4s linear;
    -o-animation: bounceOut .4s linear;
    -webkit-animation: bounceOut .4s linear;
    animation: bounceOut .4s linear;
}

.dt-sc-team.type2 .image img {
    float: left;
    margin-bottom: 20px;
}

.dt-sc-team.type2 .image {
    float: left;
    margin-right: 34px;
    padding: 0;
    text-align: center;
    width: auto;
}

.dt-sc-team .team-details {
    clear: both;
    float: left;
    text-align: center;
    width: 100%;
}

.dt-sc-team h6 {
    clear: both;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.dt-sc-team p {
    font-style: italic;
    font-weight: normal;
    margin-bottom: 15px;
}

.dt-sc-team.type2 p { margin-bottom: 20px; }

.dt-sc-team.type2 > p {
    font-style: normal;
    margin-bottom: 0px;
}

.dt-sc-team.type3 .image img { border-radius: 0; }

.dt-sc-team.type4 {
    position: relative;
    text-align: left;
}

.dt-sc-team.type4 .team-details {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: none;
    text-align: left;
    width: 71%;
}

.dt-sc-team.type4 .image {
    float: left;
    margin-left: 6px;
    margin-right: 4%;
    padding: 0;
    position: relative;
    width: 23%;
}

.dt-sc-social-icons li {
    display: inline-block;
    float: left;
    padding: 0;
}

.dt-sc-social-icons { display: inline-block; }

.post-author-details .dt-sc-social-icons li a {
    color: #9c9c9c;
    font-size: 24px;
    line-height: 48px;
    min-width: 59px;
    padding: 0;
}

.dt-sc-social-icons li a {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    color: #888888;
    display: inline-block;
    float: left;
    font-size: 16px;
    line-height: 40px;
    min-width: 41px;
    padding: 0px;
    text-align: center;
    transition: all 300ms linear 0s;
}

.dt-sc-social-icons li:first-child a { border-left: 1px solid #eaeaea; }

.dt-sc-social-icons li:hover a { color: #ffffff; }

.dt-sc-team .dt-sc-social-icons li a {
    min-width: 37px;
    padding: 0;
}

.dt-sc-timeline-wrapper {
    float: left;
    position: relative;
    width: 100%;
}

.dt-sc-timeline-wrapper:before {
    background-color: #eaeaea;
    border-radius: 2px;
    content: "";
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 10px;
}

.dt-sc-timeline-team {
    float: left;
    width: 100%;
}

.dt-sc-timeline-team .dt-sc-team.type4 .image:before {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border-color: transparent #eaeaea transparent transparent;
    border-style: solid;
    border-width: 8px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: -20px;
    margin: auto;
    position: absolute;
    top: 0;
    transition: all 300ms linear 0s;
    width: 0;
}

.dt-sc-timeline-team.right .dt-sc-team.type4 { padding-left: 30px; }

.dt-sc-timeline-team.left .dt-sc-team.type4 { padding-right: 20px; }

.dt-sc-timeline-team .dt-sc-team.type4 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dt-sc-timeline-team .dt-sc-team.type4 .image:after {
    -moz-box-shadow: 0 0px 7px 3px rgba(0, 0, 0, 0.15);
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-box-shadow: 0 0px 7px 3px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 300ms linear 0s;
    border: 5px solid #fff;
    border-radius: 100%;
    bottom: 0;
    box-shadow: 0 0px 7px 3px rgba(0, 0, 0, 0.15);
    content: "";
    height: 11px;
    left: -56px;
    margin: auto;
    position: absolute;
    top: 0;
    transition: all 300ms linear 0s;
    width: 11px;
}

.dt-sc-timeline-team.left .dt-sc-team.type4 .image {
    float: right;
    margin: 0 10px 0 0;
}

.dt-sc-timeline-team.left .dt-sc-team.type4 .image:before {
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    left: inherit;
    right: -20px;
    transform: rotate(180deg);
}

.dt-sc-timeline-team.left .dt-sc-team.type4 .image:after {
    left: inherit;
    right: -54px;
}

.dt-sc-timeline-team.left .dt-sc-team.type4 .team-details { text-align: right; }

.dt-sc-timeline-team .dt-sc-team.type4:hover .image img {
    -moz-box-shadow: 0 0 0 5px #44607b;
    -webkit-box-shadow: 0 0 0 5px #44607b;
    animation: none;
    box-shadow: 0 0 0 5px #44607b;
}

.dt-sc-timeline-team .dt-sc-team.type4:hover .image:before {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border-color: transparent #44607b transparent transparent;
    transition: all 300ms linear 0s;
}

.dt-sc-timeline-team .dt-sc-team.type4:hover .image:after {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    background-color: #2c3e50;
    transition: all 300ms linear 0s;
}

.dt-sc-team.type5 .image img {
    border-radius: 0;
    box-shadow: none;
    float: left;
}

.dt-sc-team.type5 {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border: 1px solid #eaeaea;
    padding-bottom: 25px;
    transition: all 300ms linear 0s;
}

.dt-sc-team.type5 .dt-sc-social-icons {
    bottom: -27px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}

.dt-sc-team.type5 .dt-sc-social-icons li a {
    background-color: #fff;
    color: #68696d;
}

.dt-sc-team.type5 .dt-sc-social-icons li { float: none; }

.dt-sc-team.type5 .dt-sc-social-icons li a { margin-left: -3px; }

.dt-sc-team.type5:hover .image img { box-shadow: none !important; }

.dt-sc-team.type5 .image {
    margin-bottom: 20px;
    padding: 0;
}

.dt-sc-team.type5 .image-overlay {
    -moz-transform: scale(0);
    -moz-transition: all 300ms linear 0s;
    -ms-transform: scale(0);
    -ms-transition: all 300ms linear 0s;
    -o-transform: scale(0);
    -o-transition: all 300ms linear 0s;
    -webkit-transform: scale(0);
    -webkit-transition: all 300ms linear 0s;
    bottom: 0px;
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transition: all 300ms linear 0s;
    width: 100%;
}

.dt-sc-team.type5:hover .image-overlay {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    transform: scale(1);
}

.dt-sc-team.type5 .dt-sc-team-content {
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    height: 180px;
    margin: auto;
    overflow: hidden;
    padding: 18px;
    position: absolute;
    top: 0;
}

.dt-sc-team.type5 .dt-sc-team-content p {
    -moz-transition: all 0.5s linear 0s;
    -moz-transition-delay: 0.3s !important;
    -ms-transition: all 0.5s linear 0s;
    -ms-transition-delay: 0.3s !important;
    -o-transition: all 0.5s linear 0s;
    -o-transition-delay: 0.3s !important;
    -webkit-transition: all 0.5s ease 0s;
    -webkit-transition-delay: 0.3s !important;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 25px;
    position: relative;
    top: -100%;
    transition: all 0.5s linear 0s;
    transition-delay: 0.3s !important;
}

.dt-sc-team.type5 .dt-sc-team-content a {
    -moz-transition: all 0.5s linear 0s;
    -moz-transition-delay: 0.3s !important;
    -ms-transition: all 0.5s linear 0s;
    -ms-transition-delay: 0.3s !important;
    -o-transition: all 0.5s linear 0s;
    -o-transition-delay: 0.3s !important;
    -webkit-transition: all 0.5s ease 0s;
    -webkit-transition-delay: 0.3s !important;
    border: 1px solid #fff;
    bottom: -100%;
    color: #fff;
    font-size: 14px;
    padding: 7px 15px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.5s linear 0s;
    transition-delay: 0.3s !important;
}

.dt-sc-team.type5:hover .dt-sc-team-content p { top: 0; }

.dt-sc-team.type5:hover .dt-sc-team-content a { bottom: 0; }

.dt-sc-team.type5 .dt-sc-team-content a:hover {
    border: 1px solid #333;
    color: #616161;
}

.dt-sc-team.type5 h6 { /*font-size:20px; font-weight:300;*/
    margin-bottom: 5px;
}

.dt-sc-team.type5 .team-details p { /*font-weight:300;*/
    color: #ed4a52;
    font-size: 15px;
    font-style: normal;
}

/*----*****---- << Client >> ----*****----*/

.dt-sc-partner-carousel-wrapper {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.dt-sc-partner-carousel li {
    display: block;
    float: left;
    margin: 0 40px;
    padding: 0;
    text-align: center;
}

.dt-sc-partner-carousel {
    float: left;
    margin-bottom: 0;
    width: 100%;
}

/*----*****---- << Contact >> ----*****----*/

.dt-sc-contact-form p span {
    float: left;
    position: relative;
    width: 100%;
}

.dt-sc-contact-info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
}

.dt-sc-contact-info p {
    clear: both;
    color: #616161;
    display: block;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.dt-sc-contact-info .fa {
    display: inline-block;
    float: left;
    font-size: 13px;
    margin: 0px 10px 10px 0px;
    position: relative;
    top: 5px;
}

.dt-sc-contact-info a:hover {
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    color: #616161;
    transition: all 300ms linear 0s;
}

.dt-sc-contact-detail {
    clear: both;
    display: block;
    margin-bottom: 30px;
}

.dt-sc-contact-info.type2 { border: 1px solid #eaeaea; }

.dt-sc-contact-info.type2 .dt-sc-contact-detail h4 { margin-bottom: 5px; }

.dt-sc-contact-info.type2 .dt-sc-contact-detail p { margin-bottom: 10px; }

.contact-icon {
    border-top: 1px solid #eaeaea;
    float: left;
    width: 100%;
}

.dt-sc-contact-info.type2 .contact-icon {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #f8f8f8;
    box-sizing: border-box;
    padding: 16px 0 6px 30px;
}

.dt-sc-contact-info.type2 .dt-sc-contact-detail {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 15px 0 5px 30px;
    width: 100%;
}

.dt-sc-contact-info.type2 .fa {
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    margin-right: 10px;
    text-align: center;
    top: 0;
    top: -5px;
    width: 40px;
}

.dt-sc-contact-info.type2 .contact-icon h4 {
    line-height: 25px;
    margin: 0;
}

.dt-sc-contact-info.type2 .contact-icon h4 a { color: #2c3e50; }

.dt-sc-working-hours {
    float: left;
    width: 100%;
}

.dt-sc-working-hours span {
    color: #2c3e50;
    float: left;
    font-family: 'lato', sans-serif;
    font-weight: bold;
    width: 200px;
}

.dt-sc-working-hours p:last-child span { float: none; }

.dt-sc-location-detail {
    clear: both;
    float: left;
    width: 100%;
}

.dt-sc-location-detail h6 {
    font-size: 13px;
    font-weight: bold;
}

.dt-sc-location-detail ul li a {
    color: #92a7bb;
    line-height: 22px;
    padding-left: 5px;
    position: relative;
}

.dt-sc-location-detail ul li {
    color: #3b4146;
    list-style-type: square;
    padding: 0;
}

.dt-sc-location-detail ul li a:hover { color: #3b4146; }

/*----*****---- << Consultation Form >> ----*****----*/

.dt-sc-consultation {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #e3e5e8;
    box-sizing: border-box;
    float: left;
    margin-top: -115px;
    padding: 30px 25px 20px;
    position: relative;
    width: 100%;
}

.dt-sc-consultation:after {
    background: url(images/attorney/form-bg.png) no-repeat;
    background-size: 100%;
    bottom: -77px;
    content: "";
    height: 77px;
    left: 0;
    position: absolute;
    width: 100%;
}

.dt-sc-consultation input[type=text], .dt-sc-consultation input[type=email], .dt-sc-consultation input[type=text], .dt-sc-consultation textarea {
    background-color: inherit;
    border-width: 0 0 1px 0;
    padding: 5px 10px;
}

.dt-sc-consultation textarea { height: 80px; }

.dt-sc-consultation input[type=submit] {
    float: none;
    min-width: 190px;
    text-transform: uppercase;
}

.dt-sc-consultation .dt-sc-contact-form > p { text-align: center; }

/*----*****---- << Reservation Form >> ----*****----*/

.dt-sc-reservation-form {
    -moz-box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.12);
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    float: left;
    padding: 30px;
    position: relative;
    top: -65px;
    width: 100%;
    z-index: 999;
}

.dt-sc-reservation-form.type2 { top: 0; }

.dt-sc-reservation-form label { font-size: 15px; }

.dt-sc-reservation-form .button {
    float: left;
    font-size: 15px;
    margin: 2px 0 0 0;
    padding: 15px 11px 15px;
    width: 100%;
}

#buttons {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 40px 0 20px 0;
    padding: 0 60px;
    width: 100%;
}

#buttons .button {
    float: left;
    margin-right: 10px;
}

.dt-sc-reserve-details {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 60px;
    width: 100%;
}

/*----*****---- << Menu Card >> ----*****----*/

.dt-sc-fd-menu {
    float: left;
    margin: 0 0 20px 0;
    width: 100%;
}

.dt-sc-fd-menu-item {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.dt-sc-fd-menu-item img {
    border-radius: 50%;
    max-width: 100px;
}

.dt-sc-fd-menu-details {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
}

.dt-sc-fd-price { /*background-color:#f0f0f0; padding:5px;*/
    border-radius: 5px;
    float: right;
    font-size: 16px;
    line-height: 24px;
}

.dt-sc-fd-menu-details h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

/*----*****---- << Opening Hours >> ----*****----*/

.dt-sc-hours-wrapper {
    float: left;
    width: 100%;
}

.dt-sc-hours-content {
    background: #f0f0f0 url(images/textured-pattern-light.png) repeat;
    border: 7px solid #eaeaea;
    border-radius: 10px;
    padding: 20px 10px 10px;
    position: relative;
    text-align: center;
}

.dt-sc-hours-icon {
    display: block;
    padding: 10px 0;
    position: relative;
    text-align: center;
}

.dt-sc-hours-icon span {
    color: #958e88;
    left: 0;
    position: absolute;
    right: 0;
    top: -41px;
    z-index: 2;
}

.dt-sc-hours-icon:before, .dt-sc-hours-icon:after {
    background-color: #958e88;
    content: "";
    height: 2px;
    min-width: 50%;
    position: absolute;
    top: 0px;
}

.dt-sc-hours-icon:before {
    -moz-transform: rotate(166deg);
    -o-transform: rotate(166deg);
    -webkit-transform: rotate(166deg);
    left: 0;
    transform: rotate(166deg);
}

.dt-sc-hours-icon:after {
    -moz-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    right: 0;
    transform: rotate(14deg);
}

.dt-sc-hours-content p {
    color: #fff;
    font-size: 14px;
}

.dt-sc-hours-content h3 { color: #fff; }

/*----*****---- << Search Form >> ----*****----*/

.dt-sc-location-wrapper {
    float: left;
    padding: 10px 0;
    width: 100%;
}

.dt-sc-location {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.dt-sc-location input[type="radio"] { display: none; }

.dt-sc-location label span {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 0 2px #ffffff inset;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    padding-bottom: 0;
    position: relative;
    top: 4px;
    transition: all 0.5s ease 0s;
    width: 16px;
    z-index: 1;
}

.dt-sc-location label { cursor: pointer; }

.dt-sc-search-form .date-icon {
    color: #858585;
    font-size: 15px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 28px;
    width: 16px;
    z-index: 3;
}

.dt-sc-search-form .button {
    font-size: 15px;
    width: 100%;
}

.dt-sc-appoinment-form {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    float: left;
    padding: 20px 15px;
    width: 100%;
}

.dt-sc-appoinment-form span {
    float: left;
    width: 100%;
}

/*----*****---- << Sermon >> ----*****----*/

.dt-sm-entry {
    float: left;
    padding-bottom: 25px;
    width: 100%;
}

.dt-sm-entry .dt-sm-meta {
    font-size: 13px;
    margin-bottom: 5px;
}

.dt-sm-entry .dt-sm-meta .fa { margin-right: 5px; }

.dt-sm-entry .dt-sm-title h2 { font-size: 18px; }

.dt-sm-meta a { color: #222; }

/*----*****---- <<  BMI  >> ----*****----*/

.dt-sc-bmi-frm {
    display: inline-block;
    padding: 0px;
    position: relative;
    width: 100%;
}

.full-bg h2 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.dt-sc-bmi-frm label {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
}

input[name="txtfeet"], input[name="txtinches"] {
    background: inherit;
    float: left;
    width: 38.5%;
}

.dt-sc-bmi-frm-detail input[name="txtlbs"] { background: inherit; }

#tblbmicontent .dt-inner-content table td {
    padding: 13px 14px;
    width: 50%;
}

.dt-sc-tabs-container.type6 .dt-sc-tabs-frame, .dt-sc-tabs-container.type6 { margin-bottom: 0; }

.dt-sc-tabs-container.type6 .dt-sc-tabs-frame-content {
    background: inherit;
    margin: 0;
    padding: 0;
}

.dt-sc-tabs-container.type6 ul.dt-sc-tabs-frame li a.current {
    background-color: #fff;
    border-color: #edeee8;
    margin: 0;
}

.dt-sc-tabs-container.type6 ul.dt-sc-tabs-frame li a { border-color: #edeee8; }

.dt-sc-bmi-frm input[type="submit"], .dt-sc-bmi-frm input[type="reset"] {
    float: none;
    font-size: 14px;
    min-height: 49px;
    padding: 10px 20px;
    text-transform: uppercase;
}

.tblbmi { display: none; }

.dt-sc-bmi-frm input[name="txtbmi"] {
    background: transparent;
    border: 1px solid #eaeaea;
    color: #f6f6f6;
    display: inline-block;
    float: none;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 10px;
    min-height: 49px;
    padding: 1px;
    text-align: center;
    width: 105px;
}

.dt-sc-bmi-frm-detail {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    border: 1px solid #edeee8;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 40px;
    width: 64.5%;
}

.dt-sc-bmi-frm .fancyInline {
    margin-left: 1px;
    min-height: 49px;
    position: relative;
    top: 7px;
}

.dt-sc-bmi-frm .fancyInline:hover { color: #fff; }

.dt-inner-content table {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    margin-bottom: 0;
}

.dt-sc-bmi-frm .bmi-result {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: url(images/fitness/bmi-frm-bg.png) bottom no-repeat #17192d;
    border: 1px solid #fff;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 205px;
}

.dt-sc-bmi-frm .bmi-result label {
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 20px;
    margin: 11px 0px 5px 0px
}

.fancyInline {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.dt-sc-paralax.full-paralax4 h2, .dt-sc-paralax .dt-sc-bmi-frm label { color: #ffffff; }

.ajax_subscribe_msg {
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.bmi-container ul.dt-sc-tabs-frame > li, .full-paralax4 ul.dt-sc-tabs-frame > li { margin-right: 5px; }

.dt-inner-content th {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

/*----*****---- << Footer >> ----*****----*/

#footer .mailchimp .dt-sc-social-icons {
    float: left;
    margin: 0;
}

#footer .mailchimp .dt-sc-social-icons li {
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0;
    position: relative;
}

.copyright .dt-sc-social-icons li {
    margin-left: 5px;
    position: relative;
}

#footer .mailchimp .dt-sc-social-icons li a:before, .copyright .dt-sc-social-icons li a:before {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}

#footer .mailchimp .dt-sc-social-icons li a:hover:before { height: 100%; }

.copyright .dt-sc-social-icons li a:before { height: 100%; }

.copyright .dt-sc-social-icons li a:hover:before { height: 0%; }

#footer .mailchimp .dt-sc-social-icons li .facebook:hover:before, .copyright .dt-sc-social-icons li .facebook:before { background-color: #3b5998; }

#footer .mailchimp .dt-sc-social-icons li .twitter:hover:before, .copyright .dt-sc-social-icons li .twitter:before { background-color: #00aced; }

#footer .mailchimp .dt-sc-social-icons li .google-plus:hover:before, .copyright .dt-sc-social-icons li .google-plus:before { background-color: #C63D2D; }

#footer .mailchimp .dt-sc-social-icons li .pinterest:hover:before, .copyright .dt-sc-social-icons li .pinterest:before { background-color: #910101; }

#footer .mailchimp .dt-sc-social-icons li .youtube:hover:before, .copyright .dt-sc-social-icons li .youtube:before { background-color: #C4302B; }

.copyright .dt-sc-social-icons li .dribbble:before { background-color: #ff99d3; }

.copyright .dt-sc-social-icons li .google:before {
    background-color: #393939;
    border-color: #393939;
}

.copyright .dt-sc-social-icons li .linkedin:before {
    background-color: #517fbe;
    border-color: #517fbe;
}

.copyright .dt-sc-social-icons li .pinterest { border-color: #910101; }

.copyright .dt-sc-social-icons li .twitter { border-color: #00aced; }

.copyright .dt-sc-social-icons li .facebook { border-color: #3b5998; }

.copyright .dt-sc-social-icons li .dribbble { border-color: #ff99d3; }

.copyright .dt-sc-social-icons li .google { border-color: #393939; }

.copyright .dt-sc-social-icons li .linkedin { border-color: #517fbe; }

#footer .mailchimp .dt-sc-social-icons li:hover a, .copyright .dt-sc-social-icons li:hover a { background-color: inherit; }

#footer .mailchimp .dt-sc-social-icons li a {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    float: left;
    font-size: 18px;
    line-height: 50px;
    min-width: 53px;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 2;
}

.copyright .dt-sc-social-icons li a {
    border-style: solid;
    border-width: 1px;
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 28px;
    min-width: 30px;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 2;
}

.copyright .dt-sc-social-icons li a:hover { color: #888888; }

.copyright .dt-sc-social-icons li:first-child { margin: 0; }

.footer-wrapper .dt-sc-social-icons li a {
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    float: left;
    font-size: 35px;
    line-height: 100px;
    padding: 0 40px;
    text-align: center;
}

#footer .mailchimp .dt-sc-social-icons li:first-child a, .footer-wrapper .dt-sc-social-icons li:first-child a { border-left: 1px solid; }

.footer-wrapper .dt-sc-social-icons li:first-child a { border-radius: 5px 0 0 5px; }

.footer-wrapper .dt-sc-social-icons li:last-child a { border-radius: 0px 5px 5px 0px; }

#footer .mailchimp .dt-sc-social-icons li .fa, .footer-wrapper .dt-sc-social-icons li .fa { color: #ffffff; }

.copyright .dt-sc-social-icons {
    margin: 0;
    padding: 0;
}

/*----*****---- << Retina Images >> ----*****----*/

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .dt-sc-testimonial-wrapper .carousel-arrows a.testimonial-prev {
        background-image: url(images/prev-arrow@2x.png);
        background-size: 18px 34px;
    }

    .dt-sc-testimonial-wrapper .carousel-arrows a.testimonial-next {
        background-image: url(images/next-arrow@2x.png);
        background-size: 18px 34px;
    }
}