@charset "utf-8";
/* CSS Document */

/* reset.css */

@charset "utf-8";
/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
and,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea,
select {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

del {
    text-decoration: line-through;
}

hr {
    background: transparent;
    border: 0;
    clear: both;
    color: transparent;
    height: 1px;
    margin: 0;
    padding: 0;
}

mark {
    background-color: #ffffb3;
    font-style: italic
}

input,
select {
    vertical-align: middle;
}

ins {
    background-color: red;
    color: white;
    text-decoration: none;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*----*****---- << Table of Contents >> ----*****----*/
/*
1. General
	01. Fonts
	02. Headings
	03. Transition
	04. Text Elements
	05. Forms
	06. Images
	07. Widget's

2. Layout
	01. Container
	02. Header
	03. Menu
	04. Main
		01. Slider
		02. Counting Numbers
		03. Service
		04. Icons Boxes
		05. Testimonial
		06. Blog
		07. Appointment
		08. News Letter
		09. Contact
		10. Portfolio
		11. About
		12. Timeline 
		13. Menu Card
		14. Tooltip
		15. Go To Top
		16. Style Picker
		17. 404	
		18. Side Navigation	
		19. Photo Stack	
3. Footer
*/

/*----*****---- << 1. General >> ----*****----*/

body {
    font-weight: normal;
    font-size: 14px;
    color: #7b8a97;
    margin: 0;
    background: #2b2d2d;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*----*****---- << 01. Fonts >> ----*****----*/

body,
textarea,
.tooltip .tooltip-content,
.ui-datepicker .ui-datepicker-title {
    font-family: 'Lato', "Microsoft Yahei", sans-serif;
}

.entry-meta .date {
    font-family: 'Lato', 'Oswald', "Microsoft Yahei", sans-serif;
}

.news-letter .alignleft h2 span {
    font-family: 'Lato', 'Shadows Into Light', "Microsoft Yahei", cursive;
}

.donutcharttext,
.dt-sc-donutchart {
    font-family: 'Lato', 'Dosis', "Microsoft Yahei", sans-serif;
}

/*----*****---- << 02. Headings >> ----*****----*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

h2.border-title.aligncenter {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-family: Lato, "Montserrat", "Microsoft Yahei", sans-serif;
}

h2.border-title.aligncenter:before {
    background: url(../images/heading-bottom.png) no-repeat;
    content: "";
    height: 20px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: -25px;
    width: 133px;
    z-index: 9;
}

h3.border-title {
    text-align: left;
    font-size: 18px;
    margin-bottom: 50px;
    clear: both;
}

h3.border-title.none:after,
h3.border-title.none:before {
    display: none;
}

h3.border-title.none {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 20px;
}

.widget h3.border-title {
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.border-title {
    position: relative;
}

h3.title {
    text-transform: uppercase;
    position: relative;
}

h3.title:after {
    height: 1px;
    clear: both;
    display: block;
    position: absolute;
    bottom: -10px;
    background: #353737;
    content: "";
    width: 100%;
}

span.large-line {
    background: #5a3714;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 40px;
    width: 100px;
}

span.small-line {
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 30px;
}

.widget h3.border-title:after {
    width: 100%;
}

h3.border-title span.large-line {
    left: 0;
    top: 40px;
    width: 70px;
    margin: 0;
}

h3.border-title span.small-line {
    left: 0;
    margin: 0;
}

h3.border-title:after {
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: 70px;
    background: #5a3714;
}

h3.border-title:before {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 39px;
    width: 30px;
    z-index: 9;
}

h5.breadcrumb-title {
    color: #2b2d2d;
    font-family: Lato, 'intro_regular', "Microsoft Yahei";
    font-size: 90px;
    font-weight: bold;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -44px;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    z-index: 9 !important;
}

/*----*****---- << 03. Transition >> ----*****----*/

a,
a:hover,
a:focus,
a:active,
a:after,
a:hover:after,
a:before,
a:hover:before,
input,
input:hover,
li,
li:hover,
a i,
a:hover i,
li:before,
li:hover:before,
li span,
li:hover span,
:before,
:after,
i.fa,
figcaption,
.dt-sc-service .gallery-thumb img,
.blog-entry .entry-thumb img,
.portfolio:hover img,
.portfolio img,
.hexagon1,
p:hover .dt-sc-dropcap,
p .dt-sc-dropcap,
.dt-sc-ico-content.type5:hover img,
.dt-sc-ico-content.type5 img,
.dt-sc-ico-content.type5 .dt-sc-ico-num,
.dt-sc-ico-content:hover .icon,
.dt-sc-ico-content .icon,
.dt-sc-ico-content:hover .icon img,
.dt-sc-ico-content .icon img,
.dt-sc-price .dollar,
.dt-sc-price .price,
.dt-sc-price .terms,
.dt-sc-pr-tb-col,
.dt-sc-donutchart-medium:hover .dt-sc-donutchart span,
.dt-sc-donutchart-medium .dt-sc-donutchart span,
.dt-sc-donutchart-medium:hover h5.dt-sc-donutchart-title,
.dt-sc-donutchart-medium h5.dt-sc-donutchart-title,
.banner-home>img {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

/*----*****---- << 04. Text Elements >> ----*****----*/

a {
    text-decoration: none;
}

a:hover {
    color: #000000;
}

a img {
    border: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

address {
    display: block;
    margin: 10px 0px 20px;
}

abbr {
    border-bottom: 1px dotted #3d3d3d;
    cursor: help;
}

ins {
    background: #FFF9C0;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -3px;
}

sup {
    bottom: -3px;
}

p {
    line-height: 23px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #f2e9e1;
}

p label {
    display: inline-block;
    margin-bottom: 5px;
}

p label.error {
    color: #fff;
    position: absolute;
    right: 5px;
    top: 8px;
    z-index: 999;
}

#comment-form p label.error {
    top: 0;
}

ul,
ol,
pre,
code {
    margin-bottom: 0px;
}

p.mail-to a {
    font-size: 18px;
    color: #fff;
    padding: 2px;
}

ul {
    list-style-type: none;
    list-style-position: inside;
}

ul li {
    padding-bottom: 0px;
}

ul li ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 10px 0px 0px;
}

ul ul ul {
    margin-bottom: 0px;
    list-style-type: circle;
}

ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 20px;
    padding-top: 10px;
}

ol li {
    padding-bottom: 10px;
}

ol li ol {
    margin-bottom: 0px;
    list-style-type: lower-alpha;
}

ol ol ol {
    margin-bottom: 0px;
    list-style-type: lower-roman;
}

pre,
code {
    border-left: 3px solid #f8cc6e;
    background-color: #e6e2d6;
    display: block;
    padding: 10px;
    font-size: 11px;
    font-family: monospace;
    width: 96.5%;
    overflow: auto;
}

.hr-separator {
    border-bottom: 1px solid #353737;
    clear: both;
}

/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */

.hr-border {
    border-bottom: 1px solid #ebeef0;
}

.rounded-corner {
    border-radius: 5px;
}

.fullwidth-section {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.fullwidth-bg {
    background-color: rgba(0, 0, 0, 0.85);
    float: left;
    width: 100%;
}

.fullwidth-section.news-letter {
    background: #353737;
}

.fullwidth-section.dt-sc-parallax-section.promo {
    padding: 400px 0;
}

.fullwidth-section.dt-service-hme {
    background-image: url(../images/txt-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.fullwidth-section.dt-sc-center .contact-form {
    margin: 0 auto;
    width: 710px;
}

.news-letter.center {
    background: #353737;
    box-sizing: border-box;
    top: 48px;
    float: none;
    margin: 0 auto;
    width: 710px;
    position: relative;
    clear: both;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.italic {
    font-style: italic;
}

.alignright.border-title {
    margin-bottom: 30px;
    text-align: right;
    text-transform: capitalize;
}

.alignleft.border-title {
    margin-bottom: 30px;
    text-align: left;
    text-transform: capitalize;
}

.aligncenter .border-title {
    margin-bottom: 30px;
}

/*----*****---- << Tables >> ----*****----*/

.ui-datepicker table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
    border: 1px solid #dfdfdf;
    border-bottom: 0px;
    border-right: 0px;
}

.ui-datepicker th {
    color: #000000;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 17px 15px;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.ui-datepicker td {
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background: #eeeeee;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    padding: 13px 15px;
}

.ui-datepicker tr.skin td {
    background-color: #f7f7f7;
}

.ui-datepicker tr.alternate td {
    background: #fff;
}

.ui-datepicker .ui-icon {
    cursor: pointer;
}

.ui-datepicker th {
    font-size: 12px;
}

.skin.border,
.border-none {
    border: none;
}

.skin.border td,
.border-none td {
    border: none;
    padding: 15px;
}

.skin.border th,
.border-none th {
    border: medium none;
}

/*----*****---- << 05. Forms >> ----*****----*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea,
input.text,
input[type="search"] {
    background: #353737;
    color: #6f7979;
    padding: 12px;
    display: block;
    font-size: 13px;
    margin: 0px 0 20px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-height: 41px;
}

.dt-sc-center input[type="text"],
.dt-sc-center input[type="password"],
.dt-sc-center input[type="email"],
.dt-sc-center input[type="url"],
.dt-sc-center input[type="tel"],
.dt-sc-center input[type="number"],
.dt-sc-center input[type="range"],
.dt-sc-center input[type="date"],
.dt-sc-center textarea,
input.text,
.dt-sc-center input[type="search"] {
    background: #2b2d2d;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
textarea:focus,
input.text:focus,
input[type="search"]:focus {
    transition: all 200ms linear;
}

textarea {
    margin-bottom: 15px;
}

textarea {
    height: 120px;
    overflow: auto;
    resize: none;
}

.dt-sc-two-third .dt-sc-one-half textarea {
    height: 250px;
}

form .dt-sc-one-half p {
    margin-bottom: 0px;
    position: relative;
}

select {
    background: #ffffff;
    border: 1px solid #e5e5d8;
    padding: 10px;
    margin: 10px 0 10px;
    display: block;
    width: 100%;
}

select option {
    background: #353737;
    padding: 3px 10px;
}

select {
    height: 40px;
    color: #feecda;
    border: 1px solid #494542;
    width: 100%;
    margin: 0px 0px 30px;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.selection-box {
    position: relative;
    clear: both;
}

.selection-box:before,
.selection-box:after {
    content: "";
    pointer-events: none;
    position: absolute;
}

.selection-box:before {
    z-index: 1;
    right: 13px;
    top: 3px;
    bottom: 0px;
    height: 0px;
    margin: auto;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid;
}

.selection-box:after {
    width: 40px;
    height: 38px;
    right: 0px;
    top: 0px;
    border: 1px solid #585350;
    background-color: #353737;
}

.selection-box select {
    background: #353737;
}

input[type="submit"],
button,
input[type="button"],
input[type="reset"] {
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    display: inline-block;
    margin: 10px 0px 0px;
    cursor: pointer;
    outline: none;
    position: relative;
    z-index: 1;
    color: #1f1c1a;
    position: relative;
    min-width: 135px;
    min-height: 40px;
    text-transform: uppercase;
    -webkit-appearance: none;
    padding: 10px;
}

/*----*****---- << 06. Images >> ----*****----*/

img {
    max-width: 100%;
}

.ie8 img {
    width: auto;
}

/*----*****---- << 07. Widget's >> ----*****----*/

.widget.searchwidget input[type="text"] {
    padding: 15px 13px;
    margin-bottom: 45px;
    border: 1px solid transparent;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .widget.searchwidget input[type="text"] {
        padding: 17px 13px;
    }
}

.widget.searchwidget input[type="text"]:focus {
    border-color: #494542;
}

.widget.widget_recent_entries ul li img {
    float: left;
    margin-right: 10px;
}

.widget.widget_recent_entries .entry-meta {
    line-height: 12px;
    margin: 0 0 10px;
    min-height: 30px;
    width: 100%;
    position: relative;
    text-align: left;
    background: none;
}

.widget.widget_recent_entries .entry-meta .date {
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    background: #222222;
    display: inline-block;
}

.widget.widget_recent_entries .entry-metadata {
    padding: 0;
}

.widget.widget_recent_entries .entry-metadata>h3 {
    margin: 5px 0 25px;
    text-transform: uppercase;
}

.widget.widget_recent_entries .entry-metadata>h3 a {
    color: #ffffff;
    line-height: 0;
    font-size: 16px;
}

.widget.widget_recent_entries .entry-metadata .author {
    margin-top: 0;
    margin-bottom: 15px;
}

.widget.widget_recent_entries .entry-metadata .author>a,
.widget.widget_recent_entries .entry-metadata .comments>a {
    line-height: 0;
    font-size: 13px;
}

.widget.widget_recent_entries .entry-title p,
.widget.widget_recent_entries .entry-body p {
    margin-top: 10px;
}

.widget.widget_recent_entries .entry-details {
    margin-top: 44px;
}

.widget.widget_recent_entries .entry-details:first-child {
    margin-top: 10px;
}

.widget.searchwidget .searchform p {
    position: relative;
}

.widget.widget_recent_entries h3.border-title {
    text-transform: uppercase;
}

.widget.widget_recent_entries .date>span {
    display: inline;
    margin-left: 3px;
}

.widget .flickr-widget .flickr_badge_image {
    display: inline-block;
    line-height: 0;
    margin: 0 2px 5px 0;
}

.widget .flickr-widget #flickr_badge_image3,
.widget .flickr-widget #flickr_badge_image6 {
    margin-right: 0;
}

.widget .flickr-widget .flickr_badge_image img:hover {
    opacity: 0.5;
}

.widget.commentbox ul.recent-cmt li h4 {
    margin-bottom: 15px;
}

.widget.commentbox ul.recent-cmt li p {
    margin-bottom: 5px;
}

.widget.commentbox ul.recent-cmt li {
    border-bottom: 1px solid #353737;
    margin-top: 5px;
}

.widget.commentbox ul.recent-cmt li:last-child {
    border: none;
}

.widget ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.widget.widget_text .textwidget ul li {
    width: 100%;
    position: relative;
}

.widget ul li a {
    color: #acacac;
    font-size: 16px;
    line-height: 40px;
}

.widget .textwidget ul li a {
    width: 100%;
    float: left;
}

.widget ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.widget_categories ul li {
    border-bottom: 1px solid #353737;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
}

.widget_categories ul li a:before {
    content: "\f0c4";
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-decoration: inherit;
    top: 10px;
    color: #f2e9e1;
}

.widget_categories.type2 ul li a:before {
    content: "\f187";
}

.widget_categories ul li a {
    display: block;
    line-height: 34px;
    padding: 10px 25px;
    font-size: 16px;
    color: #ffffff;
}

.widget_categories ul li a span {
    position: absolute;
    right: 10px;
}

.widget ul.tweet_list li.tweet {
    font-size: 14px;
    color: #ebebeb;
    line-height: 26px;
    margin-bottom: 15px;
}

.widget ul.tweet_list li.tweet a {
    line-height: normal;
}

.widget ul.tweet_list li.tweet span.tweet-time {
    font-size: 13px;
}

/*----*****---- << 2. Layout >> ----*****----*/

/*----*****---- << 01. Container >> ----*****----*/

.container {
    width: 1060px;
    margin: 0 auto;
    position: relative;
    clear: both;
}

.wrapper {
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
}

.boxed .wrapper {
    width: 1260px;
    margin: 0 auto;
    float: none;
}

.inner-wrapper {
    margin: 0px;
    width: 100%;
    float: left;
    padding: 0px;
    background: #2b2d2d;
}

/*----*****---- << 02. Header >> ----*****----*/

#header-wrapper {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    z-index: 9;
}

#header {
    width: 100%;
    margin: 0px;
    float: left;
    position: relative;
    z-index: 999;
    background: #2b2d2d;
    border-top: 2px solid;
}

#header .dt-sc-button {
    margin: 28px 0 0 30px;
}

#header .dt-sc-button {
    border-radius: 3px;
    color: #1f1c1a;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}

#header .dt-sc-button.medium {
    padding: 14px 18px;
    font-weight: bold;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    line-height: 16px;
}

#header .dt-sc-button.medium:before,
.dt-sc-button.effect:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 5px;
}

#header .dt-sc-button.medium:hover:before,
#header .dt-sc-button.medium.current_page_item:before,
.dt-sc-button:hover:before,
.dt-sc-pr-tb-col.selected .dt-sc-button:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#header .dt-sc-button:hover,
#header .dt-sc-button.medium.current_page_item {
    color: #fff;
}

.is-sticky .dt-sticky-menu {
    box-shadow: 0 0 2px #ffffff;
    height: 70px !important;
    left: 0;
}

.is-sticky .dt-sticky-menu #logo {
    margin: 25px 0 0;
}

.is-sticky .dt-sticky-menu #main-menu ul.menu>li>a {
    line-height: 70px;
    transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
}

.is-sticky .dt-sticky-menu #main-menu ul.menu li::after {
    top: 34px;
    transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
}

.is-sticky .dt-sticky-menu .dt-sc-header-shape .hexagon {
    top: 18px;
}

.is-sticky .dt-sticky-menu .dt-sc-button {
    margin-top: 13px !important;
    transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
}

.is-sticky .dt-sticky-menu #main-menu ul li.dropdown ul {
    top: 58px;
}

.is-sticky .type2 #main-menu ul ul ul.sub-menu {
    top: -10px !important;
}

.dt-sc-header-shape {
    position: relative;
}

.dt-sc-header-shape .hexagon:after {
    content: "\f095";
    font-family: fontawesome;
    left: 0;
    line-height: 33px;
    position: absolute;
    right: 0;
    text-align: center;
    color: #202020;
    font-size: 18px;
}

.dt-sc-header-shape .hexagon {
    border: medium none;
    height: 33px;
    position: absolute;
    right: -44px;
    top: 33px;
    width: 57px;
}

.dt-sc-header-shape .hexagon .corner1,
.dt-sc-header-shape .hexagon .corner2 {
    border: medium none;
}

.dt-sc-header-shape:hover .hexagon:after,
.dt-sc-header-shape.current_page_item .hexagon:after {
    color: #fff;
}

.main-menu-container {
    margin: 0 auto;
    width: 100%;
    height: 70px;
    position: relative;
}

a.dt-menu-expand {
    display: none !important;
}

#logo {
    float: left;
    display: inline;
    text-align: center;
}

#logo a {
    width: 100%;
    display: block;
}

#logo a img {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

#header .container {
    backface-visibility: hidden;
}

#main {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative;
    clear: both;
}

/*----*****---- << 03. Menu >> ----*****----*/

#main-menu {
    float: right;
    margin: 0;
    padding: 0px;
    position: relative;
    z-index: 100;
    line-height: normal;
}

#main-menu ul.menu {
    float: left;
    margin: 0;
    padding: 0px;
    text-align: center;
    width: 100%;
}

#main-menu ul.menu>li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    float: left;
    margin: 0px 15px;
}

#main-menu ul.menu>li>a {
    display: inline-block;
    padding: 0 3px;
    font-size: 14px;
    line-height: 99px;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
}

#main-menu ul.menu>li:last-child {
    margin-right: 0;
}

#main-menu ul.menu li:after {
    background: #696968;
    content: "";
    font-size: 34px;
    height: 5px;
    position: absolute;
    right: -18px;
    top: 48px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 5px;
}

#main-menu ul.menu li:last-child:after {
    content: none;
}

#main-menu ul.menu li a:after,
#main-menu>ul.menu>li.current_page_item a:after {
    top: 0;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    transition: width 0.5s ease 0s, left 0.5s ease 0s;
    -ms-transition: width 0.5s ease 0s, left 0.5s ease 0s;
    -webkit-transition: width 0.5s ease 0s, left 0.5s ease 0s;
    width: 0;
}

#main-menu ul.menu li ul li:after {
    content: none;
}

#main-menu ul.menu li a:hover:after,
#main-menu>ul.menu>li.current_page_item a:after {
    width: 100%;
    left: 0;
    right: 0;
}

#main-menu ul.menu li ul a:hover:after,
#main-menu>ul.menu>li.current_page_item ul li a:after {
    content: none;
}

#main-menu ul li.dropdown:hover>ul,
#main-menu ul li.dropdown>ul>li:hover ul {
    display: block;
}

#main-menu ul li.dropdown ul,
#main-menu ul li.dropdown ul li ul,
#main-menu ul li.dropdown ul li ul li ul {
    display: none;
    text-align: left;
}

#main-menu ul li.dropdown ul {
    width: 220px;
    background: #2b2d2d;
    padding: 0px;
    position: absolute;
    top: 88px;
    left: 0px;
    float: left;
    z-index: 1;
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.1);
    border-top: 2px solid;
}

#main-menu ul li.dropdown ul li ul {
    border-top: 2px solid !important;
}

#main-menu ul li.dropdown ul li {
    display: block;
    padding: 0px 10px;
    position: relative;
    border-bottom: 1px solid #353737;
}

#main-menu ul li.dropdown ul li a {
    color: #ffffff;
    position: relative;
    padding: 10px 0px 10px 10px;
    display: block;
}

#main-menu ul li.dropdown ul li:last-child>a {
    border: none;
}

#main-menu ul li.dropdown ul li:last-child {
    border-bottom: none;
}

#main-menu ul li.dropdown ul li a:hover,
#main-menu ul li.dropdown ul li ul li a:hover {
    padding-left: 15px;
}

#main-menu ul li.dropdown ul li.current_page_item ul li a {
    color: #ffffff;
}

#main-menu ul li.dropdown ul li ul {
    left: 220px;
    top: -10px;
    border-top: 0px;
}

#main-menu ul li.dropdown:last-child ul,
#main-menu ul li.dropdown:nth-child(6) ul,
#main-menu ul li.dropdown:nth-child(7) ul {
    right: 0px;
    left: inherit;
}

#main-menu ul li.dropdown:last-child ul li ul,
#main-menu ul li.dropdown:nth-child(6) ul li ul,
#main-menu ul li.dropdown:nth-child(7) ul li ul {
    right: 220px;
    left: inherit;
}

#main-menu ul li.dropdown ul li a .fa {
    margin-right: 5px;
}

.dt-menu-expand {
    cursor: pointer;
    display: none !important;
    font-size: 16px !important;
    font-weight: bold;
    height: 40px;
    line-height: 40px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    position: absolute !important;
    right: 0;
    text-align: center;
    top: 0;
    width: 37px;
}

/*----*****---- Header Type ----*****----*/

.type3 #main-menu ul li a i.fa,
.type4 #main-menu ul li a i.fa {
    margin-right: 8px;
}

.is-sticky .dt-sticky-menu.type4 {
    height: 100px !important;
    position: relative;
    box-shadow: none;
    left: 0;
}

.is-sticky #main-menu ul li.current_page_item a i.fa {
    border: 2px solid;
    border-radius: 50%;
    padding: 3px;
}

.is-sticky .type3 #main-menu ul.menu li a::after,
.is-sticky .type3 #main-menu>ul.menu>li.current_page_item a::after {
    content: none;
}

.is-sticky .dt-sticky-menu.type3 #main-menu ul.menu li::after,
.is-sticky .dt-sticky-menu.type4 #main-menu ul.menu li::after {
    content: none !important;
}

.is-sticky .dt-sticky-menu.type3 #main-menu ul.menu li,
.is-sticky .dt-sticky-menu.type4 #main-menu ul.menu li {
    margin: 0 10px;
}

.is-sticky .dt-sticky-menu.type3 {
    height: 90px !important;
    box-shadow: none;
    left: 0;
}

.is-sticky .dt-sticky-menu.type3:before,
.is-sticky .dt-sticky-menu.type4:before {
    transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s;
    -o-transition: all 1s linear 0s;
    -webkit-transition: all 1s linear 0s;
    width: 100%;
}

.dt-sticky-menu.type3:before,
.dt-sticky-menu.type4:before {
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s;
    -o-transition: all 1s linear 0s;
    -webkit-transition: all 1s linear 0s;
    width: 0;
}

.is-sticky .dt-sticky-menu.type3:after,
.is-sticky .dt-sticky-menu.type4:after {
    transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s;
    -o-transition: all 1s linear 0s;
    -webkit-transition: all 1s linear 0s;
    width: 0;
}

.dt-sticky-menu.type3:after,
.dt-sticky-menu.type4:after {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s;
    -o-transition: all 1s linear 0s;
    -webkit-transition: all 1s linear 0s;
    width: 100%;
    z-index: 999999;
}

.is-sticky .dt-sticky-menu.type3 .dt-sc-header-shape .hexagon {
    top: 28px;
}

.is-sticky .dt-sticky-menu.type3 .dt-sc-button {
    margin-top: 23px !important;
}

.is-sticky .dt-sticky-menu.type3 #logo {
    margin: 35px 0 0;
}

.is-sticky .dt-sticky-menu.type3 #main-menu ul.menu>li>a {
    line-height: 90px;
}

.is-sticky .dt-sticky-menu.type3 #main-menu ul li.dropdown ul {
    top: 76px;
}

#panel {
    background: #2b2d2d;
    box-shadow: 0 5px 5px -5px rgba(46, 46, 46, 0.15);
    float: left;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999999;
    border-top: 2px solid;
    border-image: linear-gradient(to right, #b7d339 0%, #f27227 100%) 1 1 1 1;
    box-shadow: 0 1px 4px #fff;
}

#toggle-panel {
    height: 50px;
    position: fixed;
    right: 25px;
    top: 28px;
    width: 50px;
    z-index: 99999999;
}

#toggle-panel a {
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    float: right;
    height: 50px;
    line-height: 46px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;
    z-index: 9999;
}

#toggle-panel i.fa {
    font-size: 12px;
    position: relative;
    z-index: 99999;
    display: none !important;
}

#panel #logo {
    float: left !important;
    margin: 40px 0 0;
    top: 0;
}

::i-block-chrome,
#panel #logo {
    margin: 0 !important;
}

.type4 #logo {
    float: none;
    position: relative;
    top: 40px;
}

::i-block-chrome,
.type4 #logo a {
    margin-top: 40px !important;
}

#panel #header {
    border: medium none;
}

.type4 .main-menu-container {
    height: 100px;
}

::i-block-chrome,
#header.type4 {
    height: 100px;
}

#toggle-panel a span::before {
    background: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -7px;
    width: 25px;
}

#toggle-panel a span::after {
    background: #fff;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 25px;
}

#toggle-panel a span {
    background: #fff;
    display: inline-block;
    height: 2px;
    left: -2px;
    position: relative;
    top: -3px;
    width: 20px;
}

#toggle-panel a.span span {
    background: transparent;
    left: 1px;
}

#toggle-panel a.span span::before {
    transform: rotate(45deg) translate(3px, 7px);
    -moz-transform: rotate(45deg) translate(3px, 7px);
    -ms-transform: rotate(45deg) translate(3px, 7px);
    -o-transform: rotate(45deg) translate(3px, 7px);
    -webkit-transform: rotate(45deg) translate(3px, 7px);
}

#toggle-panel a.span span::after {
    transform: rotate(-45deg) translate(3px, -7px);
    -moz-transform: rotate(-45deg) translate(3px, -7px);
    -ms-transform: rotate(-45deg) translate(3px, -7px);
    -o-transform: rotate(-45deg) translate(3px, -7px);
    -webkit-transform: rotate(-45deg) translate(3px, -7px);
}

/*----*****---- Mobile Menu ----*****----*/

.dt-menu-toggle {
    display: none;
    color: #1f1c1a;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 15px;
    cursor: pointer;
    margin: 20px 0px 0px;
}

.dt-menu-toggle-icon {
    background: #1f1c1a;
    display: inline-block;
    float: right;
    height: 2px;
    margin-top: 9px;
    position: relative;
    text-align: left;
    width: 20px;
}

.dt-menu-toggle-icon:before,
.dt-menu-toggle-icon:after {
    content: "";
    position: absolute;
    background: #1f1c1a;
    height: 2px;
    width: 20px;
    left: 0px;
    top: -5px;
}

.dt-menu-toggle-icon:after {
    top: 5px;
}

/*----*****---- << Home Type's >> ----*****----*/

.add1 {
    background-image: url(../images/ads-img2.jpg);
    background-position: 0 30%;
    background-size: cover;
}

.add2 {
    background-image: url(../images/ads-img1.jpg);
    background-position: 0 15%;
    background-size: cover;
    text-align: right;
}

.add1 h1,
.add1 h2,
.add2 h1,
.add2 h2,
.appointment-box h1,
.appointment-box h2,
.dt-parallax h1,
.dt-parallax h2,
.infotextwrap h1 {
    color: #ffffff;
}

.add1 .overlay-ads>a,
.add2 .overlay-ads>a {
    border: 5px double #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 24px !important;
    margin-bottom: 30px;
    padding: 6px;
    margin-top: 0;
    border-radius: 0;
    text-transform: none;
    font-weight: 400;
    line-height: 30px;
}

.infotextwrap h1 {
    margin-bottom: 0;
    font-size: 44px;
    font-weight: 300;
}

.infotextwrap {
    clear: both;
    padding: 40px 0;
    text-align: center;
    border: 5px dashed #ffffff;
}

.overlay-ads {
    background-color: rgba(0, 0, 0, 0.30);
    padding: 100px;
}

.appointment-box {
    text-align: center;
    padding: 60px;
}

.appointment-box>h1,
.dt-parallax h1 {
    font-size: 60px;
    margin-bottom: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.dt-parallax h1 {
    font-weight: 300;
}

.appointment-box>h2,
.dt-parallax h2 {
    font-size: 34px;
    font-style: italic;
    font-weight: 300;
}

.dt-parallax h2 {
    margin-bottom: 20px;
}

.appointment-box .dt-sc-button,
.dt-parallax .dt-sc-button {
    line-height: 40px;
}

.dt-parallax .fullwidth-bg {
    padding: 200px 0;
}

.dt-parallax .alignright {
    text-align: right;
}

.dt-parallax .alignleft {
    text-align: left;
}

.dt-parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

.dt-parallax.part-one:after,
.dt-parallax.part-two:after,
.dt-parallax.part-three:after,
.dt-parallax.part-four:after {
    background: rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    position: absolute;
    transition: all 500ms linear 0s !important;
    -moz-transition: all 500ms linear 0s !important;
    -ms-transition: all 500ms linear 0s !important;
    -o-transition: all 500ms linear 0s !important;
    -webkit-transition: all 500ms linear 0s !important;
    width: 100%;
    z-index: 9;
}

.dt-parallax.part-one:hover:after,
.dt-parallax.part-two:hover:after,
.dt-parallax.part-three:hover:after,
.dt-parallax.part-four:hover:after {
    width: 0;
}

.dt-parallax.part-one:after,
.dt-parallax.part-three:after {
    left: 0;
}

.dt-parallax.part-two:after,
.dt-parallax.part-four:after {
    right: 0;
}

.banner-home {
    position: relative;
    background: #000;
    line-height: 0;
    margin-bottom: 20px;
}

.banner-home>a {
    color: #ffffff;
    font-size: 28px;
    height: 30px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 47%;
    opacity: 0;
    line-height: normal;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.banner-home:hover a {
    opacity: 1;
}

.banner-home:hover>img {
    opacity: 0.5;
}

.banner-home>a:hover {
    text-shadow: 6px 6px 1px #000000;
}

ul.shop-times {
    float: left;
    margin: 0;
}

ul.shop-times li {
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 135px;
    margin-right: 19px;
    text-align: center;
    width: 135px;
    color: #fff;
    position: relative;
    z-index: 9;
}

ul.shop-times li:last-child {
    margin: 0;
}

ul.shop-times li .time-day {
    font-size: 44px;
    font-weight: bold;
    line-height: 90%;
    margin: 40px 0 5px;
    font-weight: 300;
}

ul.customer-testimonial li {
    float: left;
    margin-top: 10px;
    width: 100%;
    position: relative;
    padding: 0 0 0 10px;
}

ul.customer-testimonial li.dt-sc-testimonial-2 .testimonial-2-texts i.fa {
    font-size: 70px;
    left: 25%;
    opacity: 0.3;
    position: absolute;
    top: 0;
}

ul.customer-testimonial li.dt-sc-testimonial-2 img {
    border-radius: 90%;
    float: left;
    margin: 10px 20px 20px;
    width: 104px;
}

ul.customer-testimonial li.dt-sc-testimonial-2 .testimonial-2-texts {
    margin-top: 17px;
    padding-right: 20px;
    font-size: 16px;
    color: #fff;
}

ul.customer-testimonial li.dt-sc-testimonial-2 .testimonial-2-author {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

ul.shop-times li::after {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    transform-origin: 100% 50% 0;
    -moz-transform-origin: 100% 50% 0;
    -ms-transform-origin: 100% 50% 0;
    -o-transform-origin: 100% 50% 0;
    -webkit-transform-origin: 100% 50% 0;
    width: 100%;
    visibility: hidden;
}

ul.shop-times li:hover::after {
    opacity: 1;
    transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    z-index: -9;
    visibility: visible;
}

/*----*****---- << 04. Main >> ----*****----*/

/*----*****---- << 01. Slider >> ----*****----*/

#slider {
    float: left;
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    line-height: 0;
}

/*----*****---- << 02. Counting Numbers >> ----*****----*/

.dt-sc-parallax-section {
    background-attachment: fixed;
    background-repeat: no-repeat;
    transition: none !important;
}

.dt-sc-counter {
    clear: both;
    display: block;
    float: left;
    padding: 0;
    text-align: center;
    width: 100%;
    border: 1px solid rgba(43, 43, 43, 0.5);
    padding: 25px 10px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.dt-sc-counter:hover .dt-sc-counter-number {
    color: #000;
}

.dt-sc-counter:hover span.small-line {
    background-color: #fff;
}

.dt-sc-counter .dt-sc-counter-number:after {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    content: "";
    height: 1px;
}

.dt-sc-counter .dt-sc-counter-number {
    clear: both;
    color: #fff;
    font-size: 20px;
    margin: 0 0 55px;
    position: relative;
}

.dt-sc-counter .dt-sc-counter-number p {
    color: #fff;
    font-size: 20px;
    display: inline;
}

.dt-sc-counter-number>span {
    color: #fff;
    padding-left: 5px;
}

.dt-sc-counter h5 {
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
}

.dt-sc-counter:after,
.dt-sc-counter:before {
    content: "";
    height: 35px;
    position: absolute;
    width: 35px;
}

.dt-sc-counter:after {
    border-left: 2px solid #545b5b;
    border-top: 2px solid #545b5b;
    border-bottom: none;
    border-right: none;
    left: -1px;
    top: -1px;
}

.dt-sc-counter:before {
    border-right: 2px solid #545b5b;
    border-bottom: 2px solid #545b5b;
    border-left: none;
    border-top: none;
    right: -1px;
    bottom: -1px;
}

.dt-sc-counter span.small-line {
    top: -30px;
    height: 1px;
}

.dt-sc-counter:hover:before,
.dt-sc-counter:hover:after {
    height: 40px;
    width: 40px;
}

.dt-sc-counter:hover .dt-sc-counter-number:after {
    width: 50px;
}

.counter-effect {
    background: rgba(255, 255, 255, 0.1);
    height: 100%;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    top: 0;
    /*transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); -webkit-transform: scale(0.3)*/
    ;
    transition: all 300ms linear 0s;
    width: 100%;
    -moz-transition: all 300ms linear 0s;
    width: 100%;
    -ms-transition: all 300ms linear 0s;
    width: 100%;
    -o-transition: all 300ms linear 0s;
    width: 100%;
    -webkit-transition: all 300ms linear 0s;
    width: 100%;
}

.dt-sc-counter:hover .counter-effect {
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.counter-effect:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

::i-block-chrome,
.counter-effect:before {
    opacity: 0;
}

.dt-sc-counter:hover .counter-effect:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(2.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

/*----*****---- << Parallax >> ----*****----*/

.dt-sc-counters {
    background-image: url(../images/parallax-img1.jpg);
}

.dt-sc-client-testimonial {
    background-image: url(../images/parallax-img2.jpg);
}

.dt-sc-client-testimonial1 {
    background-image: url(../images/parallax-img5.jpg);
}

.hexagon-in2.founder-image.img1 {
    background-image: url(../images/testimonial-author1.jpg);
}

.hexagon-in2.founder-image.img2 {
    background-image: url(../images/testimonial-author2.jpg);
}

.hexagon-in2.founder-image.img3 {
    background-image: url(../images/testimonial-author3.jpg);
}

.hexagon-in2.founder-image.img4 {
    background-image: url(../images/testimonial-author4.jpg);
}

.dt-sc-appointment-parallax {
    background-image: url(../images/parallax-img3.jpg);
}

.dt-sc-work-parallax {
    background-image: url(../images/parallax-img3.jpg);
}

.dt-parallax.part-one {
    background-image: url(../images/parallax-img1.jpg);
}

.dt-parallax.part-two {
    background-image: url(../images/parallax-img2.jpg);
}

.dt-parallax.part-three {
    background-image: url(../images/parallax-img5.jpg);
}

.dt-parallax.part-four {
    background-image: url(../images/parallax-img4.jpg);
}

.dt-sc-ads-parallax {
    background-image: url(../images/ads-img.jpg);
}

/*----*****---- << 03. Services >> ----*****----*/

.dt-sc-service {
    text-align: center;
}

.dt-sc-service h3 {
    text-transform: uppercase;
    line-height: 24px;
    margin: 0;
}

.dt-sc-service h3 a {
    color: #ffffff;
}

.dt-sc-service.type2 h3 a {
    color: #666666;
    font-size: 28px;
    font-weight: 300;
}

.dt-sc-service figure.gallery-thumb {
    width: 100%;
    padding: 15px 0 5px;
}

.dt-sc-service figure {
    display: block;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    right: 0;
    backface-visibility: inherit;
}

.dt-sc-service figure>.item-mask {
    background-image: url(../images/shape.png);
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.dt-sc-service figure {
    display: block;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    right: 0;
}

.dt-sc-service .attachment-gallery-with-shape {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid transparent;
}

::i-block-chrome,
.dt-sc-service .attachment-gallery-with-shape {
    border: none;
}

.dt-sc-service .attachment-gallery-with-shape {
    transition-duration: 0.4s;
}

.dt-sc-service figure .item-mask {
    display: block;
    width: 100%;
}

.dt-sc-service.type2 h3 {
    text-align: right;
}

.dt-sc-service.type2 {
    padding: 0 0 0 150px;
    position: relative;
    text-align: inherit;
    width: auto;
    margin: 0 150px 0 0;
}

.dt-sc-service.type2 .gallery-thumb {
    position: absolute;
}

.dt-sc-service.type2.left .gallery-thumb {
    left: 0;
    right: auto;
}

.dt-sc-service.type2.right .gallery-thumb {
    left: auto;
    right: 0;
}

.dt-sc-service.type2 figure.gallery-thumb {
    width: 36%;
}

.dt-sc-service.type2.right h3.gallery-details:before {
    left: auto;
    right: 0;
}

.dt-sc-service.type2.right {
    margin: 0 0 0 150px;
    padding: 0 150px 0 0;
}

.dt-sc-service.type2.right h3.gallery-details,
.dt-sc-service.type2.right p.dt-sc-price-tag {
    text-align: left;
}

.dt-sc-service.type1:hover .first-img,
.dt-sc-service.type2:hover .first-img {
    opacity: 0;
}

.dt-sc-service.type2 .second-img {
    left: 0;
}

.dt-sc-service.type1:hover .second-img,
.dt-sc-service.type2:hover .second-img {
    opacity: 1;
}

.second-img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 10%;
    right: 0;
    margin: 0 auto;
}

.blog-entry:hover .entry-thumb img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.blog-entry:hover .entry-thumb a.none img {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.gallery-details {
    position: relative;
    z-index: 9;
    border-top: none;
    padding: 0 0 40px;
    top: 10px;
}

.gallery-details p {
    color: #f2e9e1;
    font-size: 13px;
    padding: 0 18px;
}

a.dt-sc-explore {
    background: #353737;
    bottom: 0;
    font-size: 14px;
    height: 34px;
    line-height: 35px;
    position: absolute;
    right: 0;
    width: 34px;
    color: #ffffff;
}

a.dt-sc-explore:hover {
    padding-left: 10px;
}

.dt-sc-service:hover .gallery-thumb img {
    animation: 800ms linear bounceIn;
    -webkit-animation: 800ms linear bounceIn;
    -o-animation: 800ms linear bounceIn;
    -moz-animation: 800ms linear bounceIn;
    -ms-animation: 800ms linear bounceIn;
}

.gallery-details:before {
    background: #323535;
    border: 3px solid #2b2d2d;
    bottom: -5px;
    content: "";
    height: 7px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 7px;
    z-index: 9;
}

.gallery-details:after {
    background: #323535;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.gallery-thumb {
    position: relative;
}

.gallery-thumb a.test img:first-child {
    bottom: -29px;
}

.gallery-thumb a.test img {
    bottom: 0;
    left: 0;
    position: absolute;
}

.gallery-overlay {
    background-color: rgba(255, 157, 59, 0.5);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.dt-sc-service:hover .gallery-overlay {
    opacity: 1;
}

h3.gallery-details:before {
    left: 0;
    margin: 0;
}

h3.gallery-details {
    padding: 20px 0 6px;
}

p.dt-sc-price-tag {
    margin: 35px 0 60px;
    text-align: right;
}

p.dt-sc-price-tag span {
    font-size: 20px;
    padding-left: 5px;
}

.dt-sc-partial-container {
    bottom: 0;
    display: block;
    height: 120px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.dt-sc-partial-container.right {
    right: auto;
    left: 0;
    min-height: 180px;
}

h4.dt-sc-partial {
    background: #545b5b;
    bottom: 0;
    color: #000;
    display: block;
    margin: auto;
    right: 0;
    text-align: center;
    top: 0;
    width: 60px;
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
    line-height: 26px;
    border-radius: 5px 0 0 5px;
    left: auto;
    text-transform: uppercase;
}

h4.dt-sc-partial.right {
    right: auto;
    left: 0;
    border-radius: 5px;
    background: #ffffff;
    color: #545b5b;
    padding: 25px 0;
}

/*----*****---- << Service Page >> ----*****----*/

.dt-sc-rate {
    background: #353737;
    padding: 30px;
    display: inline-table;
    width: 100%;
}

.dt-sc-rate h3 {
    text-align: right;
    position: relative;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.dt-sc-rate h3:after {
    background-color: #25211f;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 100%;
}

.dt-sc-rate h3 span {
    display: inline-block;
    float: left;
    text-align: left;
    width: 50%;
}

.dt-sc-rate h3:before {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 29px;
    width: 30px;
    z-index: 9;
}

span.tags a {
    padding-right: 5px;
}

ul.dt-sc-rate {
    padding: 0;
}

ul.dt-sc-rate li {
    font-size: 16px;
    color: #f2e9e1;
}

ul.dt-sc-rate li:last-child .alignright {
    width: 55%;
}

ul.dt-sc-rate .alignright {
    text-align: right;
    width: 30%;
}

ul.dt-sc-rate li:last-child div {
    margin-bottom: 0;
}

ul.dt-sc-rate li:last-child .alignleft {
    width: 44%;
}

ul.dt-sc-rate .alignleft {
    margin-bottom: 10px;
    width: 60%;
}

table.dt-sc-rate th {
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
}

table.dt-sc-rate th:last-child {
    text-align: right;
}

table.dt-sc-rate td {
    color: #f2e9e1;
    font-size: 16px;
    padding-bottom: 13px;
}

table.dt-sc-rate.time td {
    padding-bottom: 7px;
}

table.dt-sc-rate.time td {
    font-size: 14px;
}

table.dt-sc-rate {
    width: 100%;
}

table.dt-sc-rate td:first-child {
    text-align: left;
    width: 48%;
}

table.dt-sc-rate.time td:first-child {
    width: 52%;
}

table.dt-sc-rate td:last-child {
    text-align: right;
    width: 50%;
}

table.dt-sc-rate tr:last-child td {
    padding: 0;
}

.dt-sc-service.content figure>.item-mask {
    background-image: url(../images/service-shape.png);
}

.dt-sc-service.content figure.gallery-thumb {
    height: 100%;
}

.dt-sc-service.content:after {
    background-color: rgba(38, 28, 26, 0.6);
    bottom: 0;
    height: 28.5%;
    left: 0;
    position: absolute;
    right: 0;
    content: "";
}

.dt-sc-txt-bg {
    background-color: rgba(38, 28, 26, 0.6);
    top: 0;
    height: 28.5%;
    left: 0;
    position: absolute;
    right: 0;
    opacity: 0;
}

.dt-sc-service.content .gallery-thumb>h3,
.dt-sc-service.content .gallery-thumb .gallery-overlay>h4 {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 9;
    font-size: 20px;
}

.dt-sc-service.content .gallery-thumb>h3.top {
    top: 0;
    opacity: 0;
}

.dt-sc-service.content .gallery-thumb>h3 {
    bottom: -5px;
}

.dt-sc-service.content .gallery-thumb .gallery-overlay>h4 {
    bottom: -50px;
    color: #ffffff;
}

.dt-sc-service.content .gallery-thumb>h3 a {
    color: #ffffff;
}

.dt-sc-service.content:hover .gallery-thumb>h3.top {
    top: 20px;
    opacity: 1;
}

.dt-sc-service.content:hover .gallery-thumb .gallery-overlay>h4 {
    bottom: -5px;
}

.dt-sc-service.content:hover .gallery-thumb>h3 {
    bottom: -30px;
    opacity: 0;
}

.dt-sc-service.content:hover .dt-sc-txt-bg.top {
    top: 0;
    opacity: 1;
}

.dt-sc-service.content:hover:after {
    background-color: rgba(190, 120, 63, 0.6);
}

/*----*****---- << 04. Icon Boxes >> ----*****----*/

.hexagon {
    height: 50px;
    width: 88px;
    float: left;
    position: relative;
}

.hexagon {
    border: 1px solid #3d4343;
    border-top: none;
    border-bottom: none;
}

.hexagon .corner1,
.hexagon .corner2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #3d4343;
    border-image: none;
    border-left: 1px solid #3d4343;
    border-right: 1px solid #3d4343;
    border-style: none solid;
    border-width: 0 1px;
}

.hexagon1 {
    height: 56px;
    width: 98px;
    float: left;
    position: relative;
}

.hexagon1 {
    border-top: none;
    border-bottom: none;
    left: -6px;
    top: -3px;
    z-index: -9;
    background-color: #222222;
}

.hexagon1 .corner1,
.hexagon1 .corner2,
.author .hexagon .corner1,
.author .hexagon .corner2,
.author .hexagon {
    border-color: transparent;
}

.hexagon {
    background: #222222;
}

.author .hexagon {
    height: 49px;
}

.hexagon img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.hexagon .corner1,
.hexagon2 .corner1 {
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
}

.hexagon .corner2,
.hexagon2 .corner2 {
    transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}

.hexagon .corner1,
.hexagon .corner2,
.hexagon2 .corner1,
.hexagon2 .corner2 {
    background: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.hexagon2:before {
    background: #222222;
    bottom: 0;
    content: "";
    left: 6.7%;
    position: absolute;
    right: 6.7%;
    top: 0;
    transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    -moz-transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    -ms-transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    -o-transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    -webkit-transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
}

.hexagon2 {
    background: transparent none repeat scroll 0 0;
    float: left;
    height: 115px;
    left: -15px;
    overflow: hidden;
    position: relative;
    top: -33px;
    transform: rotate(-30deg) skewX(30deg) scaleY(0.866);
    -moz-transform: rotate(-30deg) skewX(30deg) scaleY(0.866);
    -ms-transform: rotate(-30deg) skewX(30deg) scaleY(0.866);
    -o-transform: rotate(-30deg) skewX(30deg) scaleY(0.866);
    -webkit-transform: rotate(-30deg) skewX(30deg) scaleY(0.866);
    width: 115px;
    z-index: -9;
}

.entry-thumb-desc {
    top: -1px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    transition: all 0.5s ease 0s;
    transform: rotateY(-90deg);
    transform-origin: 0% 0%;
    -webkit-transform: rotateY(-90deg);
}

.entry-thumb-desc p {
    color: #fff;
    display: table-cell;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    padding: 0 60px;
    width: 100%;
    vertical-align: middle;
}

.content-wrapper {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.dt-sc-ico-content.type1:hover .entry-thumb-desc {
    opacity: 1;
    transform: rotateY(0deg);
    transform-origin: 0% 0%;
    -webkit-transform: rotateY(0deg);
}

.content-wrapper h4 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
    text-transform: uppercase;
}

.content-wrapper h4 a {
    color: #fff;
}

/*----*****---- << 05. Testimonial >> ----*****----*/

.dt-sc-testimonial {
    display: block;
    float: left;
    padding: 0;
    position: relative;
}

.dt-sc-testimonial blockquote {
    float: left;
    margin: 0;
    padding: 15px 20px 15px 55px;
    position: relative;
    margin-bottom: 20px;
}

.dt-sc-testimonial blockquote q {
    color: #f2e9e1;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    font-family: Lato, 'Raleway', "Microsoft Yahei", sans-serif;
}

.dt-sc-testimonial .author img {
    height: 100%;
}

.dt-sc-testimonial .author {
    float: left;
    height: 72px;
    width: 72px;
    margin-left: 20px;
    margin-top: 40px;
    position: relative;
}

.dt-sc-testimonial .author-detail {
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    display: inline-block;
    margin: 35px 0 50px 30px;
}

.dt-sc-testimonial .author-detail span {
    color: #898989;
    display: block;
    font-size: 13px;
    font-style: italic;
    font-family: 'Lato', "Microsoft Yahei", sans-serif;
}

.dt-sc-testimonial .author .hexagon2 {
    z-index: 0;
    width: 100px;
    height: 100px;
}

.dt-sc-testimonial-carousel li {
    display: block;
    float: left;
    margin: 0 10px;
}

.dt-sc-testimonial-carousel-wrapper {
    clear: both;
    display: block;
    float: left;
    margin: 10px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.dt-sc-testimonial-carousel-wrapper.type2 {
    border: 5px double #eeeeee;
}

.dt-sc-testimonial blockquote q:after {
    background-image: url(../images/testimonial-shape2.png);
    background-repeat: no-repeat;
    bottom: -21px;
    content: "";
    height: 24px;
    left: 40px;
    position: absolute;
    width: 25px;
}

.dt-sc-testimonial blockquote q:before {
    background: url(../images/quote.png) no-repeat;
    content: "";
    height: 50px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 10px;
    width: 50px;
}

.dt-sc-testimonial:hover .hexagon {
    background: #d4f055;
}

.dt-sc-timeline-content .hexagon2 {
    height: 85px;
    left: -10px;
    top: -24px;
    width: 85px;
}

.dt-sc-timeline-content .hexagon {
    background: #2b2d2c none repeat scroll 0 0;
    position: absolute;
    top: 28px;
    width: 65px;
    height: 37px;
    border: none;
}

.dt-sc-timeline-content .hexagon .corner1,
.dt-sc-timeline-content .hexagon .corner2 {
    border: none;
}

.dt-sc-timeline.left .hexagon {
    right: -77px;
}

.dt-sc-timeline.right .hexagon {
    left: -76px;
}

.dt-sc-testimonial blockquote:after {
    left: 0;
    width: 8%;
}

.dt-sc-testimonial blockquote:before {
    right: 0;
    width: 88%;
}

.dt-sc-testimonial blockquote:after,
.dt-sc-testimonial blockquote:before {
    background: #2b2d2d;
    bottom: 0;
    content: "";
    height: 3px;
    position: absolute;
}

/*----*****---- << 06. Blog >> ----*****----*/

.blog-entry {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.date>span {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 0;
}

.entry-thumb {
    display: block;
    width: 100%;
    line-height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.entry-thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.entry-details {
    display: block;
    margin: 30px 0 0;
    min-height: 96px;
    position: relative;
}

.iblog-wrap .entry-meta {
    background: #222222;
    min-height: 90px;
    left: 0;
    line-height: 63px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 70px;
    margin-top: 30px;
}

.iblog-wrap .entry-meta .date {
    font-size: 30px;
}

.entry-details .entry-title h4 {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 5px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
}

h4.heading-blog-single {
    font-size: 26px !important;
}

.entry-details .entry-title h4 a {
    color: #ffffff;
}

.entry-details .entry-title h4:after {
    position: absolute;
    background: #353737;
    height: 2px;
    content: "";
    left: 0;
    bottom: -21px;
    width: 100%;
}

.entry-metadata {
    padding: 25px 0 0 100px;
}

.entry-metadata p {
    font-size: 14px;
    line-height: 24px;
    color: #ebebeb;
    margin-bottom: 25px;
}

.entry-metadata span {
    margin-right: 15px;
}

.entry-metadata .author,
.entry-metadata .tags,
.entry-metadata .comments {
    display: inline-block;
    font-size: 13px;
    margin-top: 8px;
    margin-right: 15px;
}

.entry-metadata i.fa {
    padding-right: 5px;
}

.blog-entry:hover .entry-thumb .gallery-overlay {
    opacity: 1;
}

.dt-sc-service.content:hover .gallery-thumb:after {
    opacity: 0;
}

.blog-entry.video:hover .entry-thumb:after,
.blog-entry.video:hover .entry-thumb:before {
    opacity: 0;
    display: none;
}

.blog-entry:hover .entry-thumb:after,
.blog-entry:hover .entry-thumb:before {
    height: 0;
    width: 0;
}

.blog-entry .entry-thumb:before {
    left: 0;
    margin: auto;
    top: 0;
    z-index: 9;
}

.blog-entry .entry-thumb:after {
    right: 0;
    bottom: 0;
}

.blog-entry .entry-thumb:after,
.blog-entry .entry-thumb:before {
    height: 100%;
    position: absolute;
    width: 100%;
    content: "";
}

.entry-thumb.none::after,
.entry-thumb.none::before {
    background: none !important;
}

.content .bx-controls a.bx-prev:after,
.content .bx-controls a.bx-next:after {
    color: #fff;
    font-family: fontawesome;
    font-size: 20px;
}

.content .bx-controls a.bx-prev:after {
    content: "\f104";
}

.content .bx-controls a.bx-next:after {
    content: "\f105";
}

.content .bx-controls a.bx-prev:hover,
.content .bx-controls a.bx-prev,
.content .bx-controls a.bx-next:hover,
.content .bx-controls a.bx-next {
    background: none;
}

.content h3.border-title {
    margin-bottom: 35px;
}

.fullwidth-section.fullwidth-bg.content {
    padding: 80px 0 40px;
    position: relative;
    top: -3px;
}

.dt-sc-social-icons li {
    display: inline-block;
    margin: 0 5px;
}

ul.dt-sc-social-icons li a.fa {
    color: #c2c2c2;
    font-size: 16px;
}

ul.dt-sc-social-icons {
    text-align: left;
    margin-top: 15px;
    border-bottom: 1px solid #464646;
    padding-bottom: 13px;
}

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

ul.dt-sc-social-icons.portfolio-single,
ul.info.portfolio-single {
    width: 40%;
}

ul.dt-sc-social-icons>span {
    float: left;
    text-align: left;
    color: #fff;
    width: 37%;
}

ul.info>li {
    color: #fff;
    border-bottom: 1px solid #464646;
    padding: 15px 0;
}

ul.info li h4 {
    color: #898989;
    float: right;
    margin-bottom: 0;
    width: 62%;
}

ul.info li strong {
    font-size: 16px;
    padding-right: 5px;
}

ul.info li a:hover {
    color: #fff;
}

ul.info>li:last-child {
    padding-bottom: 50px;
}

.content h4.title {
    color: #c2c2c2;
    margin: 20px 0;
    text-transform: uppercase;
}

.content .dt-sc-button {
    line-height: 40px;
    margin-top: 40px;
}

.content .dt-sc-button.small.effect.prev:after {
    content: "\f104";
}

.content .dt-sc-button.small.effect.next:after {
    content: "\f105";
}

.content .dt-sc-button.small.effect.back-to-work:after {
    content: "\f0c9";
}

.content .dt-sc-button.small.effect.prev:after,
.content .dt-sc-button.small.effect.next:after,
.content .dt-sc-button.small.effect.back-to-work:after {
    font-family: fontawesome;
}

.content .dt-sc-button.effect {
    line-height: 30px;
}

.blog-post blockquote {
    display: block;
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    margin: 20px auto;
    position: relative;
    width: 100%;
    padding: 10px;
    text-align: center;
}

.blog-post blockquote q {
    color: #fff;
}

.blog-post blockquote q:before,
.blog-post blockquote q:after {
    font-family: fontawesome;
    position: absolute;
}

.blog-post blockquote q:before {
    top: 5px;
    left: -5px;
    content: "\f10d";
}

.blog-post blockquote q:after {
    bottom: 12px;
    padding-left: 5px;
    content: "\f10e";
}

.commententries h4,
#respond h3 {
    clear: both;
    margin: 0 0 30px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
    font-size: 24px;
    color: #fff;
}

ul.commentlist {
    border-top: 0 none;
    float: left;
    list-style: outside none none;
    margin: 20px 0;
    padding: 0 0 20px;
}

ul.commentlist li {
    border: medium none;
    clear: both;
    display: block;
    float: none;
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0 0 0 80px;
    position: relative;
}

ul.commentlist li .comment-author {
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 1s ease 0s;
    width: 100px;
}

ul.commentlist li .comment-details {
    display: block;
    float: right;
    width: 92%;
}

ul.commentlist li .comment-author img {
    border-radius: 50%;
    float: left;
    height: 100px;
    margin: 0;
    width: 100px;
    z-index: 9999;
}

ul.commentlist li .author-name {
    font-size: 16px;
    padding-bottom: 5px;
}

ul.commentlist li .commentmetadata {
    color: #ffce9d;
    text-decoration: none;
}

ul.commentlist li .comment-body {
    color: #878787;
    margin: 0;
    padding: 0;
}

ul.commentlist li .reply {
    margin: 0;
    text-align: right;
}

ul.commentlist li .comment-content {
    border-radius: 5px;
    margin: 10px 0;
    padding: 5px 10px 10px 0;
}

ul.commentlist li ul.children {
    border: medium none;
    clear: both;
    float: left;
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
}

.pagination {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.pagination .prev-post,
.pagination .next-post {
    float: right;
    margin: 0;
    padding: 0;
}

.pagination .next-post a {
    margin-right: 0;
}

.pagination .prev-post>a,
.pagination .next-post a {
    min-width: 80px;
    text-align: center;
}

.pagination ul li a,
.pagination .next-post a,
.pagination .prev-post a {
    border: 1px solid;
    border-radius: 3px;
    color: #1f1c1a;
    float: left;
    font-size: 14px;
    line-height: 30px;
    margin: 0 5px 0;
    padding: 4px 15px;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    z-index: 1;
}

.pagination ul {
    float: right;
    margin: 0;
    padding: 0;
}

.pagination ul li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

.pagination ul li a.active-page,
.pagination ul li:hover a,
.pagination .next-post a:hover,
.pagination .prev-post a:hover {
    background: none;
}

/*----*****---- << 07. Appointment >> ----*****----*/

.phone,
.phone a {
    display: inline-block;
    font-size: 16px;
    margin-top: 4px;
}

.phone i.fa {
    font-size: 24px;
    padding-right: 10px;
}

.phone {
    text-align: center;
    width: 100%;
}

.phone>li {
    display: inline;
    margin: 0 30px;
}

.phone>li:last-child {
    margin-right: 0;
}

.phone>li:first-child {
    margin-left: 0;
}

.fullwidth-section.dt-sc-center {
    background-color: #52595a;
    padding: 130px 0 0;
    position: relative;
    background-image: url(../images/ico-bg.png);
}

.fullwidth-section.dt-sc-center:after {
    border-bottom: 52px solid #52595a;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -45px;
    width: 0;
}

.dt-sc-center .dt-sc-ico-content.type1 {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -20px;
    width: 110px;
    z-index: 9;
}

.dt-sc-center .hexagon {
    height: 60px;
    width: 106px;
}

.dt-sc-center .hexagon1 {
    height: 66px;
    width: 116px;
}

.dt-sc-center h2.border-title.aligncenter:before {
    background: none;
}

.dt-sc-center h2.border-title.aligncenter {
    margin-bottom: 20px;
}

.form-row>input[type="submit"] {
    min-height: 40px;
    margin-top: 20px;
    color: #1f1c1a;
    font-size: 14px;
    padding: 10px;
}

.opening-time {
    border: 1px solid #494542;
    display: inline-block;
    width: 100%;
    background: #353737;
}

.opening-time>h3 {
    text-transform: uppercase;
    margin-bottom: 22px;
    text-align: right;
}

.opening-time li span {
    display: inline-block;
    text-align: left;
    width: 59%;
    float: left;
    margin-bottom: 5px;
}

.opening-time li {
    color: #f2e9e1;
    font-size: 14px;
    text-align: right;
}

.opening-time ul li h4 {
    float: right;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 40%;
    color: #f2e9e1;
}

.opening-time .alignright {
    padding: 25px 25px 15px;
    width: 76%;
}

.opening-time .alignleft {
    line-height: 0;
}

.opening-time .alignright>h3 {
    margin-bottom: 25px;
    text-align: right;
    text-transform: uppercase;
}

.icon-date-picker,
.icon-search {
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.icon-date-picker {
    background-color: #393f3f;
    color: #bdc6cb;
    height: 100%;
    -webkit-min-logical-height: 41px;
    width: 45px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .icon-date-picker {
        height: 41px;
    }
}

.icon-date-picker.fa {
    text-align: center;
    line-height: 43px;
    font-size: 16px;
    z-index: 999;
}

.widget.searchwidget .icon-search {
    background-image: url(../images/search-icon.png);
    min-height: 50px;
    min-width: 50px;
    position: absolute;
    margin: 0px;
}

/*----*****---- << Appointment Page >> ----*****----*/

.appointment-form input {
    margin-bottom: 28px;
}

.appointment-form input[type="submit"] {
    float: right;
    border-radius: 3px;
    min-width: 120px;
    margin-bottom: 0;
}

.radio-btn span {
    position: relative;
    padding-right: 23px;
    font-size: 14px;
    color: #feecda;
    margin-right: 25px;
}

.radio-btn span:after {
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid #484441;
    position: absolute;
    right: 0;
    top: 3px;
    border-radius: 100%;
    box-sizing: border-box;
}

.radio-btn input[type="radio"] {
    cursor: pointer;
    position: absolute;
    min-width: 70px;
    z-index: 1;
    opacity: 0;
}

.radio-btn input[type="radio"]:checked+span:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    right: 3px;
    top: 6px;
    border-radius: 100%;
}

.dt-sc-datepicker {
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
    border: 2px solid #363636;
}

.date-select {
    position: absolute;
    right: 0;
    top: 0;
    width: 126px;
    background: #f2f2f2;
    bottom: 0;
    text-align: center;
    border-radius: 0 5px 5px 0;
}

.date-select .cal-separator {
    margin-top: 20px;
    display: inline;
}

h4.date-title {
    font-size: 14px;
    font-family: Lato, 'Open Sans', "Microsoft Yahei", sans-serif;
    padding: 10px 0;
    background: #a7a7a7;
    color: #fff;
    text-align: center;
    border-radius: 0 5px 0 0;
    background: url(../images/date-bg.jpg) repeat;
    margin-bottom: 10px;
}

.date-select .date {
    text-align: center;
    font-size: 30px;
    font-family: Lato, 'Open Sans', "Microsoft Yahei", sans-serif;
    font-weight: bold;
}

.date-select .date span {
    font-size: 14px;
    color: #737272;
    margin-top: 8px;
}

.subscribe-form {
    display: inline-block;
    padding: 25px 30px 5px 35px;
    width: 710px;
}

.dt-sc-booking {
    padding: 10px 15px 0;
}

.dt-sc-booking li:before {
    height: 9px;
    position: absolute;
    width: 9px;
    border-radius: 50%;
    content: "";
    top: 4px;
    left: 0;
}

.dt-sc-booking li.booked:before {
    background: #666;
}

.dt-sc-booking li.dt-sc-open:before {
    background: #d7d7d7;
}

.dt-sc-booking li {
    padding: 0 0 5px 15px;
    position: relative;
    text-align: left;
    color: #3d3d3d;
    font-size: 13px;
}

h5.dt-sc-cond {
    margin: 0;
    color: #888888;
    font-size: 11px;
    position: relative;
    top: 15px;
}

input[type="submit"]:hover {
    color: #fff;
}

/*----*****---- << 08. News Letter >> ----*****----*/

.news-letter h2 {
    color: #ffffff;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

.news-letter .alignleft h2 {
    text-transform: none;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: normal;
}

.news-letter .alignleft p {
    font-size: 13px;
    color: #898989;
    margin: 0;
}

.news-letter .alignright {
    width: 53%;
}

.news-letter .alignleft {
    width: 45%;
}

.subscribe-frm input[type="email"] {
    background: #ffffff;
    border-color: #e1e1e1;
    color: #b7b7b7;
}

.subscribe-frm .dt-sc-button.small {
    font-size: 13px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px;
    min-width: 70px;
    color: #000;
    font-weight: bold;
}

.subscribe-frm .dt-sc-button.small {
    min-height: 41px;
    position: absolute;
    border-radius: 0;
}

::i-block-chrome,
.subscribe-frm .dt-sc-button.small {
    min-height: 42px;
}

.subscribe-frm {
    position: relative;
}

/*----*****---- << 09. Contact Page >> ----*****----*/

.map img {
    border: 1px solid #494542;
}

.dt-sc-contacts-info>p {
    float: left;
    margin-bottom: 3px;
    line-height: 28px;
}

.dt-sc-contacts-info>p a {
    color: #f2e9e1;
}

.dt-sc-contacts-info .icon {
    float: left;
    margin: 4px 15px 0 0;
    clear: both;
}

.dt-sc-contacts-info .icon i.fa {
    font-size: 16px;
    line-height: 24px;
}

ul.dt-sc-social-network {
    text-align: center;
    float: left;
    width: 100%;
}

ul.dt-sc-social-network>li:hover {
    cursor: pointer;
}

ul.dt-sc-social-network>li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    text-align: center;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 30px;
}

ul.dt-sc-social-network>li a {
    height: 30px;
    line-height: 30px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 30px;
    font-size: 13px;
    color: #1f1c1a;
    display: inherit !important;
}

.subscribe-frm .dt-sc-button.small:hover {
    color: #1f1c1a;
}

.fullwidth-section.fullwidth-bg .contact-page {
    padding: 80px 90px 64px !important;
}

.fullwidth-section.fullwidth-bg {
    background-color: #222222;
    float: left;
}

.fullwidth-section.fullwidth-bg h3.title:after {
    background: #2b2d2d;
}

.dt-sc-contact-info {
    display: block;
    float: left;
    margin: 0;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.dt-sc-contact-info p {
    float: left;
    line-height: 40px;
    margin: 0;
    font-weight: bold;
    color: #e1e1e1;
    font-size: 16px;
}

.dt-sc-contact-info p a {
    color: #e1e1e1;
    font-size: 16px;
}

.dt-sc-contact-info.address p {
    color: #959595;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
}

.copyright-content>p {
    color: #898989;
    font-size: 14px;
    text-align: center;
}

.copyright-content>p a {
    color: #898989;
}

#ajax_contactform_msg,
#ajax_subscribe_msg .error-msg {
    float: left;
    text-align: center;
    width: 100%;
    margin: 20px 0 0 0;
}

#ajax_contactform_msg .dt-sc-success-box,
#ajax_contactform_msg .dt-sc-error-box {
    width: 50%;
}

#ajax_subscribe_msg .dt-sc-success-box,
#ajax_subscribe_msg .dt-sc-error-box {
    padding: 5px;
    margin-bottom: 15px;
}

/*----*****---- << 10. Portfolio >> ----*****----*/

.dt-sc-portfolio-container {
    clear: both;
    float: left;
    margin: 60px 0 padding: 0;
    width: 100%;
}

.portfolio {
    overflow: hidden;
    transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
}

.portfolio figure img {
    float: left;
    position: relative;
    width: 100%;
    transform: translate3d(-30px, 0px, 0px) scale(1.12);
    -webkit-transform: translate3d(-30px, 0px, 0px) scale(1.12);
    -moz-transform: translate3d(-30px, 0px, 0px) scale(1.12);
}

.portfolio:hover img {
    transform: translate3d(0px, 0px, 0px) scale(1);
    -webkit-transform: translate3d(0px, 0px, 0px) scale(1);
    -moz-transform: translate3d(0px, 0px, 0px) scale(1);
}

.fig-content {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 9;
}

.fig-content span.image-overlay-inside {
    border-radius: 50px;
    color: #ffffff;
    font-size: 24px;
    height: 100%;
    line-height: 80px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: -50px;
    z-index: 500;
}

.portfolio .fig-content:hover h5 a {
    color: #fff;
}

.content .bx-controls-direction {
    position: inherit;
}

.content .bx-controls a.bx-next {
    right: 10px;
    line-height: 38px;
}

.content .bx-controls a.bx-prev {
    left: 10px;
    right: auto;
    line-height: 38px;
}

.content .bx-controls a {
    bottom: -4px;
    height: 40px;
    line-height: 40px;
    margin: auto !important;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 9999;
}

.fig-content span.image-overlay-inside:before {
    position: absolute;
    height: 0;
    width: 70px;
    line-height: 150px;
    left: 0;
    top: 0;
    margin: 0 0 0 -35px;
    z-index: 500;
    text-align: center;
    color: #fff;
    content: "\f03e";
    font-family: FontAwesome;
}

@media screen and (min-width:0\0) {
    .fig-content span.image-overlay-inside:before {
        width: 160px;
    }
}

::i-block-chrome,
.fig-content span.image-overlay-inside:before {
    width: 160px;
}

.fig-content span a {
    background: #ffffff;
    border-radius: 40px;
    color: #2e2e2e;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.portfolio .fig-content h5 {
    margin-bottom: 0;
}

.portfolio .fig-content h5 a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 50px;
    text-transform: uppercase;
}

.portfolio:hover .fig-content .hexagon {
    -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-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);
    -o-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.post-pagination a:hover {
    color: #fff;
}

.portfolio-single {
    position: relative;
}

.loadmore.dt-sc-button {
    line-height: 40px;
}

::i-block-chrome,
.fig-content span.image-overlay-inside {
    width: 100%;
}

::i-block-chrome,
.content .bx-controls a.bx-prev:after,
::i-block-chrome,
.content .bx-controls a.bx-next:after {
    position: relative;
    left: -15px;
}

@-webkit-keyframes avia_pop {
    0% {
        -webkit-transform: scale(0.8)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes avia_pop {
    0% {
        -moz-transform: scale(0.8)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@keyframes avia_pop {
    0% {
        transform: scale(0.8)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes avia_pop_small {
    0% {
        -webkit-transform: rotate(-175deg) scale(0.2)
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1)
    }
}

@-moz-keyframes avia_pop_small {
    0% {
        -moz-transform: rotate(-175deg) scale(0.2)
    }

    100% {
        -moz-transform: rotate(0deg) scale(1)
    }
}

@keyframes avia_pop_small {
    0% {
        transform: rotate(-175deg) scale(0.2)
    }

    100% {
        transform: rotate(0deg) scale(1)
    }
}

.dt-sc-sorting-container a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari only override */
    ::i-block-chrome,
    .dt-sc-sorting-container a:hover:before,
    .dt-sc-sorting-container a.active-sort:before,
    .dt-sc-blog-sorting-container a:hover:before,
    .dt-sc-blog-sorting-container a.active-sort:before {
        opacity: 0.5;
    }

    ::i-block-chrome,
    .dt-sc-sorting-container a:hover:after,
    .dt-sc-sorting-container a.active-sort:after,
    .dt-sc-blog-sorting-container a:hover:after,
    .dt-sc-blog-sorting-container a.active-sort:after {
        opacity: 0.5;
    }
}

.ie9 .dt-sc-sorting-container a:before,
.ie9 .dt-sc-sorting-container a:after,
.ie9 .dt-sc-blog-sorting-container a:before,
.ie9 .dt-sc-blog-sorting-container a:after {
    display: none;
}

/* IE9 Only */
.dt-sc-sorting-container {
    float: left;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.dt-sc-sorting-container a {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 8px 10px;
    position: relative;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    color: #fff;
    margin: 0 5px;
}

.portfolio.column.no-space.dt-sc-one-half {
    width: 49.9999%;
}

.portfolio.column {
    margin: 0;
}

.dt-sc-sorting-container a:hover:before,
.dt-sc-sorting-container a:focus:before {
    opacity: 0;
    transform: translateY(5px) translateX(-5px);
}

.dt-sc-sorting-container a:hover:after,
.dt-sc-sorting-container a:focus:after {
    opacity: 1;
    transform: translateY(0px) translateX(0px);
}

.dt-sc-sorting-container a:after {
    opacity: 0;
    transform: translateY(-7px) translateX(6px);
}

.dt-sc-sorting-container a:after,
.dt-sc-sorting-container a:before {
    border: 1px solid #fff;
    content: "";
    height: 100%;
    left: -1px;
    position: absolute;
    top: -1px;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    width: 100%;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    /* IE9specific styles go here */
    .dt-sc-sorting-container a:after,
    .dt-sc-sorting-container a:before {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}

a.loadmore {
    color: #fff;
    font-size: 18px;
}

.portfolio figure:after,
.portfolio figure:before {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
}

.portfolio figure:after {
    bottom: 0;
    right: 0;
}

.portfolio:hover figure:after,
.portfolio:hover figure:before {
    height: 100%;
    width: 100%;
}

.portfolio figure:before {
    left: 0;
    margin: auto;
    top: 0;
    z-index: 9;
}

.portfolio figcaption {
    height: 100%;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.portfolio:hover figcaption {
    opacity: 1;
}

.zoom span.image-overlay-inside:before {
    content: "\f03e";
    font-family: fontawesome;
}

.link span.image-overlay-inside:before {
    content: "\f0c1";
    font-family: fontawesome;
}

.fig-content a span {
    display: inline-block;
    font-size: 20px;
    line-height: 100px;
}

.fig-content a.zoom {
    left: -100px;
    right: 0;
    margin: auto;
}

.fig-content a.link {
    right: -100px;
    left: 0;
    margin: auto;
}

.fig-content a.zoom,
.fig-content a.link {
    transition: all 300ms linear;
    position: absolute;
    top: -65%;
    width: 88px;
}

.fig-content a .hexagon:hover .image-overlay-inside:before {
    color: #000;
}

.fig-content a .hexagon {
    background-color: rgba(84, 91, 91, 0.9);
}

.portfolio .fig-content .hexagon:hover {
    background: rgba(255, 255, 255, 0.9);
    transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    border-color: #fff;
}

.portfolio .fig-content .hexagon,
.portfolio .fig-content .hexagon .corner1,
.portfolio .fig-content .hexagon .corner2 {
    border: none;
}

a.light-box-btn {
    display: inline-block;
    line-height: 40px;
    margin: 10px auto 0;
    padding: 0 20px;
    text-align: center;
}

a.light-box-btn i.fa {
    top: -9px;
    left: 12px;
}

a.light-box-btn:hover {
    padding-left: 35px !important;
}

a.light-box-btn.card-btn {
    display: none !important;
}

/* *** IE9 *** */
a.light-box-btn i.fa {
    left: 12px\9;
    top: -15px\9;
}

a.light-box-btn:hover i.fa {
    left: 10px\9 !important;
    top: 10px\9 !important;
}

a.btn-icon:hover i.fa {
    top: 15px\9;
}

.news-letter .alignright .subscribe-frm input[type="text"] {
    background: #fff\9;
}

/*----*****---- << 11. About >> ----*****----*/

#primary {
    margin: 0;
    padding: 0;
    position: relative;
    width: 810px;
}

#primary.page-with-sidebar.with-left-sidebar {
    float: right;
}

#primary.page-with-sidebar.with-right-sidebar {
    float: left;
}

#secondary {
    float: left;
    margin: 0;
    padding: 0;
    width: 220px;
}

#secondary.secondary-right-sidebar {
    float: right;
    margin-left: 25px;
}

#secondary.secondary-left-sidebar {
    float: left;
    margin-right: 25px;
}

#primary .fullwidth-background {
    padding: 35px 0;
}

.fullwidth-background {
    background-color: #353737;
    clear: both;
    float: left;
    margin: 0;
    padding: 40px 0;
    width: 100%;
}

.breadcrumb-wrapper .breadcrumb {
    float: left;
}

.breadcrumb-wrapper .breadcrumb a,
.breadcrumb-wrapper .breadcrumb h4 {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
}

.breadcrumb a {
    color: #898989;
}

.breadcrumb-wrapper .breadcrumb span.fa {
    padding: 0 5px;
}

#primary.content-full-width {
    width: 100%;
}

.dt-sc-border-radius {
    border-radius: 5px;
}

.bx-controls-direction {
    position: relative;
}

.bx-controls a {
    bottom: 0;
    font-size: 0;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 15px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dt-sc-tabs-frame-content .bx-controls a {
        bottom: -10px;
    }
}

@media screen and (min-width:0\0) {
    .dt-sc-tabs-frame-content .bx-controls a {
        bottom: -10px;
    }
}

.bx-controls a.bx-prev,
.bx-controls a.bx-next {
    top: -8px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    line-height: 16px;
}

.bx-controls a.bx-prev {
    right: -14px;
}

.bx-controls a.bx-next {
    right: -30px;
}

.bx-controls a.bx-prev:hover,
.bx-controls a.bx-next:hover {
    background: #fff !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    ::i-block-chrome,
    .bx-controls a.bx-prev:after {
        left: -28px;
        position: relative;
    }

    ::i-block-chrome,
    .bx-controls a.bx-next:after {
        left: -30px;
        position: relative;
    }
}

.bx-controls a.bx-prev:after {
    content: "\f104";
}

.bx-controls a.bx-next:after {
    content: "\f105";
}

.bx-controls a.bx-prev:after,
.bx-controls a.bx-next:after {
    color: #000;
    font-family: fontawesome;
    font-size: 20px;
}

/*----*****---- << 12. Timeline Section >> ----*****----*/

.dt-sc-timeline-section:before {
    top: 0;
}

.dt-sc-timeline {
    background: url(../images/timeline_line.png) repeat-y scroll center top;
    display: inline-block;
    padding-top: 0;
    position: relative;
    width: 100%;
}

.dt-sc-timeline:last-child {
    background: none;
}

.dt-sc-timeline {
    display: inline-block;
    width: 100%;
}

.dt-sc-timeline.left .dt-sc-timeline-content i.fa {
    right: 7px;
    top: -22px !important;
}

.dt-sc-timeline.right .dt-sc-timeline-content i.fa {
    left: 7px;
    top: -20px !important;
}

.dt-sc-timeline-section.type1 .dt-sc-timeline-content i.fa {
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-family: fontawesome;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
    z-index: 1;
}

.dt-sc-timeline.left .dt-sc-timeline-content,
.dt-sc-timeline.right .dt-sc-timeline-content {
    border-radius: 5px;
    margin-right: 30px;
    padding: 20px;
    position: relative;
    top: -20px;
}

.dt-sc-timeline.left {
    text-align: right;
}

.dt-sc-timeline.right .dt-sc-timeline-content {
    margin-left: 30px;
    position: relative;
}

.dt-sc-timeline.right>.column.dt-sc-one-half {
    float: right;
    margin-right: 0;
}

.dt-sc-timeline.right .dt-sc-timeline-content {
    margin-right: 0;
}

.dt-sc-timeline.right>.column.dt-sc-one-third {
    float: right;
}

.dt-sc-timeline-content h3 {
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.dt-sc-timeline-content h3 a {
    color: #ffffff;
}

.dt-sc-timeline:hover .dt-sc-timeline-content i.fa {
    transform: rotateY(360deg) scale(1.1);
}

/*----*****---- << 13. Menu Card >> ----*****----*/

.menu-img {
    box-shadow: -10px 10px 0 0 #dec8a3;
    -moz-box-shadow: -10px 10px 0 0 #dec8a3;
    -webkit-box-shadow: -10px 10px 0 0 #dec8a3;
    -o-box-shadow: -10px 10px 0 0 #dec8a3;
    -ms-box-shadow: -10px 10px 0 0 #dec8a3;
    background: url(../images/special-item.jpg);
    float: left;
    height: 650px;
    position: relative;
    width: 510px;
}

.menu-page {
    background-color: rgba(0, 0, 0, 0);
    border: 5px solid #705755;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

.menu-page:before {
    border: 2px solid #705755;
    content: "";
    top: 0;
    bottom: 0;
    margin: 3px auto;
    left: 0;
    right: 0;
    position: absolute;
    width: 99%;
    border-radius: 15px;
    z-index: -1
}

.menu-card {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.rounded-top,
.rounded-bottom {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rounded-top-2,
.rounded-bottom-2 {
    position: absolute;
    width: 80%;
    height: 95%;
    top: 5%;
    margin: 0px auto;
    right: 0;
    left: 0;
}

.rounded-top:before,
.rounded-top:after,
.rounded-bottom:before,
.rounded-bottom:after {
    content: " ";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff1d9;
    border: 5px solid #705755;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: url(../images/main-bg.jpg) repeat;
}

.rounded-top-2:before,
.rounded-top-2:after,
.rounded-bottom-2:before,
.rounded-bottom-2:after {
    content: " ";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff1d9;
    border: 2px solid #705755;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: -1;
    background: url(../images/main-bg.jpg) repeat;
}

.rounded-top:before {
    top: -25px;
    left: -25px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

.rounded-top:after {
    top: -25px;
    right: -25px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}

.rounded-bottom:before {
    bottom: -25px;
    left: -25px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.rounded-bottom:after {
    bottom: -25px;
    right: -25px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    -webkit-transform: rotate(405deg);
}

.rounded-top-2:before {
    top: -45px;
    left: -98px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(227deg);
    -moz-transform: rotate(227deg);
    -ms-transform: rotate(227deg);
    -webkit-transform: rotate(227deg);
}

.rounded-top-2:after {
    top: -45px;
    right: -98px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}

.rounded-bottom-2:before {
    bottom: -14px;
    left: -98px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.rounded-bottom-2:after {
    bottom: -14px;
    right: -98px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(407deg);
    -moz-transform: rotate(407deg);
    -ms-transform: rotate(407deg);
    -webkit-transform: rotate(407deg);
}

.menu-heading {
    display: inline-block;
    float: none;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -12px;
    width: 100%;
}

.menu-heading h6 {
    background: url(../images/main-bg.jpg);
    font-weight: 700;
    display: inline-block;
    float: none;
    font-size: 24px;
    line-height: 20px;
    padding: 0 25px;
    margin: 0;
    color: #fff;
}

.menu-details {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 30px;
    width: 100%;
    z-index: 9999;
    position: relative;
    height: 620px;
}

.menu-details p {
    float: left;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 40px;
    padding: 0;
}

.menu-item {
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
}

/*.menu-item:before { border-top: 4px dotted #705755; content: ""; left: 68px; margin: 0 auto; position: absolute; right: 0; top: 14px; width: 18%;}	*/
.menu-item h5 {
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    padding: 0;
    color: #f27227;
    width: 75%;
}

.menu-item .price {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 28px;
    width: 20%;
}

.menu-footer {
    background: url(../images/main-bg.jpg);
    bottom: -30px;
    display: inline-block;
    float: none;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 30%;
    padding: 0 20px;
    z-index: 9999;
}

.menu-underline {
    display: inline-block;
    height: 25px;
    margin: 0 0 10px;
    width: 148px;
}

.menu-card-center {
    width: auto;
    margin: auto;
}

.menu-card h3.border-title:before {
    top: 30px;
}

.menu-card h3.border-title:after {
    top: 31px;
}

.menu-card h3.border-title.none {
    font-size: 16px;
    text-transform: capitalize;
}

.menu-item {
    padding: 0 7px;
}

.menu-card h3.border-title {
    margin-bottom: 25px;
    color: #fff;
}

.menu-card h3.border-title.none {
    margin-bottom: 15px;
}

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

.menu-item.skin {
    background: #1f1f1f;
}

/*----*****---- << Map >> ----*****----*/

#contact_map {
    float: right;
    height: 450px;
    width: 100%;
}

.fullwidth-section #contact_map2 {
    float: right;
    height: 445px;
    width: 100%;
}

/*----*****---- << Button Effect's >> ----*****----*/

.dt-sc-animation-eff1 {
    background: none;
    color: #fff;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    z-index: 9;
}

.dt-sc-animation-eff1:hover {
    color: #fff;
}

.dt-sc-animation-eff1:before,
.dt-sc-animation-eff1:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.dt-sc-animation-eff1:hover:before,
.dt-sc-animation-eff1:hover:after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.dt-sc-animation-eff1:hover:after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}

.dt-sc-animation-eff2 {
    overflow: hidden;
    width: 100%;
    -moz-transition: border-color 0.3s, color 0.3s;
    -ms-transition: border-color 0.3s, color 0.3s;
    -webkit-transition: border-color 0.3s, color 0.3s;
    transition: border-color 0.3s, color 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.dt-sc-animation-eff2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    -moz-transform: rotate3d(0, 0, 1, -75deg) translate3d(0, -3em, 0);
    -ms-transform: rotate3d(0, 0, 1, -75deg) translate3d(0, -3em, 0);
    -webkit-transform: rotate3d(0, 0, 1, -75deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -75deg) translate3d(0, -3em, 0);
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
    -ms-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
    transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
}

.dt-sc-animation-eff2:hover {
    color: #fff;
}

.dt-sc-animation-eff2:hover:before {
    opacity: 1;
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.dt-sc-social-network li:hover:after {
    opacity: 1;
    transform: scale(1);
    transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -webkit-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -moz-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -ms-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -o-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
}

.dt-sc-social-network li:after {
    content: "";
    height: 32px;
    left: -1px;
    opacity: 0;
    position: absolute;
    top: -1px;
    transform: scale(1.3);
    transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -webkit-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -moz-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -ms-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -o-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    width: 32px;
    z-index: -1;
}

/*----*****---- << Date Picker Inline >> ----*****----*/

.ll-skin-latoja {
    font-size: 90%;
}

.ll-skin-latoja .ui-widget {
    width: 205px !important;
    background: #fff;
}

.ll-skin-latoja .ui-datepicker {
    padding: 0;
    border-radius: 5px 0 0 5px;
}

.ll-skin-latoja .ui-datepicker-header {
    border: none;
    font-size: 80%;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: url(../images/date-bg1.jpg) repeat 100% -1px;
    padding: 8px 0 !important;
}

.ll-skin-latoja .ui-datepicker-title {
    color: #515d65;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .8);
}

.ll-skin-latoja .ui-icon-circle-triangle-e {
    background-image: url(../images/ui-icons_454545_5f256x240.png);
    background-position: -32px -16px;
}

.ll-skin-latoja .ui-icon-circle-triangle-w {
    background-image: url(../images/ui-icons_454545_5f256x240.png);
    background-position: -96px -16px;
}

.ll-skin-latoja .ui-datepicker .ui-datepicker-prev,
.ll-skin-latoja .ui-datepicker .ui-datepicker-next {
    border-color: transparent;
    top: 8px;
}

.ll-skin-latoja .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
}

.ll-skin-latoja .ui-datepicker-header .ui-state-hover {
    background: #bdc5c9;
}

.ll-skin-latoja .ui-datepicker table {
    margin: 0;
}

.ll-skin-latoja .ui-datepicker th {
    color: #494949;
    font-size: 10px;
    font-weight: normal;
    -moz-border-radius: 216px 0 0 0 / 0 0 0 0;
    -webkit-border-radius: 216px 0 0 0 / 0 0 0 0;
    border-radius: 216px 0 0 0 / 0 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .08);
    text-transform: uppercase;
}

.ll-skin-latoja .ui-datepicker td:last-child {
    border-right: none;
}

.ll-skin-latoja .ui-datepicker td span,
.ll-skin-latoja .ui-datepicker td a {
    padding: .7em 0;
    color: #6a747a;
    font-size: 12px;
    font-family: Lato, 'Open Sans', "Microsoft Yahei", sans-serif;
}

.ll-skin-latoja td a.ui-state-active,
.ll-skin-latoja td a.ui-state-active.ui-state-hover {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .26);
    background-image: none !important;
}

.ll-skin-latoja .ui-datepicker td {
    padding: 0;
}

.ll-skin-latoja td a.ui-state-active {
    color: #fff;
}

.testimonial-pagination {
    float: left;
    width: 100%;
    margin-top: 40px;
    text-align: center;
}

.testimonial-pagination a {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

#pager a span {
    display: none;
}

#pager a:before {
    color: #8c8c8c;
    content: "\f05c";
    font-family: fontawesome;
}

#pager a.selected:before {
    content: "\f05b";
    font-size: 16px;
    position: relative;
    top: 1px;
}

/*----*****---- << 14. Tooltip >> ----*****----*/

.dt-sc-social-network.tooltip-container a {
    color: #1f1f1f;
}

.tooltip-container .tooltip {
    display: inline;
    position: relative;
    color: #fff;
}

.tooltip-container .tooltip .tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 70px;
    bottom: 175%;
    left: 0;
    margin-left: -26px;
    padding: 5px 5px 8px;
    text-align: center;
    color: #FFF;
    opacity: 0;
    background: #fff !important;
    cursor: default;
    transform: scale3d(0.1, 0.2, 1);
    transform-origin: 50% 120% 0px;
    transition: opacity 0.4s ease 0s, transform 0.4s cubic-bezier(0.6, 0, 0.4, 1) 0s;
    backface-visibility: hidden;
    border-radius: 3px;
}

.tooltip-container .facebook .tooltip .tooltip-content {
    left: -4px;
}

.tooltip-container .tooltip .tooltip-content {
    text-align: center;
    color: #1f1c1a;
    cursor: default;
    font-size: 14px;
}

.tooltip-container .tooltip:hover .tooltip-content,
.tooltip-container li:hover .tooltip-content {
    opacity: 1;
    transform: none;
}

.tooltip-container .tooltip .tooltip-content:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 54%;
    margin-left: -8px;
    top: 100%;
    transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    -webkit-transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    backface-visibility: hidden;
    background: #fff !important;
    transform: rotate(45deg)\9;
}

.dt-sc-social-network .tooltip .tooltip-content {
    margin-left: -24px;
    width: 80px;
    padding: 0;
    bottom: -45px;
    line-height: 26px;
}

.dt-sc-social-network .tooltip .tooltip-content:after {
    top: 2px;
    top: -5px\9;
}

/*----*****---- << 15. Go To Top >> ----*****----*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    background: url(../images/ui.totop.png) no-repeat left top;
    z-index: 9999;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#toTopHover {
    background: url(../images/ui.totop.png) no-repeat left -40px;
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
}

/*----*****---- << 16. Style Picker >> ----*****----*/
/*
.haircut-style-picker-wrapper { position:fixed; z-index:999999; left:0px; top:150px; backface-visibility: hidden; }	
#haircut-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; text-align:center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); }	
#haircut-style-picker h2 { background: #fefefe; font:normal 12px Tahoma, Geneva, sans-serif ; text-transform:uppercase; line-height:48px; width:100%; color:#848484; border-bottom: 1px solid #dddddd;
margin:0px 0px 15px; padding:0px;  }	
#haircut-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; margin:0px; text-transform:uppercase; }
	
#haircut-style-picker ul { float:left; margin:0px 0 15px; padding:0px; text-align:center; width:225px; }	
#haircut-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px; }	
#haircut-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:1px; display:inline-block; margin:0px; line-height:0; }	
#haircut-style-picker ul li a.selected { border:1px solid; }	
#haircut-style-picker ul li a img { border:1px solid #d7d7d7; max-width: 100%; }
#haircut-style-picker ul.color-picker li a img { border-radius: 12px; }
#haircut-style-picker ul.color-picker li a.selected { border-radius: 20px; }

#haircut-style-picker .hr { background:url(../images/seperator.png) no-repeat; max-width:100%; height:25px; margin:-10px 0px 10px; float:left; }	
.style-picker-ico { background: #fff; border-image: none; height: 48px; left: 175px; position: absolute; text-align: center; top: 0; width: 50px; z-index: 9; }
.style-picker-ico.control-open { left: 225px; }
.boxed { background:url(../images/pattern1.jpg) repeat fixed;  }
.dt-sc-services-type1:hover span, .dt-sc-services-types2:hover span { color: #fff; }
.fa.fa-cog.fa-spin { color: #000; font-size: 27px; line-height: 47px; }	
*/
/*----*****---- << 17. 404 >> ----*****----*/

.error-404 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0 0 100px;
}

.error-404 a.dt-sc-button {
    line-height: 40px;
}

.error-404 .btn-icon:hover i.fa {
    transform: translate3d(-5px, 11px, 0px);
}

.error-404 .dt-sc-button.small.btn-icon:hover {
    padding-left: 35px;
}

.error-404 h1 {
    font-size: 40px;
}

.error-404 h2 {
    font-size: 80px;
    font-weight: bold;
    margin-bottom: 15px;
}

.error-404 h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.error-404 h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

/*----*****---- << 18. Side Navigation >> ----*****----*/

.side-nav-container {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.side-nav-container ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.side-nav-container ul li {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    background-color: #353737;
    border-color: #2b2d2d;
}

.side-nav-container ul li a {
    color: #fff;
    display: block;
    line-height: 47px;
    margin: 0;
    float: left;
    width: 100%;
    text-align: right;
}

.side-nav-container ul li.current_page_item a .fa {
    color: #000;
    width: 41px;
    font-size: 16px;
}

.side-nav-container ul li a .fa {
    color: #252525;
    float: right;
    font-family: FontAwesome;
    font-size: 13px;
    height: 47px;
    line-height: 47px;
    margin-left: 20px;
    text-align: center;
    width: 40px;
    border-left: 1px solid #2b2d2d;
}

.side-nav-container ul li.current_page_item {
    border-right: none;
    background-color: #fff;
}

.side-nav-container ul li.current_page_item a {
    border-right: none;
    position: relative;
    color: #000;
}

.side-nav-container ul li:hover {
    background-color: #fff;
}

.side-nav-container ul li:hover a {
    color: #000;
}

.side-nav-content img {
    margin-bottom: 20px;
}

.side-nav-content h3 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}

.side-nav-container ul li:hover a .fa {
    margin-left: 25px;
    font-size: 16px;
}

/*----*****---- << FAQ >> ----*****----*/

.faq .dt-sc-tabs-frame-content {
    border: medium none;
    padding: 0 !important;
}

.faq ul.dt-sc-tabs-frame li a,
.faq ul.dt-sc-tabs-vertical-frame li a {
    min-width: 220px;
    text-align: right;
}

.faq ul.dt-sc-tabs-frame li a.current,
.faq ul.dt-sc-tabs-vertical-frame li a.current {
    border-right: 4px solid #fff;
}

.faq .aligncenter>h5 {
    font-size: 18px;
    margin-bottom: 15px;
}

.faq .aligncenter h6 {
    color: #ffffff;
    font-size: 16px;
    margin: 0;
}

.faq .aligncenter h6 a {
    color: #ffffff;
}

/*----*****---- << 19. Photo Stack >> ----*****----*/

.photostack {
    background: #ddd;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.js .photostack {
    height: 700px;
}

.photostack-start {
    cursor: pointer;
}

.photostack>div {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.photostack figure {
    width: 270px;
    height: 310px;
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 15px;
    text-align: center;
    margin: 5px;
}

.js .photostack figure {
    position: absolute;
    display: block;
    margin: 0;
}

.photostack figcaption h2 {
    margin: 20px 0 0 0;
    color: #a7a0a2;
    font-size: 16px;
}

.photostack-img {
    outline: none;
    display: block;
    width: 240px;
    height: 240px;
    background: #f9f9f9;
}

.photostack-back {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    color: #000 !important;
    padding: 50px 40px;
    text-align: left;
    font-size: 22px !important;
    z-index: 1;
}

.photostack-back p {
    margin: 0;
    color: #000;
}

.photostack-back p span {
    text-decoration: line-through;
}

.photostack nav {
    position: absolute;
    width: 100%;
    bottom: 60px;
    z-index: 90;
    text-align: center;
    left: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.photostack-start nav {
    opacity: 0;
}

.photostack nav span {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #aaa;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.6s ease-in-out, background 0.3s;
    transition: transform 0.6s ease-in-out, background 0.3s;
    -moz-transition: -moz-transform 0.6s ease-in-out, background 0.3s;
    -ms-transition: -ms-transform 0.6s ease-in-out, background 0.3s;
    -o-transition: -o-transform 0.6s ease-in-out, background 0.3s;
    -webkit-transform: scale(0.48);
    transform: scale(0.48);
    -moz-transform: scale(0.48);
    -ms-transform: scale(0.48);
    -o-transform: scale(0.48);
}

.photostack nav span:last-child {
    margin-right: 0;
}

.photostack nav span::after {
    content: "\f01e";
    font-family: fontawesome;
    font-size: 80%;
    speak: none;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 30px;
    color: #fff;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.photostack nav span.current {
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.photostack nav span.current.flip {
    -webkit-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    transform: scale(1) rotateY(-180deg) translateZ(-1px);
    -moz-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    -ms-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    -o-transform: scale(1) rotateY(-180deg) translateZ(-1px);
}

.photostack nav span.flippable::after {
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
}

.js .photostack::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s, visibility 0s 0.3s;
    -ms-transition: opacity 0.3s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s, visibility 0s 0.3s;
}

.js .photostack-start::before {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.js .photostack::after {
    content: 'View Gallery';
    font-weight: 400;
    position: absolute;
    border: 3px solid #fff;
    text-align: center;
    white-space: nowrap;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    z-index: 101;
}

.js .photostack::before,
.js .photostack::after {
    opacity: 0;
    visibility: hidden;
}

.photostack figure::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
}

figure.photostack-current::after {
    -webkit-transition: opacity 0.6s, visibility 0s 0.6s;
    transition: opacity 0.6s, visibility 0s 0.6s;
    -moz-transition: opacity 0.6s, visibility 0s 0.6s;
    -ms-transition: opacity 0.6s, visibility 0s 0.6s;
    -o-transition: opacity 0.6s, visibility 0s 0.6s;
    opacity: 0;
    visibility: hidden;
}

.photostack-transition figure {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -moz-transition: transform 0.6s ease-in-out;
    -ms-transition: transform 0.6s ease-in-out;
    -o-transition: transform 0.6s ease-in-out;
}

.photostack-perspective {
    -webkit-perspective: 1800px;
    perspective: 1800px;
    -moz-perspective: 1800px;
    -ms-perspective: 1800px;
    -o-perspective: 1800px;
}

.photostack-perspective>div,
.photostack-perspective figure {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
}

.photostack-perspective figure,
.photostack-perspective figure div {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.photostack-perspective figure.photostack-flip {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
}

.csstransformspreserve3d figure.photostack-flip .photostack-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    display: block;
}

.no-csstransformspreserve3d figure.photostack-showback .photostack-back {
    display: block;
}

.no-js .photostack figure {
    box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.05);
}

.no-js .photostack figure::after {
    display: none;
}

.no-js .photostack figure:nth-child(3n) {
    -webkit-transform: translateX(-10%) rotate(5deg);
    transform: translateX(-10%) rotate(5deg);
    -moz-transform: translateX(-10%) rotate(5deg);
    -ms-transform: translateX(-10%) rotate(5deg);
    -o-transform: translateX(-10%) rotate(5deg);
}

.no-js .photostack figure:nth-child(3n-2) {
    -webkit-transform: translateY(10%) rotate(-3deg);
    transform: translateY(10%) rotate(-3deg);
    -moz-transform: translateY(10%) rotate(-3deg);
    -ms-transform: translateY(10%) rotate(-3deg);
    -o-transform: translateY(10%) rotate(-3deg);
}

#photostack-1 nav span.current {
    background: #888;
    -webkit-transform: scale(0.61);
    transform: scale(0.61);
    -moz-transform: scale(0.61);
    -ms-transform: scale(0.61);
    -o-transform: scale(0.61);
}

/*----*****---- << 06.Footer >> ----*****----*/

#footer {
    background: #0d0d0d;
    padding: 0 0 40px;
}

#footer h3.widgettitle {
    clear: both;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 30px;
    font-weight: 300;
}

#footer .textwidget .dt-sc-contact-info .icon {
    margin: 0 17px 0 0;
    position: initial;
    top: 0;
    width: 40px;
    height: 40px;
    float: left;
    border: 2px solid;
    border-radius: 50%;
}

#footer .textwidget .dt-sc-contact-info .icon i.fa {
    line-height: 36px;
    text-align: center;
    width: 36px;
}

#footer .textwidget a.app-link {
    top: 10px;
    position: relative;
    display: inline;
}

#footer .textwidget a.app-link.alignright {
    left: -15px;
}

#footer .footer-links {
    float: left;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    position: relative;
}

#footer .footer-links li {
    background: url(../images/footer-link-seperator.jpg) no-repeat scroll right center rgba(0, 0, 0, 0);
    display: inline;
    line-height: 52px;
    margin-right: 14px;
    padding-bottom: 0;
    padding-right: 14px;
    font-size: 14px;
    color: #e1b68c;
}

#footer .footer-links li a {
    color: #acacac;
}

#footer .footer-links li:first-child,
#footer .footer-links li:last-child {
    background: none;
    padding-right: 0;
}

#footer .footer-links li:last-child {
    margin: 0;
}

#footer .footer-links:before,
#footer .footer-links:after {
    position: absolute;
    height: 1px;
    background: #353737;
    content: "";
    left: 0;
    width: 100%;
}

#footer .footer-links:after {
    bottom: 0;
}

#footer .footer-links:before {
    top: 0;
}

/* *** Animate *** */
.animate {
    opacity: 0;
}

.animated {
    opacity: 1 !important;
}

/* responsive.css */


/*----*****---- << Responsive >> ----*****----*/
/*----*****---- << Desktop >> ----*****----*/

@media only screen and (min-width:960px) and (max-width:1280px) {
    .container {
        width: 900px;
    }

    .boxed .wrapper {
        width: 940px;
    }

    /*----*****---- << Home >> ----*****----*/

    .entry-thumb-desc p {
        height: 110px;
    }

    .entry-metadata span {
        margin-right: 8px;
    }

    .opening-time .alignright {
        padding: 15px 0 25px;
        width: 66%;
        margin-right: 5px;
    }

    #footer .textwidget a.app-link {
        float: left;
        margin-top: 10px;
        left: 0px !important;
    }

    .portfolio figure img {
        transform: translate3d(0px, 0px, 0px) scale(1.12);
    }

    .dt-sc-service.type2 figure.gallery-thumb {
        width: 42%;
    }

    #header .dt-sc-button {
        margin: 28px 25px 0 30px;
    }

    .banner-home {
        margin-bottom: 17px;
    }

    /*----*****---- << Services >> ----*****----*/

    .dt-sc-tabs-frame-content .alignright,
    .dt-sc-tabs-container.float-right .dt-sc-tabs-frame-content .alignright {
        width: 55% !important;
    }

    .dt-sc-tabs-frame-content {
        padding-right: 20px;
    }

    .dt-sc-service.content:after,
    .dt-sc-txt-bg {
        height: 62px;
    }

    .dt-sc-service.content figure.gallery-thumb {
        height: 100%;
    }

    .dt-sc-service.content:hover .gallery-thumb .gallery-overlay>h4,
    .dt-sc-service.content .gallery-thumb>h3 {
        bottom: -10px;
    }

    #primary {
        width: 680px;
    }

    #secondary.secondary-right-sidebar {
        width: 195px;
    }

    #secondary.secondary-left-sidebar {
        width: 195px;
        float: left;
    }

    .widget_categories ul li a {
        font-size: 14px;
    }

    .dt-sc-contacts-info .icon {
        margin-right: 5px;
    }

    .fullwidth-section.fullwidth-bg .contact-page {
        padding: 40px !important;
    }

    .dt-sc-contacts-info>p {
        float: none;
    }

    .contact-page .dt-sc-one-third.first p {
        width: 100%;
    }

    .contact-page .dt-sc-one-third p {
        width: calc(100% + 40px);
    }

    #footer .textwidget .dt-sc-contact-info .icon {
        margin-right: 10px;
    }

    .dt-sc-service.content .gallery-thumb>h3,
    .dt-sc-service.content .gallery-thumb .gallery-overlay>h4 {
        font-size: 18px;
    }

    .ll-skin-latoja .ui-widget {
        width: 175px !important;
    }

    .date-select {
        width: 105px;
    }

    h5.dt-sc-cond {
        top: 2px;
    }

    .dt-sc-booking li {
        padding-bottom: 2px;
    }

    .bx-controls a.bx-next {
        right: -30px;
    }

    .bx-controls a.bx-prev {
        right: 0;
    }

    .loader {
        top: 52% !important;
    }

    .border-title h1 {
        font-size: 28px;
    }

    .dt-sc-ico-content.type4 .icon::before {
        min-width: 210px;
    }

    ul.dt-sc-tabs-vertical-frame li a {
        min-width: 115px;
    }

    .dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content .alignright {
        width: 45% !important;
    }

    .dt-sc-ico-content.type5 {
        padding: 20px 30px 40px;
    }

    .dt-sc-ico-content.type6 {
        padding: 10px 30px 40px;
    }

    .dt-sc-testimonial blockquote::before {
        width: 86%;
    }

    .dt-sc-testimonial blockquote::after {
        width: 10%;
    }

    .dt-sc-header-shape .hexagon {
        right: -15px;
    }

    .fig-content span.image-overlay-inside::before {
        width: 68px;
        height: 50px;
        line-height: 62px;
        font-size: 18px;
        top: 60%;
    }

    .fig-content .hexagon {
        height: 30px;
        width: 54px;
    }

    .fig-content a.zoom,
    .fig-content a.link {
        top: -20%;
        width: 60px;
    }

    .fig-content a.link {
        right: -70px;
    }

    .fig-content a.zoom {
        left: -70px;
    }

    .fig-content span.image-overlay-inside {
        height: 180%;
    }

    .fig-content {
        top: 42%;
    }

    .rounded-top-2::before,
    .rounded-bottom-2::before {
        left: -55px !important;
    }

    .rounded-bottom-2:after,
    .rounded-top-2::after {
        right: -55px !important;
    }

    ul.info>li:last-child {
        padding-bottom: 65px;
    }

    .blog-post blockquote q::before {
        left: 25px;
    }

    h3.border-title.pushing:after {
        top: 60px;
    }

    h3.border-title.pushing:before {
        top: 59px;
    }

    ul.shop-times li .time-day {
        font-size: 32px;
        margin: 35px 0 5px;
    }

    ul.shop-times li {
        height: 115px;
        width: 115px;
        margin-right: 15px;
    }

    .overlay-ads {
        padding: 50px;
    }

    .appointment-box>h1 {
        font-size: 56px;
    }

    .dt-sticky-menu.type3 #main-menu ul.menu>li,
    #panel .type4 #main-menu ul.menu>li {
        margin: 0 10px;
    }

    .dt-sticky-menu.type3 #main-menu ul.menu li::after,
    #panel .type4 #main-menu ul.menu li::after {
        right: -12px;
    }

    .dt-sticky-menu.type3 .dt-sc-header-shape a.dt-sc-button,
    #panel .type4 .dt-sc-header-shape a.dt-sc-button {
        margin: 28px 0 0 !important;
    }

    .is-sticky .dt-sticky-menu.type3 .dt-sc-header-shape a.dt-sc-button {
        margin: 23px 0 0 !important;
    }

    .dt-sticky-menu.type3 .dt-sc-header-shape .hexagon,
    #panel .type4 .dt-sc-header-shape .hexagon {
        display: none;
    }
}

/*----*****---- << Tablet (Portrait) >> ----*****----*/

@media only screen and (min-width:768px) and (max-width:959px) {
    .container {
        width: 710px;
    }

    .boxed .wrapper {
        width: 750px;
    }

    /*----*****---- << Home >> ----*****----*/

    /*----*****---- << Header >> ----*****----*/

    #logo {
        width: 18%;
    }

    #logo a {
        width: 90%;
    }

    #main-menu {
        width: 59%;
    }

    #main-menu ul.menu li:after {
        right: -12px;
    }

    #main-menu ul.menu>li {
        margin: 0 10px;
    }

    #main-menu ul.menu>li>a,
    #main-menu ul.menu>li>ul>li>a {
        font-size: 12px;
    }

    #header .dt-sc-button {
        margin-left: 0;
        font-size: 10px;
    }

    #header .dt-sc-button.medium {
        padding: 10px 18px;
        margin-top: 33px;
    }

    .entry-thumb-desc p {
        padding: 0 20px 0;
        height: 105px;
    }

    .gallery-details {
        padding: 0 0 20px;
    }

    .gallery-details .hr-invisible-medium {
        margin: 25px 0;
    }

    .entry-metadata span {
        display: inline-block;
        margin-bottom: 5px;
        width: 100%;
    }

    .entry-metadata p {
        line-height: 20px;
        margin-bottom: 15px;
    }

    .entry-metadata {
        padding-left: 80px;
    }

    .form-row>input[type="submit"] {
        margin-top: 20px;
    }

    .opening-time li span {
        width: 51%;
    }

    .opening-time ul li h4 {
        width: 49%;
    }

    .opening-time .alignright {
        padding: 25px 0 15px;
        width: 68%;
        margin-right: 5px;
    }

    .opening-time .alignleft {
        width: 26%;
    }

    #footer .textwidget a.app-link {
        float: left;
        margin-top: 10px;
        left: 0px !important;
    }

    #footer .textwidget .dt-sc-contact-info .icon {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    #footer .textwidget .dt-sc-contact-info .icon i.fa {
        width: 26px;
        line-height: 26px;
    }

    .dt-sc-contact-info.address p {
        font-size: 14px;
        line-height: 20px;
    }

    .dt-sc-contact-info p a {
        font-size: 13px;
    }

    .dt-sc-contact-info p {
        font-size: 14px;
        margin-top: -6px;
    }

    .dt-sc-contacts-info .icon {
        margin-right: 5px;
    }

    .dt-sc-animation-eff2::before {
        transform: rotate3d(0, 0, 1, -85deg) translate3d(0px, -3em, 0px);
        -webkit-transform: rotate3d(0, 0, 1, -85deg) translate3d(0px, -3em, 0px);
    }

    .dt-sc-timeline.right .dt-sc-timeline-content i.fa {
        left: 7px;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content i.fa {
        right: 7px;
    }

    .dt-sc-button.xlarge.btn-icon:hover {
        padding-left: 52px;
    }

    .dt-sc-ico-content.type6 {
        padding: 10px 10px 40px;
    }

    .dt-sc-ico-content.type5 {
        padding: 20px 10px 40px;
    }

    .portfolio figure img {
        transform: translate3d(0px, 0px, 0px) scale(1.12);
    }

    .content h3.border-title:after {
        top: 55px;
    }

    .content h3.border-title:before {
        top: 54px;
    }

    .blog-post blockquote q::before {
        left: -5px;
    }

    .dt-sc-service.type2 figure.gallery-thumb {
        width: 48%;
    }

    .dt-sc-service.type2 {
        padding: 0 0 0 130px;
        margin: 0 100px 0 0;
    }

    .dt-sc-service.type2.right {
        padding: 0 130px 0 0;
        margin: 0 0 0 100px;
    }

    p.dt-sc-price-tag {
        margin: 25px 0 60px;
    }

    .fullwidth-section.fullwidth-bg .contact-page {
        padding: 40px 20px !important;
    }

    .dt-sc-testimonial blockquote::before {
        width: 82%;
    }

    .dt-sc-testimonial blockquote::after {
        width: 12%;
    }

    .overlay-section-second h4 {
        margin-bottom: 10px !important;
        font-size: 20px !important;
    }

    .overlay-section-second h4 span {
        font-size: 10px !important;
    }

    .overlay-section-second {
        width: 185px !important;
        height: auto !important;
    }

    .overlay-section-second::after {
        height: 300% !important;
    }

    .overlay-section-first>h5 a {
        padding: 5px 20px !important;
    }

    .dt-sc-team.type4:hover .overlay-section-first>h5 {
        bottom: 20px !important;
    }

    .dt-sc-timeline.right .hexagon {
        left: -71px;
    }

    .dt-sc-timeline.left .hexagon {
        right: -72px;
    }

    .gallery-details p {
        padding: 0;
    }

    .fig-content span.image-overlay-inside::before {
        width: 68px;
        height: 50px;
        line-height: 62px;
        font-size: 18px;
        top: 60%;
    }

    .fig-content .hexagon {
        height: 30px;
        width: 54px;
    }

    .fig-content a.zoom,
    .fig-content a.link {
        top: -20%;
        width: 60px;
    }

    .fig-content a.link {
        right: -70px;
    }

    .fig-content a.zoom {
        left: -70px;
    }

    .fig-content span.image-overlay-inside {
        height: 180%;
    }

    .fig-content {
        top: 38%;
    }

    h5.breadcrumb-title {
        top: -32px;
        font-size: 70px;
    }

    .contact-page .dt-sc-one-third {
        width: 100%;
        margin-bottom: 30px;
    }

    #contact_map {
        height: 705px;
    }

    .dt-sc-header-shape .hexagon {
        top: 40px;
        height: 23px;
        width: 41px;
        right: -26px;
    }

    .dt-sc-header-shape .hexagon::after {
        line-height: 23px;
        font-size: 16px;
    }

    .dt-sc-button.large {
        padding: 8px 35px;
    }

    ul.info>li:last-child {
        padding-bottom: 100px;
    }

    h3.border-title.pushing:after,
    h3.border-title.pushing1:after {
        top: 60px;
    }

    h3.border-title.pushing:before,
    h3.border-title.pushing1:before {
        top: 59px;
    }

    .banner-home {
        margin-bottom: 13px;
    }

    /*----*****---- << Services >> ----*****----*/

    .menu-underline {
        width: 35px !important;
    }

    .dt-sc-service.type2 h3 a {
        font-size: 22px;
    }

    .dt-sc-tabs-frame-content .alignright {
        width: 50% !important;
    }

    .dt-sc-tabs-frame-content .alignleft {
        width: 45%;
    }

    .dt-sc-service.content:after,
    .dt-sc-txt-bg {
        height: 49px;
    }

    .dt-sc-service.content figure.gallery-thumb {
        height: 170px;
        width: 100%;
    }

    .dt-sc-service.content:hover .gallery-thumb .gallery-overlay>h4,
    .dt-sc-service.content .gallery-thumb>h3 {
        bottom: -17px;
        font-size: 14px;
    }

    .dt-sc-service.content:hover .gallery-thumb>h3.top {
        top: 10px;
    }

    ul.dt-sc-tabs-frame li {
        margin-bottom: 0px;
    }

    ul.dt-sc-tabs-frame li:last-child {
        margin: 0;
    }

    .radio-btn {
        display: inline-block;
        margin-bottom: 10px;
    }

    #primary {
        width: 510px;
    }

    #secondary.secondary-right-sidebar {
        width: 180px;
        margin-left: 15px;
    }

    #secondary.secondary-left-sidebar {
        width: 180px;
        float: left;
        margin-right: 15px;
    }

    .widget_categories ul li a {
        font-size: 12px;
    }

    h5.dt-sc-cond,
    .date-select {
        position: initial;
    }

    .dt-sc-datepicker {
        border: none;
    }

    .bx-controls a.bx-next {
        right: -32px;
    }

    .dt-sc-contacts-info>p {
        float: none;
        width: 94%;
    }

    .loader {
        top: 53% !important;
    }

    .date-select,
    .ll-skin-latoja .ui-widget {
        width: 100% !important;
    }

    .dt-sc-booking {
        display: inline-block;
        margin-bottom: 10px;
    }

    .date-select .cal-separator {
        margin: 20px auto 0;
        display: block;
    }

    .bx-controls a.bx-prev {
        right: -10px;
    }

    .date-select {
        padding-bottom: 15px;
    }

    .dt-sc-contacts-info {
        width: calc(100% + 30px);
    }

    .border-title>h1 {
        font-size: 22px;
    }

    .border-title>h2 {
        font-size: 20px;
    }

    .dt-sc-ico-content.type4 .icon::before {
        min-width: 145px;
    }

    .dt-sc-tabs-container.float-right ul.dt-sc-tabs-frame li {
        display: inline-block;
    }

    .dt-sc-tabs-container.float-right ul.dt-sc-tabs-frame li:last-child {
        margin-bottom: 0;
    }

    .dt-sc-tabs-container.float-right .dt-sc-tabs-frame-content .alignright {
        width: 55% !important;
        margin-right: 0;
    }

    .dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content {
        padding: 20px;
    }

    ul.dt-sc-tabs-vertical-frame li a {
        min-width: 90px;
    }

    .dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content .alignleft {
        width: 100%;
    }

    .dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content .alignright {
        width: 100% !important;
    }

    .dt-sc-team.type3 .team-details-social-icons a {
        margin: 0 3px;
    }

    .dt-sc-team.type3 .team-details-social-icons {
        height: 25px;
    }

    .dt-sc-button.xlarge {
        font-size: 15px;
        padding: 12px 45px;
    }

    .column.dt-sc-one-sixth .dt-sc-donutchart>div,
    .column.dt-sc-one-sixth .dt-sc-donutchart,
    .column.dt-sc-one-sixth .dt-sc-donutchart-medium canvas {
        height: 120px !important;
        width: 120px !important;
    }

    .column.dt-sc-one-sixth .dt-sc-donutchart>div {
        line-height: 120px !important;
    }

    ul.dt-sc-tabs-frame li a {
        min-width: 110px !important;
    }

    .dt-sc-tabs-frame-content .alignleft img {
        margin-bottom: 20px;
    }

    ul.dt-sc-social-icons.portfolio-single,
    ul.info.portfolio-single {
        clear: both;
        float: right;
        width: 60%;
    }

    .post-pagination {
        clear: both;
    }

    ul.shop-times li .time-day {
        font-size: 24px;
        margin: 26px 0 5px;
    }

    ul.shop-times li {
        height: 88px;
        width: 88px;
        margin-right: 15px;
    }

    .faq ul.dt-sc-tabs-vertical-frame {
        width: 24%;
    }

    .faq ul.dt-sc-tabs-frame li a,
    .faq ul.dt-sc-tabs-vertical-frame li a {
        min-width: 150px;
    }

    #footer h3.widgettitle {
        font-size: 17px;
    }

    .appointment-box>h1,
    .dt-parallax h1 {
        margin-bottom: 10px;
        font-size: 45px;
    }

    .overlay-ads {
        padding: 40px;
    }

    .add1 {
        background-position: center top;
    }

    ul.customer-testimonial li.dt-sc-testimonial-2 .testimonial-2-texts i.fa {
        left: 40%;
    }

    .infotextwrap h1 {
        font-size: 34px;
    }

    .dt-sticky-menu.type3 #main-menu ul.menu>li,
    #panel .type4 #main-menu ul.menu>li {
        margin: 0 3px;
    }

    .is-sticky .dt-sticky-menu.type3 #main-menu ul.menu li,
    #panel .type4 #main-menu ul.menu li {
        margin: 0 2px;
    }

    .dt-sticky-menu.type3 #main-menu ul.menu li::after,
    #panel .type4 #main-menu ul.menu li::after {
        display: none;
    }

    .dt-sticky-menu.type3 .dt-sc-header-shape a.dt-sc-button,
    #panel .type4 .dt-sc-header-shape a.dt-sc-button {
        margin: 30px 0 0 !important;
    }

    .is-sticky .dt-sticky-menu.type3 .dt-sc-header-shape a.dt-sc-button {
        margin: 27px 0 0 !important;
    }

    #panel .type4 .dt-sc-header-shape a.dt-sc-button {
        margin: 31px 0 0 !important;
    }

    .dt-sticky-menu.type3 .dt-sc-header-shape .hexagon,
    #panel .type4 .dt-sc-header-shape .hexagon {
        display: none;
    }

    .dt-sticky-menu.type3 #logo,
    #panel .type4 #logo {
        width: 14%;
    }

    .dt-sticky-menu.type3 #main-menu,
    #panel .type4 #main-menu {
        width: 63%;
    }

    .dt-sticky-menu.type4 #logo>a {
        width: 100%;
    }

    .side-nav-container ul li a {
        font-size: 11px;
    }

    .banner-home>a {
        font-size: 22px;
    }

    .dt-sc-donutchart-medium canvas {
        height: 170px;
        width: 170px;
    }

    .dt-sc-donutchart>div {
        line-height: 170px !important;
    }
}

/*----*****---- << Mobile (Landscape) >> ----*****----*/

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 420px;
    }

    .boxed .wrapper {
        width: 460px;
    }

    /*----*****---- << MeanMenu >> ----*****----*/

    a.meanmenu-reveal {
        display: block;
    }

    #main-menu ul {
        display: none;
    }

    /*----*****---- << Column >> ----*****----*/

    .dt-sc-one-third,
    .dt-sc-two-third,
    .dt-sc-one-fourth,
    .dt-sc-one-half,
    .dt-sc-one-fifth,
    .dt-sc-two-fifth,
    .dt-sc-three-fifth,
    .dt-sc-one-sixth,
    .dt-sc-five-fifth,
    .dt-sc-three-fourth,
    .dt-sc-five-sixth {
        width: 100% !important;
    }

    .column.no-space.one-fourth {
        width: 50%;
    }

    /*----*****---- << Home >> ----*****----*/

    /*----*****---- << Header >> ----*****----*/

    .breadcrumb-wrapper .breadcrumb {
        float: none;
        text-align: center;
    }

    #header a.dt-sc-button {
        float: left;
        left: 115px;
        margin: 10px 0 0;
    }

    .ls-s-1 {
        display: none;
    }

    #slider .ls-bg {
        height: auto;
    }

    #header .dt-sc-search-box {
        margin-top: -20px;
    }

    #logo {
        width: 100%;
        text-align: center;
        padding: 20px 0 10px;
        margin: 0;
    }

    .logo>img {
        max-width: 100px;
    }

    .column.dt-sc-one-half,
    .column.dt-sc-one-column,
    .column.dt-sc-one-third,
    .column.dt-sc-one-fourth,
    .dt-sc-one-sixth,
    .dt-sc-one-fifth,
    .dt-sc-two-fifth,
    .column.dt-sc-two-third {
        margin-bottom: 30px;
    }

    .column {
        margin-left: 0 !important;
    }

    .dt-sc-team.type1 {
        margin-bottom: 90px !important;
    }

    .dt-sc-team {
        margin-bottom: 30px !important;
    }

    .gallery-details p {
        font-size: 16px;
    }

    .blog-entry {
        margin-bottom: 30px !important;
    }

    .blog-entry:last-child {
        margin-bottom: 0;
    }

    span.phone,
    span.phone a {
        margin-bottom: 15px;
    }

    .dt-sc-button.small {
        top: 61px;
    }

    .subscribe-frm input[type="email"] {
        width: 100%;
    }

    #footer .textwidget a.app-link {
        float: left;
        margin: 10px 10px 0 0;
        left: 0px !important;
    }

    .news-letter .alignleft p {
        line-height: 18px;
    }

    .news-letter .alignleft h2 span {
        line-height: 28px;
    }

    .news-letter h2 {
        line-height: 30px;
    }

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

    #footer .hr-invisible {
        margin: 10px 0;
    }

    .dt-sc-button.small.effect1,
    .dt-sc-button.small.btn-icon {
        top: 0;
    }

    .aligncenter.dt-sc-tooltip {
        margin-bottom: 30px;
    }

    .dt-sc-sorting-container a {
        margin-bottom: 10px;
    }

    .blog-post blockquote q::before {
        left: -5px;
    }

    ul.commentlist li ul li .comment-details {
        width: 90%;
    }

    ul.commentlist li ul li ul .comment-details {
        width: 85%;
    }

    #comment-form .column,
    .contact-form .column {
        margin-bottom: 0;
    }

    .news-letter .alignleft {
        margin-bottom: 15px;
        width: 100%;
    }

    .subscribe-form {
        padding: 25px 0 5px;
        width: 100%;
    }

    .fullwidth-section.news-letter.center {
        width: 100%;
    }

    .dt-sc-service.type2 {
        margin: 0 90px 0 0;
    }

    .dt-sc-service.type2.right {
        margin: 0 0 0 90px;
    }

    .fullwidth-section.fullwidth-bg .contact-page {
        padding: 30px 40px !important;
    }

    .fullwidth-section.dt-sc-center .contact-form {
        width: 100%;
    }

    .second-img {
        top: 7%;
    }

    .dt-sc-testimonial blockquote::before {
        width: 85%;
    }

    .dt-sc-testimonial blockquote::after {
        width: 10%;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content,
    .dt-sc-timeline.right .dt-sc-timeline-content {
        padding: 20px 30px;
    }

    .dt-sc-timeline.left .hexagon {
        right: -44px;
    }

    .dt-sc-timeline.right .hexagon {
        left: -44px;
    }

    .news-letter.center {
        width: 100%;
    }

    h5.breadcrumb-title {
        display: none;
    }

    .fullwidth-section.dt-service-hme {
        background-image: none;
    }

    .dt-sc-counter:hover .counter-effect::before {
        transform: scale3d(2.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
    }

    .dt-sc-team.type4 {
        display: block;
        float: none;
        margin: 0 auto;
        width: 270px;
    }

    .dt-sc-header-shape .hexagon {
        display: none;
    }

    ul.dt-sc-social-icons.portfolio-single,
    ul.info.portfolio-single {
        width: 100%;
    }

    ul.info>li:last-child {
        padding-bottom: 65px;
    }

    .news-letter.center {
        padding: 0 30px;
    }

    /*----*****---- << Services >> ----*****----*/

    .dt-sc-timeline {
        background: none;
    }

    .dt-sc-timeline.right .dt-sc-timeline-content:before {
        left: -40px;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content:before {
        right: -40px;
    }

    .dt-sc-tabs-frame-content {
        padding-right: 10px;
    }

    .dt-sc-tabs-frame-content .alignright {
        width: 55% !important;
    }

    .fullwidth-section .dt-sc-service {
        margin-bottom: 30px;
        width: 100%;
    }

    .dt-sc-service.content:after,
    .dt-sc-txt-bg {
        height: 60px;
    }

    .dt-sc-service.content figure.gallery-thumb {
        height: 210px;
    }

    .dt-sc-service.content:hover .gallery-thumb .gallery-overlay>h4,
    .dt-sc-service.content .gallery-thumb>h3 {
        bottom: -11px;
        font-size: 16px;
    }

    .dt-sc-service.content:hover .gallery-thumb>h3.top {
        top: 18px;
    }

    .dt-sc-timeline-section .column {
        margin: 0;
    }

    .appointment-form {
        margin-top: 50px;
    }

    #primary {
        width: 100%;
    }

    #secondary.secondary-right-sidebar {
        width: 100%;
        margin-top: 30px;
    }

    #secondary.secondary-left-sidebar {
        width: 100%;
        margin-bottom: 30px;
    }

    .widget.searchwidget .searchform p {
        position: relative;
    }

    .bx-controls a.bx-next {
        right: -30px;
    }

    .bx-controls a.bx-prev {
        right: -10px;
    }

    .entry-metadata {
        padding-left: 85px;
    }

    .ll-skin-latoja .ui-widget {
        width: 69% !important;
    }

    .date-select {
        width: 129px;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content i.fa {
        right: 7px;
    }

    .dt-sc-timeline.right .dt-sc-timeline-content i.fa {
        left: 7px;
    }

    .news-letter .dt-sc-two-fifth.first,
    .news-letter .dt-sc-three-fifth,
    .news-letter .dt-sc-three-fifth .alignleft,
    .news-letter .alignright {
        width: 100%;
    }

    .news-letter .alignright {
        margin-top: 5px;
    }

    .news-letter h2 {
        margin-bottom: 10px;
    }

    .dt-sc-service figure.gallery-thumb {
        height: 150px;
    }

    .gallery-details {
        padding: 0 0 20px;
    }

    .dt-sc-service figure.gallery-thumb {
        display: block;
        padding: 10px 0 0 !important;
    }

    .fullwidth-section.make .contact-form {
        width: 100%;
    }

    .fullwidth-section.make .column {
        margin-bottom: 0;
    }

    .phone>li {
        margin: 0 10px;
    }

    .loader {
        top: 54% !important;
    }

    iframe {
        height: 220px;
    }

    .dt-sc-service.content .attachment-gallery-with-shape {
        height: 100% !important;
    }

    .border-title h1 {
        font-size: 28px;
    }

    td {
        padding: 13px 5px !important;
    }

    th {
        font-size: 14px;
        padding: 17px 0;
    }

    .dt-sc-ico-content.type4 .icon::before {
        display: none;
    }

    .dt-sc-tabs-container.float-right .dt-sc-tabs-frame-content .alignright {
        width: 59%;
        margin-right: 0;
    }

    .dt-sc-tabs-container.float-right .dt-sc-tabs-frame-content {
        padding-left: 10px;
    }

    ul.dt-sc-tabs-vertical-frame li a {
        min-width: 110px;
    }

    .dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content .alignright {
        width: 45% !important;
    }

    form.subscribe-frm {
        position: relative;
    }

    .dt-sc-team .team-details h5 a,
    .dt-sc-team.type2 h5 a,
    .dt-sc-team.type3 h5 a {
        font-size: 22px;
    }

    .dt-sc-team.type2 h6,
    .dt-sc-team.type3 h6,
    .dt-sc-team .team-details h6 {
        font-size: 16px;
    }

    .portfolio.column.no-space {
        margin-bottom: 0 !important;
    }

    .fig-content span.image-overlay-inside::before {
        width: 68px;
        height: 50px;
        line-height: 62px;
        font-size: 18px;
        top: 60%;
    }

    .fig-content .hexagon {
        height: 30px;
        width: 54px;
    }

    .fig-content a.zoom,
    .fig-content a.link {
        top: -20%;
        width: 60px;
    }

    .fig-content a.link {
        right: -70px;
    }

    .fig-content a.zoom {
        left: -70px;
    }

    .fig-content span.image-overlay-inside {
        height: 180%;
    }

    .fig-content {
        top: 40%;
    }

    a.light-box-btn.card-btn {
        display: inline-block !important;
    }

    a.light-box-btn {
        display: none !important;
    }

    h4.dt-sc-partial {
        border-radius: 5px;
    }

    #panel #header {
        height: 250px !important;
    }

    .is-sticky .dt-sticky-menu.type3,
    .is-sticky .dt-sticky-menu.type2 {
        display: none;
    }

    .faq .dt-sc-tabs-frame-content,
    .faq ul.dt-sc-tabs-vertical-frame,
    .faq ul.dt-sc-tabs-frame li a,
    .faq ul.dt-sc-tabs-vertical-frame li a {
        width: 100% !important;
    }

    .faq .dt-sc-tabs-frame-content {
        margin-top: 30px !important;
    }

    .faq ul.dt-sc-tabs-frame li a,
    .faq ul.dt-sc-tabs-vertical-frame li a {
        text-align: left;
    }

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

    .overlay-ads {
        padding: 50px;
    }

    .appointment-box>h1,
    .dt-parallax h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .appointment-box>h2,
    .dt-parallax h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .appointment-box {
        padding: 40px 20px;
    }

    .dt-parallax .fullwidth-bg {
        padding: 100px 0;
    }

    .dt-parallax {
        background-position: center;
    }

    ul.shop-times,
    ul.shop-times li {
        display: table;
        margin: 0 auto;
        float: none;
    }

    ul.shop-times li {
        margin: 0 0 20px;
    }

    ul.customer-testimonial li.dt-sc-testimonial-2 .testimonial-2-texts i.fa {
        left: 30%;
    }

    .infotextwrap h1 {
        font-size: 26px;
    }

    /*----*****---- << Mobile Menu >> ----*****----*/

    #primary-menu {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    .dt-menu-toggle {
        display: block;
    }

    #main-menu,
    #main-menu>ul.menu {
        width: 100%;
    }

    #main-menu>ul.menu {
        display: none;
        background: #f9f9f9;
        box-shadow: inset 0px 0px 1px #ffffff;
    }

    #main-menu>ul.menu>li>ul>li,
    #main-menu>ul.menu>li>ul>li>ul>li,
    #main-menu>ul.menu>li>ul>li>ul>li>ul>li {
        font-weight: 600;
        text-transform: uppercase;
    }

    #main-menu ul.menu>li>a {
        margin: 0;
    }

    ul.sub-menu {
        box-shadow: inset 0px 0px 1px #fffff;
    }

    #main-menu>ul.menu>li {
        line-height: 23px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    #main-menu>ul.menu>li>a {
        border-radius: 0;
        display: inline-block;
        line-height: 23px;
        padding: 9px 17px 8px;
    }

    #main-menu ul li.menu-item-simple-parent:hover>ul,
    #main-menu ul li.menu-item-simple-parent>ul>li:hover ul {
        display: none;
    }

    #main-menu ul li.menu-item-simple-parent ul {
        box-shadow: none;
    }

    #main-menu ul.menu>li,
    #main-menu ul.menu>li>ul.sub-menu>li {
        width: 100%;
        padding: 0px;
        text-align: left;
        box-sizing: border-box;
        clear: both;
        margin: 0;
    }

    #main-menu>ul.menu {
        background: #000;
    }

    #main-menu {
        background: none;
        padding: 0 0 10px 0px;
    }

    #main-menu>ul.menu>li>a {
        display: block;
        box-sizing: border-box;
        border-left: 1px solid rgba(255, 255, 255, 0.4);
    }

    #main-menu ul.menu>li:hover>a {
        background: rgba(255, 255, 255, 0.1);
    }

    #main-menu ul.menu>li>a i {
        line-height: 24px;
    }

    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        top: 27px;
        width: 100%;
        left: 0px;
    }

    a.dt-menu-expand {
        display: block !important;
    }

    #main-menu ul li.menu-item-simple-parent ul li ul {
        border: none;
    }

    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        position: inherit;
        top: 0px;
        margin: 0px;
    }

    #main-menu ul li.menu-item-simple-parent ul li a.dt-menu-expand {
        background: none;
        border: none;
    }

    #main-menu ul.menu li a:after,
    #main-menu>ul.menu>li.current_page_item a:after,
    #main-menu ul.menu li:after {
        content: none;
    }

    #main-menu ul li.dropdown:hover>ul,
    #main-menu ul li.dropdown>ul>li:hover ul {
        display: none;
    }

    #main-menu ul li.dropdown ul li a {
        padding-left: 25px;
    }

    #main-menu ul li.dropdown ul li a:hover {
        padding-left: 25px;
        color: #d4f055;
    }

    #main-menu ul li.dropdown ul li {
        border: none;
    }

    #main-menu ul li ul.sub-menu {
        box-shadow: 0 0 1px #ffffff inset !important;
    }
}

/*----*****---- << Mobile >> ----*****----*/
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .container {
        width: 280px;
    }

    .boxed .wrapper {
        width: 100%;
    }

    /*----*****---- << MeanMenu >> ----*****----*/

    a.meanmenu-reveal {
        display: block;
    }

    /*----*****---- << Column >> ----*****----*/

    .dt-sc-one-third,
    .dt-sc-two-third,
    .dt-sc-one-fourth,
    .dt-sc-one-half,
    .dt-sc-one-fifth,
    .dt-sc-two-fifth,
    .dt-sc-three-fifth,
    .dt-sc-one-sixth,
    .dt-sc-five-fifth,
    .dt-sc-three-fourth,
    .dt-sc-five-sixth {
        width: 100% !important;
    }

    .column.no-space.one-fourth {
        width: 50%;
    }

    .dt-sc-one-third,
    .dt-sc-two-third,
    .dt-sc-one-fourth,
    .dt-sc-one-half,
    .dt-sc-one-fifth,
    .dt-sc-two-fifth,
    .dt-sc-three-fifth,
    .dt-sc-one-sixth,
    .dt-sc-five-fifth,
    .dt-sc-three-fourth,
    .dt-sc-five-sixth,
    .dt-sc-one-column {
        margin-bottom: 30px !important;
    }

    .column {
        margin-left: 0 !important;
    }

    .contact-form .column {
        margin-bottom: 0 !important;
    }

    h2.border-title.aligncenter {
        font-size: 20px;
    }

    /*----*****---- << Home >> ----*****----*/

    /*----*****---- << Header >> ----*****----*/

    .breadcrumb-wrapper .breadcrumb {
        float: none;
        text-align: center;
    }

    #header a.dt-sc-button {
        float: left;
        left: 44px;
        margin: 10px 0 0;
        padding: 10px 18px !important;
    }

    .ls-s-1 {
        display: none;
    }

    #slider .ls-bg {
        height: auto;
    }

    #header .dt-sc-search-box {
        margin-top: -20px;
    }

    #logo {
        width: 100%;
        text-align: center;
        padding: 20px 0 10px;
        margin: 0;
    }

    .logo>img {
        max-width: 100px;
    }

    .border-title h1 {
        font-size: 18px;
    }

    .border-title h2 {
        font-size: 17px;
    }

    .dt-sc-tabs-container.float-right ul.dt-sc-tabs-frame li {
        margin-top: 1px;
        display: inline-block;
    }

    .entry-thumb-desc p {
        height: 120px;
    }

    .column.dt-sc-one-third,
    .column.dt-sc-one-fourth {
        margin-bottom: 30px;
    }

    .dt-sc-team.type1 {
        margin-bottom: 70px !important;
    }

    .dt-sc-team {
        margin-bottom: 30px !important;
    }

    .dt-sc-testimonial .author {
        margin-left: 60px;
    }

    .dt-sc-testimonial blockquote:after {
        left: 30px;
    }

    span.phone,
    span.phone a {
        margin-bottom: 15px;
    }

    .opening-time .alignright {
        width: 70%;
        padding: 25px 4px 15px;
    }

    .news-letter .alignleft {
        margin-bottom: 20px;
        width: 100%;
    }

    .news-letter .alignright,
    .fullwidth-section.dt-sc-center .contact-form {
        width: 100%;
    }

    .subscribe-frm input[type="email"] {
        width: 100%;
    }

    .entry-metadata span {
        width: 100%;
        margin-bottom: 10px;
    }

    .hr-invisible {
        margin: 20px 0;
    }

    #footer .textwidget a.app-link {
        float: left;
        margin: 10px 10px 0 0;
        left: 0px !important;
    }

    #footer .footer-links li {
        line-height: 25px;
    }

    #footer .hr-invisible {
        margin: 10px 0;
    }

    #footer .footer-links:before {
        top: -10px;
    }

    #footer .footer-links:after {
        bottom: -10px;
    }

    .aligncenter.dt-sc-tooltip {
        margin-bottom: 30px;
    }

    .portfolio figure img {
        transform: translate3d(0px, 0px, 0px) scale(1.12);
    }

    .blog-post blockquote q::before {
        left: 0;
    }

    #comment-form .column {
        margin-bottom: 0 !important;
    }

    ul.commentlist li {
        padding: 0 0 0 50px;
    }

    ul.commentlist li .comment-author img,
    ul.commentlist li .comment-author {
        height: 50px;
        width: 50px;
    }

    .fullwidth-section.make .contact-form {
        width: 100%;
    }

    .fullwidth-section.make .column {
        margin-bottom: 0 !important;
    }

    .phone>li {
        display: inline-block;
        margin: 0 0 10px;
    }

    .news-letter .alignleft {
        margin-bottom: 15px;
        width: 100%;
    }

    .subscribe-form {
        padding: 25px 0 5px;
        width: 100%;
    }

    .fullwidth-section.news-letter.center {
        width: 100%;
    }

    .dt-sc-service.type2 figure.gallery-thumb {
        width: 40%;
    }

    .dt-sc-service.type2.right figure.gallery-thumb {
        width: 40%;
    }

    .dt-sc-service.type2 {
        margin: 0 70px 0 0;
        padding: 0 0 0 90px;
    }

    .dt-sc-service.type2.right {
        margin: 0 0 0 70px;
        padding: 0 90px 0 0;
    }

    h4.dt-sc-partial {
        width: 50px;
    }

    .fullwidth-section.fullwidth-bg .contact-page {
        padding: 30px 20px !important;
    }

    .dt-sc-testimonial blockquote::before {
        width: 76%;
    }

    .dt-sc-testimonial blockquote::after {
        width: 4%;
    }

    .news-letter.center {
        width: 100%;
    }

    h5.breadcrumb-title {
        display: none;
    }

    .fig-content span.image-overlay-inside::before {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        top: 60%;
    }

    .fig-content span.image-overlay-inside {
        height: 180%;
    }

    .fig-content {
        top: 35%;
    }

    .blog-post blockquote q::after {
        right: -10px;
    }

    .dt-sc-team.type4 {
        display: block;
        float: none;
        margin: 0 auto;
        width: 270px;
    }

    .dt-sc-header-shape .hexagon {
        display: none;
    }

    .news-letter.center {
        padding: 0 20px;
    }

    h4.dt-sc-partial {
        border-radius: 5px;
    }

    /*----*****---- << Services >> ----*****----*/

    .content-wrapper h4 {
        margin: 10px 0;
    }

    .dt-sc-service.type2 h3 a {
        font-size: 20px;
    }

    p.dt-sc-price-tag {
        margin: 20px 0 60px;
    }

    .fullwidth-section .dt-sc-service {
        margin-bottom: 30px;
        width: 100%;
    }

    .dt-sc-tabs-frame-content .alignright {
        margin-top: 20px;
        width: 100% !important;
    }

    ul.dt-sc-tabs-frame li {
        margin-bottom: 1px;
    }

    ul.dt-sc-tabs-frame li:last-child {
        margin: 0;
    }

    h5.dt-sc-toggle-accordion a {
        font-size: 14px !important;
        line-height: 24px;
    }

    .dt-sc-tabs-container {
        margin-top: 30px;
    }

    .dt-sc-toggle-content {
        padding: 15px 0 10px;
    }

    .dt-sc-timeline {
        background: none;
    }

    .dt-sc-timeline.right .dt-sc-timeline-content:before {
        left: -40px;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content:before {
        right: -40px;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content {
        padding-left: 0;
        padding-right: 35px;
    }

    .dt-sc-timeline.right .dt-sc-timeline-content {
        padding-right: 0;
        padding-left: 35px;
    }

    .dt-sc-timeline.left .hexagon {
        right: -43px;
    }

    .dt-sc-timeline.right .hexagon {
        left: -43px;
    }

    .dt-sc-rate {
        margin-top: 30px;
        padding: 10px;
    }

    .dt-sc-rate h3 {
        margin-bottom: 0;
    }

    .dt-sc-service.content:after,
    .dt-sc-txt-bg {
        height: 40px;
    }

    .dt-sc-service.content figure.gallery-thumb {
        height: 140px;
    }

    .dt-sc-service.content .gallery-thumb>h3 {
        bottom: -23px;
        font-size: 13px;
    }

    .dt-sc-service.content:hover .gallery-thumb .gallery-overlay>h4 {
        bottom: -20px;
        font-size: 13px;
    }

    .dt-sc-service.content:hover .gallery-thumb>h3.top {
        top: 10px;
    }

    ul.dt-sc-rate li {
        font-size: 13px;
    }

    ul.dt-sc-rate .alignright {
        width: 38%;
    }

    .dt-sc-timeline .column {
        margin: 0;
    }

    .dt-sc-timeline-content h3 {
        margin-bottom: 10px;
    }

    .dt-sc-timeline-content p {
        line-height: 20px;
    }

    #primary {
        width: 100%;
    }

    #secondary.secondary-right-sidebar {
        width: 100%;
        margin-top: 30px;
    }

    #secondary.secondary-left-sidebar {
        width: 100%;
        margin-bottom: 30px;
    }

    .widget.searchwidget .searchform p {
        position: relative;
    }

    .entry-metadata {
        padding-left: 80px;
    }

    .entry-metadata p {
        line-height: 18px;
        margin-bottom: 10px;
    }

    .pagination .prev-post>a,
    .pagination .next-post a {
        min-width: auto;
    }

    .pagination ul li a,
    .pagination .next-post a,
    .pagination .prev-post a {
        padding: 4px 10px;
    }

    h5.dt-sc-cond,
    .date-select {
        position: initial;
    }

    .dt-sc-datepicker {
        border: none;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content i.fa {
        right: 8px;
    }

    .dt-sc-timeline.right .dt-sc-timeline-content i.fa {
        left: 8px;
    }

    .dt-sc-testimonial-carousel li {
        margin: 0 10px;
    }

    .loader {
        top: 55% !important;
    }

    .column.dt-sc-three-fifth .alignright .subscribe-frm {
        margin-bottom: 30px;
    }

    iframe {
        height: 200px;
    }

    .ll-skin-latoja .ui-widget {
        width: 100% !important;
    }

    .date-select {
        width: 100%;
    }

    .dt-sc-booking {
        display: inline-block;
        margin-bottom: 10px;
    }

    .date-select .cal-separator {
        margin: 20px auto 0;
        display: block;
    }

    .dt-sc-service.content .attachment-gallery-with-shape {
        height: 100%;
    }

    .bx-controls a.bx-prev {
        right: -10px;
    }

    .date-select {
        padding-bottom: 15px;
    }

    td,
    th {
        font-size: 12px;
        padding: 10px 0 !important;
    }

    .dt-sc-ico-content.type4 .icon::before {
        display: none;
    }

    .dt-sc-tabs-container.float-right .dt-sc-tabs-frame-content .alignleft,
    .dt-sc-tabs-container.float-right .dt-sc-tabs-frame-content .alignright {
        width: 100%;
    }

    .dt-sc-tabs-container.float-right .dt-sc-tabs-frame-content .alignright {
        margin-right: 0;
    }

    ul.dt-sc-tabs-vertical-frame li a {
        min-width: 74px;
    }

    .dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content .alignright {
        width: 100%;
    }

    .portfolio.column.no-space {
        margin-bottom: 0 !important;
    }

    .dt-sc-sorting-container a {
        margin-bottom: 10px;
    }

    .fig-content span.image-overlay-inside::before {
        width: 68px;
        height: 50px;
        line-height: 62px;
        font-size: 18px;
        top: 60%;
    }

    .fig-content .hexagon {
        height: 30px;
        width: 53px;
    }

    .fig-content a.zoom,
    .fig-content a.link {
        top: -20%;
        width: 60px;
    }

    .fig-content a.link {
        right: -70px;
    }

    .fig-content a.zoom {
        left: -70px;
    }

    .fig-content span.image-overlay-inside {
        height: 180%;
    }

    .fig-content {
        top: 35%;
    }

    ul.info>li:last-child {
        padding-bottom: 65px;
    }

    ul.dt-sc-social-icons.portfolio-single,
    ul.info.portfolio-single {
        width: 100%;
    }

    a.light-box-btn.card-btn {
        display: inline-block !important;
    }

    a.light-box-btn {
        display: none !important;
    }

    #panel #header {
        height: 250px !important;
    }

    .is-sticky .dt-sticky-menu.type3,
    .is-sticky .dt-sticky-menu.type2 {
        display: none;
    }

    .faq .dt-sc-tabs-frame-content,
    .faq ul.dt-sc-tabs-vertical-frame,
    .faq ul.dt-sc-tabs-frame li a,
    .faq ul.dt-sc-tabs-vertical-frame li a {
        width: 100% !important;
    }

    .faq .dt-sc-tabs-frame-content {
        margin-top: 30px !important;
    }

    .faq ul.dt-sc-tabs-frame li a,
    .faq ul.dt-sc-tabs-vertical-frame li a {
        text-align: left;
    }

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

    .add1,
    .add2 {
        background-position: center top;
    }

    .overlay-ads {
        padding: 20px;
    }

    .appointment-box>h1,
    .dt-parallax h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .appointment-box>h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .appointment-box {
        padding: 40px 20px;
    }

    .dt-parallax .fullwidth-bg {
        padding: 60px 0;
    }

    .dt-parallax {
        background-position: center;
    }

    .dt-parallax h1,
    .dt-parallax h2 {
        font-size: 22px;
    }

    .dt-parallax .dt-sc-button {
        line-height: 34px;
    }

    ul.shop-times,
    ul.shop-times li {
        display: table;
        margin: 0 auto;
        float: none;
    }

    ul.shop-times li {
        margin: 0 0 20px;
    }

    ul.customer-testimonial li.dt-sc-testimonial-2 .testimonial-2-texts i.fa {
        left: 53%;
    }

    .infotextwrap h1 {
        font-size: 26px;
    }

    /*----*****---- << Mobile Menu >> ----*****----*/

    #primary-menu {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    .dt-menu-toggle {
        display: block;
    }

    #main-menu,
    #main-menu>ul.menu {
        width: 100%;
    }

    #main-menu>ul.menu {
        display: none;
        background: #f9f9f9;
    }

    #main-menu>ul.menu>li>ul>li,
    #main-menu>ul.menu>li>ul>li>ul>li,
    #main-menu>ul.menu>li>ul>li>ul>li>ul>li {
        font-weight: 600;
        text-transform: uppercase;
    }

    #main-menu ul.menu>li>a {
        margin: 0;
    }

    #main-menu>ul.menu>li {
        line-height: 23px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        border-right: 1px solid rgba(255, 255, 255, 0.4);
    }

    #main-menu>ul.menu>li>a {
        border-radius: 0;
        display: inline-block;
        line-height: 23px;
        padding: 9px 17px 8px;
    }

    #main-menu ul li.menu-item-simple-parent:hover>ul,
    #main-menu ul li.menu-item-simple-parent>ul>li:hover ul {
        display: none;
    }

    #main-menu ul li.menu-item-simple-parent ul {
        box-shadow: none;
    }

    #main-menu ul.menu>li,
    #main-menu ul.menu>li>ul.sub-menu>li {
        width: 100%;
        padding: 0px;
        text-align: left;
        box-sizing: border-box;
        clear: both;
        margin: 0;
    }

    #main-menu>ul.menu {
        background: #000;
    }

    #main-menu {
        background: none;
        padding: 0 0 10px 0px;
    }

    #main-menu>ul.menu>li>a {
        display: block;
        box-sizing: border-box;
        border-left: 1px solid rgba(255, 255, 255, 0.4);
    }

    #main-menu ul.menu>li:hover>a {
        background: rgba(255, 255, 255, 0.1);
    }

    #main-menu ul.menu>li>a i {
        line-height: 24px;
    }

    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        top: 27px;
        width: 100%;
        left: 0px;
    }

    a.dt-menu-expand {
        display: block !important;
    }

    #main-menu ul li.menu-item-simple-parent ul li ul {
        border: none;
    }

    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        position: inherit;
        top: 0px;
        margin: 0px;
    }

    #main-menu ul li.menu-item-simple-parent ul li a.dt-menu-expand {
        background: none;
        border: none;
    }

    #main-menu ul.menu li a:after,
    #main-menu>ul.menu>li.current_page_item a:after,
    #main-menu ul.menu li:after {
        content: none;
    }

    #main-menu ul li.dropdown:hover>ul,
    #main-menu ul li.dropdown>ul>li:hover ul {
        display: none;
    }

    #main-menu ul li.dropdown ul li a {
        padding-left: 25px;
    }

    #main-menu ul li.dropdown ul li a:hover {
        padding-left: 25px;
        color: #d4f055;
    }

    #main-menu ul li.dropdown ul li {
        border: none;
    }

    #main-menu ul li ul.sub-menu {
        box-shadow: 0 0 1px #ffffff inset !important;
    }
}


/*----*****---- << Mobile >> ----*****----*/
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 319px) {
    .container {
        width: 200px;
    }

    .boxed .wrapper {
        width: 100%;
    }

    /*----*****---- << Header >> ----*****----*/

    #logo {
        width: 100%;
        text-align: center;
        padding: 15px 0 0;
        margin: 0;
    }

    #header a.dt-sc-button {
        float: left;
        left: 4px;
        margin: 10px 0 0;
        padding: 10px 18px !important;
    }

    /*----*****---- << Column >> ----*****----*/

    .dt-sc-one-third,
    .dt-sc-two-third,
    .dt-sc-one-fourth,
    .dt-sc-one-half,
    .dt-sc-two-fifth,
    .dt-sc-three-fifth,
    .news-letter .alignleft,
    .news-letter .alignright,
    .dt-sc-one-sixth,
    .dt-sc-one-fifth,
    .dt-sc-three-fourth,
    .dt-sc-five-sixth {
        width: 100% !important;
    }

    .contact-form .column {
        margin-bottom: 0 !important;
    }

    .column.no-space.one-fourth {
        width: 50%;
    }

    .column.dt-sc-one-half,
    .column.dt-sc-one-column,
    .column.dt-sc-one-third,
    .column.dt-sc-one-fourth,
    .dt-sc-one-sixth,
    .dt-sc-one-fifth,
    .dt-sc-three-fourth,
    .column.dt-sc-two-third {
        margin-bottom: 30px;
    }

    .dt-sc-header-shape .hexagon {
        display: none;
    }

    /*----*****---- << Home >> ----*****----*/

    .breadcrumb-wrapper .breadcrumb {
        float: none;
        text-align: center;
    }

    .haircut-style-picker-wrapper {
        display: none;
    }

    .entry-thumb-desc p {
        padding: 0 20px;
    }

    .dt-sc-testimonial .author-detail {
        margin: 10px 0 0;
        width: 100%;
        text-align: center;
    }

    .column {
        margin-left: 0 !important;
    }

    .column.dt-sc-one-third,
    .column.dt-sc-one-fourth {
        margin-bottom: 30px;
    }

    .dt-sc-team {
        margin-bottom: 70px !important;
    }

    .border-title h1 {
        font-size: 18px;
    }

    .border-title h2 {
        font-size: 17px;
    }

    .aligncenter.dt-sc-tooltip {
        margin-bottom: 30px;
    }

    .dt-sc-team.type3,
    .dt-sc-team.type2 {
        margin-bottom: 30px !important;
    }

    .dt-sc-testimonial .author {
        margin-left: 55px;
    }

    .dt-sc-testimonial blockquote:after {
        left: 30px;
    }

    span.phone,
    span.phone a {
        margin-bottom: 15px;
    }

    .opening-time .alignright {
        width: 100%;
        padding: 25px 4px 15px;
    }

    .opening-time {
        margin-top: 20px;
    }

    .news-letter .alignleft {
        margin-bottom: 20px;
    }

    .subscribe-frm .dt-sc-button.small {
        line-height: unset;
    }

    .entry-metadata {
        padding-left: 80px;
    }

    .entry-metadata p {
        line-height: 20px;
    }

    .entry-metadata span {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
    }

    .subscribe-frm input[type="email"] {
        width: 66%;
    }

    #footer .textwidget a.app-link {
        float: left;
        margin: 10px 10px 0 0;
        left: 0px !important;
    }

    #footer .footer-links li {
        line-height: 25px;
    }

    #footer .hr-invisible {
        margin: 10px 0;
    }

    #footer .footer-links:before {
        top: -10px;
    }

    #footer .textwidget .dt-sc-contact-info .icon {
        margin-right: 5px;
    }

    #footer .footer-links:after {
        bottom: -10px;
    }

    td,
    th {
        font-size: 8px;
        padding: 10px 0 !important;
    }

    .dt-sc-ico-content.type4 .icon::before {
        display: none;
    }

    .dt-sc-tabs-container.float-right ul.dt-sc-tabs-frame li {
        margin-top: 1px;
        display: inline-block;
    }

    .portfolio figure img {
        transform: translate3d(0px, 0px, 0px) scale(1.12);
    }

    .content h3.border-title:after {
        top: 55px;
    }

    .content h3.border-title:before {
        top: 54px;
    }

    .dt-sc-sorting-container a {
        margin-bottom: 10px;
    }

    .portfolio .fig-content h5 a {
        margin-top: 25px;
    }

    .portfolio.column.no-space,
    #comment-form .column {
        margin-bottom: 0 !important;
    }

    ul.commentlist li {
        padding: 0 0 0 45px;
    }

    ul.commentlist li .comment-author img,
    ul.commentlist li .comment-author {
        height: 50px;
        width: 50px;
    }

    .blog-post blockquote q::before {
        left: 5px;
    }

    .news-letter .alignleft {
        margin-bottom: 15px;
        width: 100%;
    }

    .subscribe-form {
        padding: 25px 0 5px;
        width: 100%;
    }

    .fullwidth-section.news-letter.center,
    .fullwidth-section.make .contact-form {
        width: 100%;
    }

    .phone>li {
        margin: 0;
    }

    .phone>li:first-child {
        margin-bottom: 10px;
        display: inline-block;
    }

    .dt-sc-service.type2 {
        margin: 0;
        padding: 0 0 0 80px;
    }

    h4.dt-sc-partial {
        display: none;
    }

    .dt-sc-service.type2.right {
        margin: 0;
        padding: 0 80px 0 0;
    }

    .fullwidth-section.fullwidth-bg .contact-page {
        padding: 30px 20px !important;
    }

    .dt-sc-testimonial blockquote::before {
        width: 67%;
    }

    .dt-sc-testimonial blockquote::after {
        width: 6%;
    }

    .second-img {
        top: 16px;
    }

    .fullwidth-section.dt-sc-center .contact-form,
    .news-letter.center {
        width: 100%;
    }

    h5.breadcrumb-title {
        display: none;
    }

    ul.info>li:last-child {
        padding-bottom: 100px;
    }

    ul.dt-sc-social-icons.portfolio-single,
    ul.info.portfolio-single {
        width: 100%;
    }

    /*----*****---- << Services >> ----*****----*/

    .dt-sc-service.type2 h3 a {
        font-size: 20px;
    }

    p.dt-sc-price-tag {
        margin: 15px 0 60px;
    }

    .fullwidth-section .dt-sc-service {
        margin-bottom: 30px;
        width: 100%;
    }

    .dt-sc-tabs-frame-content .alignright {
        margin-top: 20px;
        width: 100% !important;
    }

    ul.dt-sc-tabs-frame li {
        margin-bottom: 1px;
    }

    ul.dt-sc-tabs-frame li:last-child {
        margin: 0;
    }

    h5.dt-sc-toggle-accordion a {
        font-size: 14px !important;
        line-height: 30px !important;
        padding: 10px !important;
    }

    .dt-sc-tabs-container {
        margin-top: 30px;
    }

    .dt-sc-toggle-content {
        padding: 15px 0 10px;
    }

    .dt-sc-timeline {
        background: none;
    }

    .dt-sc-timeline.right .dt-sc-timeline-content:before {
        left: -40px;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content:before {
        right: -40px;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content {
        padding-left: 0;
    }

    .dt-sc-timeline.right .dt-sc-timeline-content {
        padding-right: 0;
    }

    .dt-sc-rate {
        margin-top: 30px;
        padding: 10px;
    }

    .dt-sc-rate h3 {
        margin-bottom: 0;
    }

    .dt-sc-service.content:after,
    .dt-sc-txt-bg {
        height: 29px;
    }

    .dt-sc-service.content figure.gallery-thumb {
        height: 100px;
    }

    .dt-sc-service.content:hover .gallery-thumb .gallery-overlay>h4,
    .dt-sc-service.content .gallery-thumb>h3 {
        bottom: -25px;
        font-size: 10px;
    }

    .dt-sc-service.content:hover .gallery-thumb .gallery-overlay>h4 {
        bottom: -20px;
    }

    .dt-sc-service.content:hover .gallery-thumb>h3.top {
        top: 5px;
    }

    ul.dt-sc-rate li {
        font-size: 13px;
    }

    ul.dt-sc-rate .alignright {
        width: 38%;
    }

    .dt-sc-timeline .column {
        margin: 0;
    }

    .dt-sc-timeline-content h3 {
        margin-bottom: 10px;
    }

    .dt-sc-timeline-content p {
        line-height: 20px;
    }

    .dt-sc-toggle-content>p {
        line-height: 16px;
    }

    ul.dt-sc-tabs-frame li a {
        min-width: 200px;
    }

    .radio-btn {
        display: inline-block;
        margin-bottom: 10px;
    }

    #primary {
        width: 100%;
    }

    #secondary.secondary-right-sidebar {
        width: 100%;
        margin-top: 30px;
    }

    #secondary.secondary-left-sidebar {
        width: 100%;
        margin-bottom: 30px;
    }

    .widget.searchwidget .searchform p {
        position: relative;
    }

    .entry-metadata {
        padding-left: 60px;
    }

    .entry-meta {
        width: 50px;
    }

    .entry-metadata p {
        line-height: 18px;
        margin-bottom: 10px;
    }

    .pagination .prev-post {
        margin-top: 15px;
    }

    .pagination .next-post {
        margin-bottom: 15px;
    }

    .widget_categories ul li a {
        font-size: 14px;
    }

    .selection-box:after {
        content: none;
    }

    .selection-box:before {
        right: 8px;
    }

    h5.dt-sc-cond,
    .date-select {
        position: initial;
    }

    .dt-sc-datepicker {
        border: none;
    }

    ul.dt-sc-tabs-frame {
        width: 40%;
    }

    .loader {
        top: 56% !important;
    }

    .dt-sc-contacts-info .icon {
        margin-right: 10px;
    }

    .column.dt-sc-three-fifth .alignright .subscribe-frm {
        margin-bottom: 30px;
    }

    h2.border-title.aligncenter.align::before {
        top: 70px;
    }

    h2.border-title.aligncenter.align::after {
        top: 71px;
    }

    .ll-skin-latoja .ui-widget,
    .date-select {
        width: 100% !important;
    }

    .dt-sc-booking {
        display: inline-block;
        margin-bottom: 10px;
    }

    .date-select .cal-separator {
        margin: 20px auto 0;
        display: block;
    }

    .date-select {
        padding-bottom: 15px;
    }

    ul.dt-sc-tabs-vertical-frame,
    .dt-sc-tabs-vertical-container.float-right ul.dt-sc-tabs-vertical-frame {
        float: none;
    }

    .dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content {
        width: 100%;
    }

    ul.dt-sc-tabs-vertical-frame>li.last {
        margin: 0;
    }

    .dt-sc-button.xlarge {
        font-size: 17px;
        line-height: 50px;
        padding: 12px 30px;
    }

    .dt-sc-button.large {
        font-size: 16px;
        line-height: 50px;
        padding: 8px 30px;
    }

    .dt-sc-button.medium {
        font-size: 14px;
        line-height: 50px;
        padding: 2px 20px;
    }

    .dt-sc-button.small {
        font-size: 12px;
        line-height: 50px;
        padding: 0 20px;
    }

    .fig-content span.image-overlay-inside::before {
        width: 68px;
        height: 50px;
        line-height: 62px;
        font-size: 18px;
        top: 60%;
    }

    .fig-content .hexagon {
        height: 30px;
        width: 53px;
    }

    .fig-content a.zoom,
    .fig-content a.link {
        top: -50%;
        width: 60px;
    }

    .fig-content a.link {
        right: -70px;
    }

    .fig-content a.zoom {
        left: -70px;
    }

    .fig-content span.image-overlay-inside {
        height: 180%;
    }

    .fig-content {
        top: 45%;
    }

    a.light-box-btn.card-btn {
        display: inline-block !important;
        line-height: 40px;
    }

    a.light-box-btn {
        display: none !important;
    }

    .dt-sc-timeline-content .hexagon2 {
        height: 60px;
        left: -8px;
        top: -18px;
        width: 60px;
    }

    .dt-sc-timeline-content .hexagon {
        width: 45px;
        height: 25px;
    }

    .dt-sc-timeline.left .hexagon {
        right: -35px;
    }

    .dt-sc-timeline.left .dt-sc-timeline-content i.fa {
        right: 0;
    }

    .dt-sc-timeline-section.type1 .dt-sc-timeline-content i.fa {
        font-size: 30px;
        line-height: 70px;
    }

    .dt-sc-timeline.right .dt-sc-timeline-content i.fa {
        left: -3px;
    }

    .dt-sc-timeline.right .hexagon {
        left: -35px;
    }

    h2.border-title.aligncenter {
        font-size: 20px;
    }

    h3.border-title {
        font-size: 16px;
    }

    #panel #header {
        height: 250px !important;
    }

    .is-sticky .dt-sticky-menu.type3,
    .is-sticky .dt-sticky-menu.type2 {
        display: none;
    }

    .faq .dt-sc-tabs-frame-content,
    .faq ul.dt-sc-tabs-vertical-frame,
    .faq ul.dt-sc-tabs-frame li a,
    .faq ul.dt-sc-tabs-vertical-frame li a {
        width: 100% !important;
    }

    .faq .dt-sc-tabs-frame-content {
        margin-top: 30px !important;
    }

    .faq ul.dt-sc-tabs-frame li a,
    .faq ul.dt-sc-tabs-vertical-frame li a {
        text-align: left;
    }

    .faq ul.dt-sc-tabs-frame li a,
    .faq ul.dt-sc-tabs-vertical-frame li a {
        min-width: 100px;
    }

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

    .add1,
    .add2 {
        background-position: center top;
    }

    .overlay-ads {
        padding: 20px;
    }

    .appointment-box>h1,
    .dt-parallax h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .appointment-box>h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .appointment-box {
        padding: 40px 20px;
    }

    .appointment-box .dt-sc-button {
        line-height: 40px;
        padding: 0 10px;
    }

    .dt-parallax .fullwidth-bg {
        padding: 60px 0;
    }

    .dt-parallax {
        background-position: center;
    }

    .dt-parallax h1,
    .dt-parallax h2 {
        font-size: 22px;
    }

    .dt-parallax .dt-sc-button {
        line-height: 34px;
    }

    ul.shop-times,
    ul.shop-times li {
        display: table;
        margin: 0 auto;
        float: none;
    }

    ul.shop-times li {
        margin: 0 0 20px;
    }

    ul.customer-testimonial li.dt-sc-testimonial-2 .testimonial-2-texts i.fa {
        left: 5px;
        top: 35%;
    }

    .infotextwrap h1 {
        font-size: 20px;
    }

    ul.customer-testimonial li {
        padding: 20px;
    }

    .news-letter.center .subscribe-form {
        padding: 25px 10px 5px;
    }

    ul.phone>li {
        display: inline-block;
    }

    .side-nav-container ul li a {
        font-size: 10px;
    }

    .photostack nav span {
        margin: 0;
    }

    /*----*****---- << Mobile Menu >> ----*****----*/

    #primary-menu {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    .dt-menu-toggle {
        display: block;
    }

    #main-menu,
    #main-menu>ul.menu {
        width: 100%;
    }

    #main-menu>ul.menu {
        display: none;
        background: #f9f9f9;
    }

    #main-menu>ul.menu>li>ul>li,
    #main-menu>ul.menu>li>ul>li>ul>li,
    #main-menu>ul.menu>li>ul>li>ul>li>ul>li {
        font-weight: 600;
        text-transform: uppercase;
    }

    #main-menu ul.menu>li>a {
        margin: 0;
    }

    #main-menu>ul.menu>li {
        line-height: 23px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        border-right: 1px solid rgba(255, 255, 255, 0.4);
    }

    #main-menu>ul.menu>li>a {
        border-radius: 0;
        display: inline-block;
        line-height: 23px;
        padding: 9px 17px 8px;
    }

    #main-menu ul li.menu-item-simple-parent:hover>ul,
    #main-menu ul li.menu-item-simple-parent>ul>li:hover ul {
        display: none;
    }

    #main-menu ul li.menu-item-simple-parent ul {
        box-shadow: none;
    }

    #main-menu ul.menu>li,
    #main-menu ul.menu>li>ul.sub-menu>li {
        width: 100%;
        padding: 0px;
        text-align: left;
        box-sizing: border-box;
        clear: both;
        margin: 0;
    }

    #main-menu>ul.menu {
        background: #000;
    }

    #main-menu {
        background: none;
        padding: 0 0 10px 0px;
    }

    #main-menu>ul.menu>li>a {
        display: block;
        box-sizing: border-box;
        border-left: 1px solid rgba(255, 255, 255, 0.4);
    }

    #main-menu ul.menu>li:hover>a {
        background: rgba(255, 255, 255, 0.1);
    }

    #main-menu ul.menu>li>a i {
        line-height: 24px;
    }

    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        top: 27px;
        width: 100%;
        left: 0px;
    }

    a.dt-menu-expand {
        display: block !important;
    }

    #main-menu ul li.menu-item-simple-parent ul li ul {
        border: none;
    }

    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul,
    #main-menu ul li.menu-item-simple-parent ul li ul {
        position: inherit;
        top: 0px;
        margin: 0px;
    }

    #main-menu ul li.menu-item-simple-parent ul li a.dt-menu-expand {
        background: none;
        border: none;
    }

    #main-menu ul.menu li a:after,
    #main-menu>ul.menu>li.current_page_item a:after,
    #main-menu ul.menu li:after {
        content: none;
    }

    #main-menu ul li.dropdown:hover>ul,
    #main-menu ul li.dropdown>ul>li:hover ul {
        display: none;
    }

    #main-menu ul li.dropdown ul li a {
        padding-left: 25px;
    }

    #main-menu ul li.dropdown ul li a:hover {
        padding-left: 25px;
        color: #d4f055;
    }

    #main-menu ul li.dropdown ul li {
        border: none;
    }

    #main-menu ul li ul.sub-menu {
        box-shadow: 0 0 1px #ffffff inset !important;
    }
}

/* shortcode.css */


/*----*****---- << Columns >> ----*****----*/

.column {
    margin: 0px 0px 0px 2.6%;
    float: left;
    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%;
}

.dt-sc-one-half {
    width: 48.7%;
}

.dt-sc-one-third {
    width: 31.6%;
}

.dt-sc-three-fourth {
    width: 74.4%;
}

.dt-sc-two-third {
    width: 65.8%;
}

.dt-sc-one-fifth {
    width: 17.9%;
}

.dt-sc-four-fifth {
    width: 79.5%;
}

.dt-sc-three-fifth {
    width: 59%;
}

.dt-sc-two-fifth {
    width: 38.4%;
}

.dt-sc-one-sixth {
    width: 14.5%;
}

.dt-sc-two-sixth {
    width: 31.6%;
}

.dt-sc-three-sixth {
    width: 48.7%;
}

.dt-sc-four-sixth {
    width: 65.8%;
}

.dt-sc-five-sixth {
    width: 82.9%;
}

.column img {
    max-width: 100%;
    height: auto;
}

.dt-sc-one-half iframe,
.dt-sc-one-third iframe,
.dt-sc-one-fourth iframe,
.dt-sc-three-fourth iframe,
.dt-sc-two-third iframe,
iframe {
    max-width: 100%;
}

embed,
iframe,
object,
video {
    max-width: 100%;
}

.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.3%;
}

.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.6%;
}

.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%;
}

/*----*****---- << Shortcodes >> ----*****----*/

.hr-invisible {
    float: left;
    width: 100%;
    margin: 40px 0px;
    display: block;
    clear: both;
}

.hr-invisible-medium {
    float: left;
    width: 100%;
    margin: 30px 0px;
    display: block;
    clear: both;
}

.hr-invisible-small {
    float: left;
    width: 100%;
    margin: 20px 0px;
    display: block;
    clear: both;
}

.hr-invisible-very-small {
    float: left;
    width: 100%;
    margin: 10px 0px;
    display: block;
    clear: both;
}

.hr-invisible-very-very-small {
    float: left;
    width: 100%;
    margin: 5px 0px;
    display: block;
    clear: both;
}

.clear {
    float: none;
    clear: both;
    margin: 0px;
    padding: 0px;
}

/*----*****---- << Icon Boxes >> ----*****----*/

/*----*****---- << Icon Boxes Type1 >> ----*****----*/

.icon {
    display: inline-block;
    margin: 30px auto 50px;
    position: relative;
}

.dt-sc-ico-content {
    text-align: center;
}

.dt-sc-ico-content.type1 .icon {
    display: inline-block;
    margin: 30px auto 50px;
    position: relative;
}

.dt-sc-ico-content {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.dt-sc-ico-content.type1 {
    padding: 0;
    text-align: center;
    width: 100%;
}

.dt-sc-ico-content.type1 h3:before {
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -2px;
    width: 30px;
}

.dt-sc-ico-content.type1 h3,
.dt-sc-ico-content.type2 h3,
.dt-sc-ico-content.type3 h3,
.dt-sc-ico-content.type4 h3 {
    border: 1px solid #353737;
    padding: 23px 10px 25px;
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
}

.dt-sc-ico-content.type1:hover .hexagon1 {
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
}

.dt-sc-ico-content.type1 h3 a {
    color: #545b5b;
    font-weight: bold;
}

.dt-sc-ico-content.type1 h3 {
    border: none !important;
    padding-top: 0px !important;
}

.dt-sc-ico-content.type1:hover .hexagon1,
.dt-sc-ico-content.type1:hover .hexagon1 .corner1,
.dt-sc-ico-content.type1:hover .hexagon1 .corner2 {
    border-color: transparent;
}

.dt-sc-ico-content.type1:hover .hexagon .hexagon2::before,
.dt-sc-ico-content.type2:hover .hexagon .hexagon2::before {
    animation: 500ms linear 0s normal none 1 running fadeIn;
    -moz-animation: 500ms linear 0s normal none 1 running fadeIn;
    -ms-animation: 500ms linear 0s normal none 1 running fadeIn;
    -o-animation: 500ms linear 0s normal none 1 running fadeIn;
    -webkit-animation: 500ms linear 0s normal none 1 running fadeIn;
}

/*----*****---- << Icon Boxes Type2 >> ----*****----*/

.dt-sc-ico-content.type2 .icon {
    margin: 30px auto 40px;
}

.dt-sc-ico-content.type2 h3,
.dt-sc-ico-content.type3 h3,
.dt-sc-ico-content.type4 h3 {
    border: none;
    padding-top: 0;
}

.dt-sc-ico-content.type2 h3 {
    padding-bottom: 10px;
}

.dt-sc-ico-content.type2:hover .icon {
    animation-duration: .8s;
    animation-name: bounceIn;
    animation-timing-function: linear;
    -webkit-animation-duration: .8s;
    -webkit-animation-name: bounceIn;
    -webkit-animation-timing-function: linear;
}

/*----*****---- << Icon Boxes Type3 >> ----*****----*/

.dt-sc-ico-content.type3 .icon,
.dt-sc-ico-content.type4 .icon,
.dt-sc-ico-content.type6 .icon {
    margin: 30px auto 10px;
    width: 100px;
    height: 100px;
    border: 1px solid #8a4500;
    border-radius: 50%;
    line-height: 100px;
}

.dt-sc-ico-content.type3 .icon img,
.dt-sc-ico-content.type4 .icon img,
.dt-sc-ico-content.type6 .icon img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.dt-sc-ico-content.type3 h3,
.dt-sc-ico-content.type4 h3 {
    padding-bottom: 20px;
}

.dt-sc-ico-content.type3:hover .icon img {
    transform: rotateY(360deg) scale(1.2);
    -webkit-transform: rotateY(360deg) scale(1.2);
}

.dt-sc-ico-content.type4:hover .icon img {
    transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
}

/*----*****---- << Icon Boxes Type4 >> ----*****----*/

.dt-sc-ico-content.type4 .icon::before {
    border-top: 1px dashed #8a4500;
    content: "";
    left: 100%;
    min-width: 265px;
    position: absolute;
    top: 50%;
}

.dt-sc-ico-content.type4.last .icon::before {
    display: none;
}

.dt-sc-ico-content.type4 .icon {
    background: #2d2d2d;
}

/*----*****---- << Icon Boxes Type5 >> ----*****----*/

.dt-sc-ico-content.type5 .icon {
    display: block;
    margin: 0 auto 20px;
}

.dt-sc-ico-content.type5 .dt-sc-ico-num {
    color: rgba(255, 157, 59, 0.05);
    font-size: 90px;
    font-weight: 700;
    left: 12%;
    position: absolute;
    top: -50%;
}

.dt-sc-ico-content.type5:hover .dt-sc-ico-num {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
}

.dt-sc-ico-content.type5:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.dt-sc-ico-content.type5:hover::after {
    opacity: 1;
    transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
}

.dt-sc-ico-content.type5:after {
    background: rgba(255, 255, 255, 0.10);
    bottom: 0;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    width: 100%;
    z-index: -9;
}

.dt-sc-ico-content.type5 {
    padding: 20px 40px;
}

/*----*****---- << Icon Boxes Type6 >> ----*****----*/

.dt-sc-ico-content.type6 {
    padding: 10px 40px 40px;
}

.dt-sc-ico-content.type6 .icon {
    border: none;
    margin: 0 auto;
}

.dt-sc-ico-content.type6 h3,
.dt-sc-ico-content.type5 h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.dt-sc-ico-content.type6 .dt-sc-border:before,
.dt-sc-ico-content.type6 .dt-sc-border:after {
    content: '';
    display: block;
    margin: auto;
    top: 0;
    position: absolute;
    left: 0;
    transition: all 0.5s ease 0s;
}

.dt-sc-ico-content.type6 .dt-sc-border:before {
    height: 0;
    width: 1px;
}

.dt-sc-ico-content.type6 .dt-sc-border:after {
    height: 1px;
    width: 0;
}

.dt-sc-ico-content.type6:hover .dt-sc-border:before {
    height: 100%;
}

.dt-sc-ico-content.type6:hover .dt-sc-border:after {
    width: 100%;
}

.dt-sc-ico-content.type6:before,
.dt-sc-ico-content.type6:after {
    content: '';
    display: block;
    margin: auto;
    bottom: 0;
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.dt-sc-ico-content.type6:before {
    height: 0;
    width: 1px;
}

.dt-sc-ico-content.type6:after {
    height: 1px;
    width: 0;
}

.dt-sc-ico-content.type6:hover:before {
    height: 100%;
}

.dt-sc-ico-content.type6:hover:after {
    width: 100%;
}

/*----*****---- << Tabs >> ----*****----*/

.dt-sc-tabs-container {
    display: inline-block;
    position: relative;
}

.dt-sc-tabs-container.float-right ul.dt-sc-tabs-frame {
    text-align: right;
}

.dt-sc-tabs-container.float-right ul.dt-sc-tabs-frame li {
    float: none;
    margin: 0 0 0 -1px;
}

ul.dt-sc-tabs-frame,
ul.dt-sc-tabs-vertical-frame {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    line-height: 0;
}

ul.dt-sc-tabs-frame li,
ul.dt-sc-tabs-vertical-frame li {
    display: inline;
    float: left;
    padding: 0;
    margin-right: 1px;
}

ul.dt-sc-tabs-frame li a.current,
ul.dt-sc-tabs-vertical-frame li a.current {
    position: relative;
    z-index: 1;
    color: #fff;
}

ul.dt-sc-tabs-frame li a:hover,
ul.dt-sc-tabs-vertical-frame li a:hover {
    color: #fff;
}

ul.dt-sc-tabs-frame li a,
ul.dt-sc-tabs-vertical-frame li a {
    min-width: 135px;
    min-height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 47px;
    font-size: 16px;
    background: #353737;
    padding: 0 10px;
}

.dt-sc-tabs-frame-content {
    border: 1px solid #353737;
    clear: both;
    float: left;
    margin: 0;
    padding: 20px;
    padding: 30px 30px 10px;
    width: 100%;
}

.dt-sc-tabs-frame-content .alignright {
    width: 60%;
}

.dt-sc-tabs-frame-content .alignright h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

ul.dt-sc-tabs-vertical-frame {
    float: left;
    margin: 0;
    padding: 0;
    width: 26%;
}

.dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content {
    float: right;
    margin: 0;
    position: relative;
    width: 74%;
    clear: none;
}

.dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content {
    padding: 10px;
}

.dt-sc-tabs-vertical-container .dt-sc-tabs-frame-content .alignright {
    width: 55%;
}

ul.dt-sc-tabs-vertical-frame>li {
    display: block;
    float: left;
    margin: 0 0 4px;
    padding: 0;
    position: relative;
    width: 100%;
}

.dt-sc-tabs-vertical-container.float-right ul.dt-sc-tabs-vertical-frame {
    float: right;
}

.dt-sc-tabs-vertical-container {
    clear: both;
    float: left;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}

.dt-sc-tabs-container.float-right .dt-sc-tabs-frame-content .alignleft {
    float: right;
}

.dt-sc-tabs-container.float-right .dt-sc-tabs-frame-content .alignright {
    margin-right: 20px;
    width: 62%;
}

/*----*****---- << Accordion >> ----*****----*/

.dt-sc-toggle-frame-set {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.dt-sc-toggle-frame {
    margin-bottom: 10px;
}

.dt-sc-toggle-frame:last-child {
    margin: 0;
}

.dt-sc-toggle-content {
    clear: both;
    display: block;
    padding: 15px 0 15px;
    display: none;
    transition: all 0s linear 0s !important;
}

h5.dt-sc-toggle-accordion.active:before,
h5.dt-sc-toggle.active:before,
h5.dt-sc-toggle-accordion:before,
h5.dt-sc-toggle:before {
    line-height: 50px;
    color: #353737;
    font-family: fontawesome;
    font-size: 22px;
}

h5.dt-sc-toggle-accordion.active:before,
h5.dt-sc-toggle.active:before {
    content: "\f205";
}

h5.dt-sc-toggle-accordion:before,
h5.dt-sc-toggle:before {
    content: "\f204";
}

h5.dt-sc-toggle-accordion:before,
h5.dt-sc-toggle:before {
    min-height: 50px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
    bottom: 0;
}

.dt-sc-toggle-frame h5.dt-sc-toggle-accordion,
.dt-sc-toggle-frame h5.dt-sc-toggle {
    border-radius: 3px;
    clear: both;
    margin: 0;
    width: 100%;
}

h5.dt-sc-toggle-accordion.active a,
h5.dt-sc-toggle-accordion a:hover,
h5.dt-sc-toggle-accordion.active:before,
h5.dt-sc-toggle.active:before,
h5.dt-sc-toggle-accordion:hover:before,
h5.dt-sc-toggle:hover:before,
h5.dt-sc-toggle.active a,
h5.dt-sc-toggle a:hover {
    color: #fff;
}

h5.dt-sc-toggle-accordion,
h5.dt-sc-toggle {
    clear: both;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0 0 0 60px;
    position: relative;
}

h5.dt-sc-toggle-accordion a,
h5.dt-sc-toggle a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 10px 15px;
    ;
}

.dt-sc-toggle-frame h5.dt-sc-toggle-accordion a,
.dt-sc-toggle-frame h5.dt-sc-toggle a {
    background: #353737;
}

.dt-sc-toggle-frame .dt-sc-toggle-content .block {
    margin: 0;
    padding: 20px;
    display: block;
}

/*----*****---- << Donutchart >> ----*****----*/

.dt-sc-donutchart-small {
    text-align: center;
}

.dt-sc-donutchart {
    position: relative;
    text-align: center;
}

.donutcharttext {
    color: #464646;
    font-size: 16px;
    left: 0;
    line-height: 150px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    font-size: 24px;
}

h5.dt-sc-donutchart-title {
    font-size: 18px;
    color: #ebebeb;
    margin-bottom: 0;
    margin-top: 20px;
    text-transform: uppercase;
}

.dt-sc-donutchart-medium {
    display: inline-block;
    text-align: center;
}

.dt-sc-donutchart-medium:hover .dt-sc-donutchart span {
    color: #fff;
}

.dt-sc-donutchart {
    margin-bottom: 30px;
    border-radius: 50%;
}

.dt-sc-donutchart span {
    background: #ecf0f1;
    border-radius: 50%;
    display: inline-block;
    height: 100px;
    width: 100px;
    line-height: 100px;
}

/*----*****---- << Progress Bar >> ----*****----*/

.dt-sc-progress {
    height: 20px;
    margin-bottom: 40px;
    clear: both;
    display: block;
}

.dt-sc-progress .dt-sc-bar {
    position: relative;
}

.dt-sc-bar-text {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: -27px;
    color: #fff;
}

.dt-sc-progress .dt-sc-bar-text>span {
    float: right;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.dt-sc-violet .dt-sc-bar {
    background: #9428d6;
}

.dt-sc-violet .dt-sc-bar-text span {
    color: #9428d6;
}

.dt-sc-pink .dt-sc-bar {
    background: #e0316f;
}

.dt-sc-pink .dt-sc-bar-text span {
    color: #e0316f;
}

.dt-sc-blue .dt-sc-bar {
    background: #00adef;
}

.dt-sc-blue .dt-sc-bar-text span {
    color: #00adef;
}

.dt-sc-green .dt-sc-bar {
    background: #9bb70d;
}

.dt-sc-green .dt-sc-bar-text span {
    color: #9bb70d;
}

.dt-sc-brown .dt-sc-bar {
    background: #ba6b27;
}

.dt-sc-brown .dt-sc-bar-text span {
    color: #ba6b27;
}

.dt-sc-ocean .dt-sc-bar {
    background: #00cdcd;
}

.dt-sc-ocean .dt-sc-bar-text span {
    color: #00cdcd;
}

.dt-sc-darkpink .dt-sc-bar {
    background: #a23b6f;
}

.dt-sc-darkpink .dt-sc-bar-text span {
    color: #a23b6f;
}

.dt-sc-khaki .dt-sc-bar {
    background: #b6af55;
}

.dt-sc-khaki .dt-sc-bar-text span {
    color: #b6af55;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: -20px 0
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: -20px 0
    }

    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: -20px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: -20px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: -20px 0
    }

    to {
        background-position: 0 0
    }
}

.dt-sc-progress {
    height: 15px;
    background-color: #e6e6e6;
}

.dt-sc-progress .dt-sc-bar {
    width: 0%;
    height: 100%;
    float: left;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    overflow: visible !important;
}

.dt-sc-progress .dt-sc-bar+.dt-sc-bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.dt-sc-progress-striped .dt-sc-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
}

.dt-sc-progress.active .dt-sc-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

/*----*****---- << Columns >> ----*****----*/

.dt-sc-dropcap.dt-sc-dropcap-bordered-circle {
    border-color: #808080;
    font-size: 14px;
    line-height: 40px;
}

.dt-sc-dropcap.dt-sc-dropcap-bordered-circle {
    border: 1px solid;
}

.dt-sc-dropcap.dt-sc-dropcap-bordered-circle {
    border-radius: 30px;
    height: 38px;
    line-height: 36px;
    margin: 5px 10px 0 0;
    padding: 0;
    text-align: center;
    width: 38px;
}

.dt-sc-dropcap {
    color: #ffffff;
    float: left;
    font-size: 24px;
    line-height: 35px;
    margin: 10px 0;
    text-align: center;
}

p:hover .dt-sc-dropcap.dt-sc-dropcap-bordered-circle {
    color: #fff;
}

/*----*****---- << List's >> ----*****----*/

ul.dt-sc-fancy-list {
    List-style-position: outside;
    List-style-type: none;
}

ul.dt-sc-fancy-list.leaf li {
    padding-left: 23px;
}

ul.dt-sc-fancy-list.leaf>li:hover:before,
ul.dt-sc-fancy-list.scissor li:hover:before {
    transform: rotate(360deg);
}

ul.dt-sc-fancy-list.leaf li:before {
    content: "\f06c";
}

ul.dt-sc-fancy-list.scissor li:before {
    content: "\f0c4";
}

ul.dt-sc-fancy-list li:before {
    color: #f2e9e1;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-decoration: inherit;
    top: 7px;
}

ul.dt-sc-fancy-list li {
    display: block;
    padding: 5px 0 5px 20px;
    position: relative;
    color: #f2e9e1;
}

ul.dt-sc-fancy-list.chillipepper li::before {
    color: #b31f41;
}

ul.dt-sc-fancy-list.brown li::before {
    color: #8f5a28;
}

ul.dt-sc-fancy-list.blue li::before {
    color: #478bca;
}

ul.dt-sc-fancy-list.violet li::before {
    color: #9b59b6;
}

ul.dt-sc-fancy-list.red li::before {
    Color: #ef3a43;
}

ul.dt-sc-fancy-list.green li::before {
    color: #00a988;
}

ul.dt-sc-fancy-list.orange li::before {
    color: #f67f45;
}

ul.dt-sc-fancy-list.arrow li::before {
    content: "\f061";
}

ul.dt-sc-fancy-list.rounded-arrow li::before {
    content: "\f0a9";
}

ul.dt-sc-fancy-list.rounded-cross li::before {
    content: "\f057";
}

ul.dt-sc-fancy-list.comment li::before {
    content: "\f075";
}

ul.dt-sc-fancy-list.tag li::before {
    content: "\f02b";
}

ul.dt-sc-fancy-list.map-marker li::before {
    content: "\f041";
}

ul.dt-sc-fancy-list.link li::before {
    content: "\f0c1";
}

ul.dt-sc-fancy-list.pencil li::before {
    content: "\f040";
}

ol.dt-sc-fancy-list li {
    padding: 5px 0 5px 5px;
    position: relative;
    color: #f2e9e1;
}

ol.decimal {
    List-style-type: decimal;
}

ol.decimal-leading-zero {
    list-style-type: decimal-leading-zero;
}

ol.lower-alpha {
    list-style-type: lower-alpha;
}

ol.lower-roman {
    list-style-type: lower-roman;
}

ol.dt-sc-fancy-list.orange li {
    color: #f67f45;
}

ol.dt-sc-fancy-list.green li {
    color: #00a988;
}

ol.dt-sc-fancy-list.red li {
    color: #ef3a43;
}

ol.dt-sc-fancy-list.violet li {
    color: #9b59b6;
}

ol.dt-sc-fancy-list li span {
    color: #ffffff;
}

/*----*****---- << CallOut Boxes >> ----*****----*/

.dt-sc-callout-box.type1,
.dt-sc-callout-box.type2,
.dt-sc-callout-box.type5 {
    text-align: center;
}

.dt-sc-callout-box.type1 {
    border: 1px solid #dfdfdf;
    text-align: center;
}

.dt-sc-callout-box {
    float: left;
    margin: 0;
    padding: 25px 3%;
    width: 100%;
}

.dt-sc-callout-box {
    box-sizing: border-box;
}

.dt-sc-callout-box h4 {
    line-height: 40px;
    margin-bottom: 35px;
    text-transform: unset;
}

.dt-sc-callout-box h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.dt-sc-callout-box h5 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
}

.dt-sc-callout-box.type1 .dt-sc-button,
.dt-sc-callout-box.type2 .dt-sc-button,
.dt-sc-callout-box.type5 .dt-sc-button {
    float: none;
}

.dt-sc-callout-box .dt-sc-button {
    border: 1px solid #000000;
    border-radius: 3px;
    margin: 10px 0 0;
    position: inherit;
}

.dt-sc-callout-box .dt-sc-button {
    backface-visibility: hidden;
    float: right;
}

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

.dt-sc-team {
    display: inline-block;
    line-height: 0;
    width: 100%;
    float: left;
    position: relative;
}

.dt-sc-team .team-details {
    text-align: center;
    box-shadow: 0 0 0 1px #353737 inset;
    border-top: none;
    padding: 30px 20px;
    position: relative;
    display: inline-block;
    width: 100%;
}

.dt-sc-team .team-details h5 {
    margin-bottom: 13px;
    text-transform: uppercase;
}

.dt-sc-team .team-details h5 a {
    color: #ffffff;
    font-size: 16px;
}

.dt-sc-team .team-details h6 {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 13px;
}

.dt-sc-team .image {
    display: inline-block;
    padding: 0;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 9;
}

.dt-sc-team .team-details .team-details-title {
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.35s ease 0s;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -webkit-transition: transform 0.35s ease 0s;
}

.dt-sc-team:hover .team-details .team-details-title {
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.35s ease 0s;
    top: 8px;
    -webkit-transform: translate3d(0px, 200%, 0px);
    -webkit-transition: transform 0.35s ease 0s;
    top: 8px;
}

.dt-sc-team:hover .team-details .team-details-social-icons {
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.35s ease 0s;
    top: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -webkit-transition: transform 0.35s ease 0s;
    top: 0;
}

.dt-sc-team .team-details .team-details-social-icons {
    color: #fff;
    height: 100%;
    padding: 18px 20px;
    position: absolute;
    top: -15px;
    ;
    transform: translate3d(0px, -100%, 0px);
    transition: transform 0.35s ease 0s;
    -webkit-transform: translate3d(0px, -100%, 0px);
    -webkit-transition: transform 0.35s ease 0s;
    display: inline-block;
    width: 100%;
    left: 0;
}

/* ** IE9 ** */
.dt-sc-team .team-details .team-details-social-icons {
    top: -110%\9;
}

.dt-sc-team:hover .team-details .team-details-title {
    top: 100px\9;
}

.team-details-social-icons:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 12px solid;
    bottom: -12px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}

.team-details-social-icons>ul,
.dt-sc-team.type2 ul {
    bottom: 0;
    height: 30px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}

.team-details-social-icons li {
    display: inline-block;
    position: relative;
    background: #2b2d2d;
    border-radius: 50%;
    height: 30px;
    line-height: 33px;
    width: 30px;
}

.team-details-social-icons li a {
    font-size: 18px;
    margin: 0 6px;
}

.team-details-social-icons li a:hover {
    color: #ffffff;
}

.team-details-social-icons li::before {
    border-radius: 50%;
    content: "";
    height: 32px;
    left: -1px;
    opacity: 0;
    top: -1px;
    position: absolute;
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    width: 32px;
}

.team-details-social-icons li:hover:before {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    cursor: pointer;
    opacity: 1;
    transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.team-details-social-icons li:hover a {
    color: #fff;
}

.team-details-social-icons li.facebook:before {
    background: #3B5998;
}

.team-details-social-icons li.twitter:before {
    background: #1dcaff;
}

.team-details-social-icons li.linkedin:before {
    background: #0077b5;
}

.team-details-social-icons li.google-plus:before {
    background: #d34836;
}

ul li.dt-sc-one-fourth.dt-sc-team:first-child .team-details .team-details-social-icons,
ul li.dt-sc-one-fourth.dt-sc-team:last-child .team-details .team-details-social-icons {
    width: 99.9%;
}

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

.dt-sc-team.type2,
.dt-sc-team.type3 {
    text-align: center;
}

.dt-sc-team.type2 .image .team-details-social-icons:after,
.dt-sc-team.type3 .image .team-details-social-icons:after {
    border: none;
}

.dt-sc-team.type2 .image .team-details-social-icons {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
    bottom: 0;
    margin: auto;
}

.dt-sc-team.type2 .image .team-details-social-icons a {
    color: #ffffff;
    font-size: 20px;
    position: relative;
    top: -10px;
    transition-delay: 0.1s;
    margin: 0 5px;
}

.dt-sc-team.type2:hover .image .team-details-social-icons {
    opacity: 1;
}

.dt-sc-team.type2 .image::before,
.dt-sc-team.type3 .image::before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.dt-sc-team.type3 .image::before {
    border-radius: 0;
    box-shadow: none !important;
}

.dt-sc-team.type2:hover .image::before {
    box-shadow: none;
}

.dt-sc-team.type2 .image {
    box-sizing: content-box;
    display: inline-block;
    height: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
}

.dt-sc-team.type3 .image::before {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.dt-sc-team.type2 h5,
.dt-sc-team.type3 h5 {
    margin-bottom: 13px;
    text-transform: uppercase;
}

.dt-sc-team.type2 h5 a,
.dt-sc-team.type3 h5 a {
    color: #ffffff;
    font-size: 16px;
}

.dt-sc-team.type2 h6,
.dt-sc-team.type3 h6 {
    font-size: 13px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.dt-sc-team.type2:hover .image .team-details-social-icons a,
.dt-sc-team.type2:hover .image .team-details-social-icons a:nth-child(2n) {
    top: 0;
}

.dt-sc-team.type2 .image .team-details-social-icons a:nth-child(2n) {
    top: 10px;
}

.dt-sc-team.type2 .team-details-social-icons .fa-facebook:hover,
.dt-sc-team.type3 .team-details-social-icons .fa-facebook:hover {
    color: #3b5998;
}

.dt-sc-team.type2 .team-details-social-icons .fa-twitter:hover,
.dt-sc-team.type3 .team-details-social-icons .fa-twitter:hover {
    color: #00aced;
}

.dt-sc-team.type2 .team-details-social-icons .fa-linkedin:hover,
.dt-sc-team.type3 .team-details-social-icons .fa-linkedin:hover {
    color: #007bb6;
}

.dt-sc-team.type2 .team-details-social-icons .fa-google-plus:hover,
.dt-sc-team.type3 .team-details-social-icons .fa-google-plus:hover {
    color: #D84B37;
}

.dt-sc-team.type2:hover .image::before {
    animation: 1s linear pulse;
    -moz-animation: 1s linear pulse;
    -o-animation: 1s linear pulse;
    -webkit-animation: 1s linear pulse;
}

.dt-sc-team.type2 .image::before {
    box-shadow: 0 0 0 18px rgba(84, 91, 91, 1) inset !important;
}

.author .hexagon-image {
    height: 91px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -28px;
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    width: 74px;
}

.hexagon-in1 {
    height: 100%;
    overflow: hidden;
    transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    width: 100%;
}

.hexagon-in2 {
    background-position: 40% 10%;
    background-repeat: no-repeat;
    height: 100%;
    transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    visibility: visible;
    width: 100%;
}

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

.dt-sc-team.type3 .team-details {
    /*border-bottom: 2px solid #ff9d3b;*/
    box-shadow: none;
}

.dt-sc-team.type3 .team-details-social-icons {
    bottom: 0;
    height: 30px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.6s ease 0s;
    width: 100%;
}

.dt-sc-team.type3:hover .team-details-social-icons {
    opacity: 1;
}

.dt-sc-team.type3 .team-details-social-icons a {
    display: inline-block;
    margin: 0 8px;
    opacity: 0;
    position: relative;
    transition: opacity 0.4s ease 0s;
    color: #fff;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.dt-sc-team.type3:hover .team-details-social-icons a {
    animation-duration: 0.4s;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: fadeInUp;
    opacity: 1;
}

.dt-sc-team.type3:hover .team-details-social-icons a:nth-child(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    transition-delay: 0s;
}

.dt-sc-team.type3:hover .team-details-social-icons a:nth-child(2) {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    transition-delay: 0.2s;
}

.dt-sc-team.type3:hover .team-details-social-icons a:nth-child(3) {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    transition-delay: 0.3s;
}

.dt-sc-team.type3:hover .team-details-social-icons a:nth-child(4) {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    transition-delay: 0.4s;
}

.dt-sc-team.type3 .team-details::after {
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 330ms ease 0s;
    width: 100%;
}

.dt-sc-team.type3:hover .team-details::after {
    height: 5px;
}

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

.dt-sc-team.type4 {
    overflow: hidden;
}

.dt-sc-team.type4:hover .overlay-section-first {
    opacity: 1;
}

.dt-sc-team.type4 li:hover a {
    color: #000;
    z-index: 99;
}

.dt-sc-team.type4:hover .overlay-section-first>h5 {
    bottom: 30px;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
}

.dt-sc-team.type4:hover .overlay-section-second {
    left: 0;
    opacity: 0.8;
    top: 0;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

::i-block-chrome,
.dt-sc-team.type4:hover .overlay-section-first h5 {
    bottom: 15px;
}

.overlay-section-first {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    width: 100%;
    z-index: 9;
}

.overlay-section-first>h5 {
    bottom: -80px;
    right: 0;
    margin: 0 auto;
    padding: 9px 35px;
    position: absolute;
    right: 0;
    left: 0;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
}

.overlay-section-first>h5 a {
    color: #fff;
    font-size: 16px;
    padding: 9px 30px;
    border: 5px double;
}

.overlay-section-second {
    height: 260px;
    left: -100%;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    top: -100%;
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 245px;
    z-index: 999;
}

.overlay-section-second::after {
    background: #2b2d2d;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
    content: "";
    height: 200%;
    left: -98px;
    position: absolute;
    top: -202px;
    transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    -webkit-transform: rotate(42deg);
    width: 100%;
    z-index: -1;
}

.overlay-section-second h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 35px;
    text-transform: uppercase;
    padding-left: 10px;
}

.overlay-section-second h4 span {
    display: block;
    font-size: 14px;
    margin-top: 7px;
}

.overlay-section-second ul li {
    position: relative;
    border-radius: 50%;
    display: table;
    margin-bottom: 5px;
    transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -moz-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -ms-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -o-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -webkit-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    margin-bottom: 5px;
    left: 10px;
}

.overlay-section-second ul li a {
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
    position: relative;
    z-index: 99;
}

.overlay-section-second ul li:after {
    content: "";
    height: 25px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -moz-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -ms-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -o-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -webkit-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    width: 25px;
    z-index: -1;
}

.overlay-section-second ul li:hover:after {
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -moz-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -ms-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -o-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    -webkit-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s;
    border-radius: 50%;
    z-index: 9;
}

/*----*****---- << Heading >> ----*****----*/

.border-title h1,
.border-title h2,
.border-title h3,
.border-title h4,
.border-title h5,
.border-title h6 {
    border-bottom: 1px solid;
    margin: 0 auto;
    text-transform: uppercase;
    width: -moz-fit-content;
}

.dt-sc-typo h1,
.dt-sc-typo h2,
.dt-sc-typo h3,
.dt-sc-typo h4,
.dt-sc-typo h5,
.dt-sc-typo h6 {
    color: #fff;
}

.border-title h1,
.border-title h2,
.border-title h3,
.border-title h4,
.border-title h5,
.border-title h6 {
    display: inline-block;
    padding-bottom: 5px;
    color: #FFF;
}

/*----*****---- << Boutton >> ----*****----*/

.dt-sc-button.medium {
    font-size: 16px;
    padding: 2px 20px;
}

.dt-sc-button.large {
    font-size: 17px;
    padding: 8px 45px;
}

.dt-sc-button.xlarge {
    font-size: 18px;
    padding: 12px 50px;
}

.dt-sc-button {
    border: medium none;
    border-radius: 3px;
    font-weight: bold;
    margin: 10px 0 0;
    overflow: visible;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    line-height: 60px;
    color: #000;
}

.dt-sc-button.transparent {
    background: none;
    border: 1px solid;
}

.dt-sc-button.transparent:hover {
    color: #fff;
}

.dt-sc-button.transparent.dotted {
    border-style: dotted;
}

.dt-sc-button.effect {
    transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
}

.dt-sc-button.transparent.effect:hover {
    color: #000000;
}

.dt-sc-button:hover,
.dt-sc-pr-tb-col.selected .dt-sc-button {
    color: #fff !important;
}

.dt-sc-button.transparent.effect:hover::before,
.dt-sc-pr-tb-col.selected .dt-sc-button::before {
    border-radius: 0;
}

/* ** IE9 ** */
.dt-sc-button.btn-icon i.fa {
    left: -25px\0;
}

.dt-sc-button.btn-icon:hover i.fa {
    left: 20px\0;
    top: 20px\0;
}

.dt-sc-button.medium.btn-icon:hover i.fa {
    top: 23px\0;
}

.dt-sc-button.large.btn-icon:hover i.fa {
    top: 27px\0;
}

.dt-sc-button.xlarge.btn-icon:hover i.fa {
    top: 30px\0;
}

/*----*****---- << Tooltip >> ----*****----*/

.aligncenter .tooltip {
    border: 1px solid;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 30px;
    position: relative;
    text-transform: uppercase;
}

.aligncenter .tooltip.top .tooltip-content:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 54%;
    margin-left: -8px;
    top: 100%;
    transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    -webkit-transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    backface-visibility: hidden;
}

.aligncenter .tooltip.right .tooltip-content:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 4px;
    margin-left: -8px;
    top: 17px;
    transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    -webkit-transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    backface-visibility: hidden;
}

.aligncenter .tooltip.bottom .tooltip-content:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 54%;
    margin-left: -8px;
    top: 2px;
    transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    -webkit-transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    backface-visibility: hidden;
}

.aligncenter .tooltip.left .tooltip-content:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    right: -3px;
    margin-left: -8px;
    top: 54%;
    transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    -webkit-transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
    backface-visibility: hidden;
}

.aligncenter .tooltip.top .tooltip-content {
    position: absolute;
    z-index: 9999;
    bottom: 135%;
    left: 0;
    text-align: center;
    color: #000;
    opacity: 0;
    cursor: default;
    transform: scale3d(0.1, 0.2, 1);
    transform-origin: 50% 120% 0px;
    transition: opacity 0.4s ease 0s, transform 0.4s cubic-bezier(0.6, 0, 0.4, 1) 0s;
    right: 0;
    margin: auto;
    display: table;
    backface-visibility: hidden;
    border-radius: 3px;
    -webkit-transform: scale3d(0.1, 0.2, 1);
    -webkit-transform-origin: 50% 120% 0px;
}

.aligncenter .tooltip.right .tooltip-content {
    position: absolute;
    z-index: 9999;
    bottom: 20%;
    right: -50%;
    text-align: center;
    color: #000;
    opacity: 0;
    cursor: default;
    transform: scale3d(0.1, 0.2, 1);
    transform-origin: 100% 50% 0px;
    transition: opacity 0.4s ease 0s, transform 0.4s cubic-bezier(0.6, 0, 0.4, 1) 0s;
    backface-visibility: hidden;
    border-radius: 3px;
}

.aligncenter .tooltip.bottom .tooltip-content {
    position: absolute;
    z-index: 9999;
    bottom: -100%;
    left: 0;
    text-align: center;
    color: #000;
    opacity: 0;
    cursor: default;
    transform: scale3d(0.1, 0.2, 1);
    transform-origin: 50% 120% 0px;
    transition: opacity 0.4s ease 0s, transform 0.4s cubic-bezier(0.6, 0, 0.4, 1) 0s;
    right: 0;
    margin: auto;
    display: table;
    backface-visibility: hidden;
    border-radius: 3px;
}

::i-block-chrome,
.aligncenter .tooltip.bottom .tooltip-content,
::i-block-chrome,
.aligncenter .tooltip.top .tooltip-content {
    padding-bottom: 23px;
}

/* ** IE9 ** */
.aligncenter .tooltip .tooltip-content::after {
    transform: rotate(45deg)\9;
}

.aligncenter .top.tooltip .tooltip-content::after {
    top: 85%\9 !important;
}

.aligncenter .right.tooltip .tooltip-content::after {
    top: 35%\9 !important;
}

.aligncenter .bottom.tooltip .tooltip-content::after {
    top: -15%\9 !important;
}

.aligncenter .left.tooltip .tooltip-content::after {
    top: 35%\9 !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .aligncenter .tooltip.bottom .tooltip-content {
        left: 25%;
    }

    .aligncenter .tooltip.top .tooltip-content {
        left: 35%;
    }
}

.aligncenter .tooltip.left .tooltip-content {
    position: absolute;
    z-index: 9999;
    bottom: 20%;
    left: -45%;
    text-align: center;
    color: #000;
    opacity: 0;
    cursor: default;
    transform: scale3d(0.1, 0.2, 1);
    transform-origin: 100% 50% 0px;
    transition: opacity 0.4s ease 0s, transform 0.4s cubic-bezier(0.6, 0, 0.4, 1) 0s;
    backface-visibility: hidden;
    border-radius: 3px;
}

.aligncenter .tooltip .tooltip-content {
    text-align: center;
    color: #1f1c1a;
    cursor: default;
    font-size: 14px;
    padding: 7px 5px 8px;
}

.aligncenter .tooltip:hover .tooltip-content {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
}

.dt-sc-button:hover {
    color: #000;
}

.btn-icon {
    border-color: #37474f;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.btn-icon:hover {
    background: #ffcd9d;
    color: #fff;
}

.btn-icon:hover i.fa {
    transform: translate3d(0px, 20px, 0px);
    -webkit-transform: translate3d(0px, 20px, 0px);
}

.btn-icon i.fa {
    font-size: 18px;
    left: 20px;
    position: absolute;
    transform: translate3d(-40px, 80px, 0px);
    -webkit-transform: translate3d(-40px, 80px, 0px);
    color: #ffffff;
}

.dt-sc-button.small.btn-icon:hover {
    padding-left: 45px;
}

.dt-sc-button.medium.btn-icon:hover {
    padding-left: 45px;
}

.dt-sc-button.large.btn-icon:hover {
    padding-left: 50px;
}

.dt-sc-button.xlarge.btn-icon:hover {
    padding-left: 55px;
}

.dt-sc-button.xlarge i.fa {
    font-size: 22px;
}

.dt-sc-button.large i.fa {
    font-size: 20px;
}

.dt-sc-button.effect1 {
    position: relative;
    z-index: 1;
}

.effect1:before {
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale3d(1, 1, 1);
    width: 100%;
    z-index: -1;
}

.effect1:hover::before {
    transform: scale3d(1, 1, 1);
}

/*----*****---- << Notification Boxes >> ----*****----*/

.dt-sc-success-box {
    background-color: #eafac0;
    border: 1px solid #b1cf67;
    position: relative;
    color: #7ba411;
}

.dt-sc-error-box {
    background-color: #ffcccc;
    border: 1px solid #ff9999;
    position: relative;
    color: #d01313;
}

.dt-sc-warning-box {
    background-color: #fdebae;
    border: 1px solid #e6c555;
    position: relative;
    color: #7ba411;
}

.dt-sc-info-box {
    background-color: #bfe4f9;
    border: 1px solid #68a2cf;
    position: relative;
    color: #7ba411;
}

.dt-sc-error-box,
.dt-sc-warning-box,
.dt-sc-success-box,
.dt-sc-info-box {
    clear: both;
    color: #000000;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
}

.dt-sc-error-box h4,
.dt-sc-warning-box h4,
.dt-sc-success-box h4,
.dt-sc-info-box h4 {
    margin-bottom: 15px;
    margin-top: 5px;
}

.dt-sc-success-box,
.dt-sc-success-box span {
    color: #7ba411;
}

.dt-sc-error-box,
.dt-sc-error-box span {
    color: #d01313;
}

.dt-sc-warning-box,
.dt-sc-warning-box span {
    color: #c79d13;
}

.dt-sc-info-box,
.dt-sc-info-box span {
    color: #2081b9;
}

.dt-sc-error-box,
.dt-sc-warning-box,
.dt-sc-success-box,
.dt-sc-info-box {
    font-weight: 300;
    line-height: 20px;
    font-size: 16px;
    border-radius: 3px;
}

.dt-sc-error-box span,
.dt-sc-success-box span,
.dt-sc-warning-box span,
.dt-sc-info-box span {
    font-size: 18px;
    font-weight: bolder;
}

.dt-sc-error-box i.fa,
.dt-sc-success-box i.fa,
.dt-sc-warning-box i.fa,
.dt-sc-info-box i.fa {
    padding-right: 5px;
}

.dt-sc-error-box strong,
.dt-sc-warning-box strong,
.dt-sc-success-box strong,
.dt-sc-info-box strong {
    padding-right: 5px;
}

/*----*****---- << Pricing Table >> ----*****----*/

.dt-sc-pr-tb-col {
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.dt-sc-pr-tb-col-wrapper {
    display: inline-block;
    width: 100%;
}

.dt-sc-tb-header {
    float: left;
    width: 100%;
}

.dt-sc-tb-title {
    padding: 20px 0 0;
    position: relative;
}

.dt-sc-tb-title>h3 {
    color: #fff;
    font-size: 24px;
    margin: 15px 0;
}

.dollar {
    bottom: 52px;
    position: relative;
}

.dollar,
.terms {
    font-size: 22px;
}

.dollar,
.price,
.terms {
    color: #daf66a;
}

.price {
    font-size: 96px;
    font-weight: 700;
    line-height: 120px;
}

.dt-sc-price {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
    border-top: 1px dashed rgba(255, 255, 255, 0.4);
}

.dt-sc-tb-content li {
    color: #fff;
    font-size: 14px;
    padding: 12px 10px;
    clear: both;
}

.dt-sc-tb-content li:last-child {
    padding-bottom: 20px;
}

.dt-sc-buy-now .dt-sc-button {
    line-height: 40px;
    margin: 20px 0;
}

.dt-sc-buy-now .btn-icon i.fa {
    transform: translate3d(-55px, 50px, 0px);
    color: #fff !important;
}

/* ** IE9 ** */
.dt-sc-buy-now .btn-icon i.fa {
    top: 40px\9;
}

.dt-sc-buy-now .btn-icon:hover i.fa {
    left: 10px\9;
    top: 10px\9;
}

.dt-sc-buy-now .btn-icon:hover i.fa,
.dt-sc-pr-tb-col.selected .dt-sc-buy-now .btn-icon i.fa {
    transform: translate3d(-8px, 10px, 0px);
    -webkit-transform: translate3d(-8px, 10px, 0px);
}

ul.dt-sc-tb-content {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
}

.dt-sc-buy-now .dt-sc-button.small.btn-icon:hover,
.dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button.small.btn-icon {
    padding-left: 35px;
    color: #000;
}

.dt-sc-buy-now .dt-sc-button.small.btn-icon:hover i.fa,
.dt-sc-pr-tb-col.selected .dt-sc-buy-now .btn-icon i.fa {
    color: #000;
}

.dt-sc-pr-tb-col:hover,
.dt-sc-pr-tb-col.selected {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.dt-sc-pr-tb-col.type2:hover,
.dt-sc-pr-tb-col.type2.selected {
    transform: scaleY(1.05);
    -webkit-transform: scaleY(1.05);
}

.dt-sc-pr-tb-col.type2 .dt-sc-tb-content li {
    line-height: 24px;
}

.dt-sc-pr-tb-col.type2 .dt-sc-tb-content li:last-child() {
    padding-bottom: 0;
}

/* isotope.css */

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* prettyPhoto.css */

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px
}

div.pp_default .pp_top .pp_left {
    background: url(../images/sprite.png) -78px -93px no-repeat
}

div.pp_default .pp_top .pp_middle {
    background: url(../images/sprite_x.png) top left repeat-x
}

div.pp_default .pp_top .pp_right {
    background: url(../images/sprite.png) -112px -93px no-repeat
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    background: url(../images/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(../images/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_next:hover {
    background: url(../images/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(../images/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(../images/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_expand:hover {
    background: url(../images/sprite.png) 0 -56px no-repeat;
    cursor: pointer
}

div.pp_default .pp_contract {
    background: url(../images/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_contract:hover {
    background: url(../images/sprite.png) 0 -113px no-repeat;
    cursor: pointer
}

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../images/sprite.png) 2px 1px no-repeat;
    cursor: pointer
}

div.pp_default .pp_gallery ul li a {
    background: url(../images/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_social {
    margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    background: url(../images/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(../images/sprite.png) -31px -3px no-repeat;
    height: 20px;
    width: 20px;
    margin: 4px 0 0
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative
}

div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    position: absolute;
    top: 2px;
    margin: 0;
    padding: 0 0 0 10px
}

div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(../images/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../images/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(../images/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(../images/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
    background: url(../images/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_right {
    background: url(../images/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_next:hover {
    background: url(../images/btnnext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url(../images/btnprevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url(../images/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    background: url(../images/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract {
    background: url(../images/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    background: url(../images/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_nav .pp_play {
    background: url(../images/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../images/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url(../images/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_next {
    background: url(../images/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../images/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../images/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(../images/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(../images/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(../images/contentpattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(../images/contentpattern.png) top right repeat-y
}

div.dark_rounded .pp_next:hover {
    background: url(../images/btnnext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    background: url(../images/btnprevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand {
    background: url(../images/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand:hover {
    background: url(../images/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract {
    background: url(../images/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract:hover {
    background: url(../images/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_description {
    margin-right: 85px;
    color: #fff
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../images/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../images/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_arrow_previous {
    background: url(../images/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_next {
    background: url(../images/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../images/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../images/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(../images/loader.gif) center center no-repeat
}

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
    background: #000
}

div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0
}

div.dark_square .pp_loaderIcon {
    background: url(../images/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
    background: url(../images/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_expand:hover {
    background: url(../images/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract {
    background: url(../images/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract:hover {
    background: url(../images/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_square .pp_nav {
    clear: none
}

div.dark_square .pp_nav .pp_play {
    background: url(../images/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_nav .pp_pause {
    background: url(../images/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_arrow_previous {
    background: url(../images/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_next {
    background: url(../images/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_next:hover {
    background: url(../images/btnnext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    background: url(../images/btnprevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_expand {
    background: url(../images/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url(../images/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url(../images/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url(../images/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_nav .pp_play {
    background: url(../images/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(../images/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(../images/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_next {
    background: url(../images/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_next:hover {
    background: url(../images/btnnext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url(../images/btnprevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_top .pp_left {
    background: url(../images/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(../images/contentpatterntop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(../images/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content_container .pp_left {
    background: url(../images/contentpatternleft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(../images/contentpatternright.png) top right repeat-y
}

div.facebook .pp_expand {
    background: url(../images/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_expand:hover {
    background: url(../images/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract {
    background: url(../images/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract:hover {
    background: url(../images/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../images/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook .pp_loaderIcon {
    background: url(../images/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(../images/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default
}

div.facebook .pp_arrow_next {
    background: url(../images/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default
}

div.facebook .pp_nav {
    margin-top: 0
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px
}

div.facebook .pp_nav .pp_play {
    background: url(../images/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_nav .pp_pause {
    background: url(../images/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_next:hover {
    background: url(../images/btnnext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(../images/btnprevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(../images/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(../images/contentpatternbottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(../images/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 999999
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

.pp_content_container .pp_left {
    padding-left: 20px
}

.pp_content_container .pp_right {
    padding-right: 20px
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 2px 4px
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    position: relative;
    white-space: nowrap;
    margin: 0 0 0 5px;
    padding: 0
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    background: url(../images/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important
}

a.pp_next {
    background: url(../images/btnnext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url(../images/btnnext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px
}

#pp_full_res {
    line-height: 1 !important
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px
}

div.pp_default .pp_content,
div.light_rounded .pp_content {
    background-color: #fff
}

div.pp_default #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff
}

div.pp_default .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
    position: relative
}

div.light_rounded .pp_top .pp_middle,
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right,
div.light_rounded .pp_bottom .pp_middle,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content,
div.facebook .pp_content {
    background: #fff
}

div.light_rounded .pp_description,
div.light_square .pp_description {
    margin-right: 85px
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_arrow_previous.disabled,
div.dark_rounded .pp_arrow_previous.disabled,
div.dark_square .pp_arrow_previous.disabled,
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next.disabled,
div.dark_rounded .pp_arrow_next.disabled,
div.dark_square .pp_arrow_next.disabled,
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_loaderIcon,
div.light_square .pp_loaderIcon {
    background: url(../images/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_middle,
div.dark_rounded .pp_content,
div.dark_rounded .pp_bottom .pp_middle {
    background: url(../images/contentpattern.png) top left repeat
}

div.dark_rounded .currentTextHolder,
div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

.pp_top,
.pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_top,
* html .pp_bottom {
    padding: 0 20px
}

.pp_top .pp_left,
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle,
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right,
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_fade,
.pp_gallery li.default a img {
    display: none
}

/* superfish.css */

/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    /*	display: none; */
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu>li {
    float: left;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
}

.sf-menu ul {
    min-width: 12em;
    /* allow long menu items to determine submenu width */
    *width: 12em;
    /* no auto sub width for IE7, see white-space comment below */
}

.sf-menu a {
    padding: .75em 1em;
    text-decoration: none;
    zoom: 1;
    /* IE7 */
}

.sf-menu a {}

.sf-menu li {
    white-space: nowrap;
    /* no need for Supersubs plugin */
    *white-space: normal;
    /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
}

.sf-menu ul li {}

.sf-menu ul ul li {}

.sf-menu li:hover,
.sf-menu li.sfHover {
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em;
    /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
}

/* webfont.css */

/*----*****---- << Font Face >> ----*****----*/
/*
@font-face {
font-family: 'intro_inlineregular';
src: url('../fonts/intro_inline-webfont.eot');
src: url('../fonts/intro_inline-webfont.eot') format('embedded-opentype'),
	url('../fonts/intro_inline-webfont.woff2') format('woff2'),
	url('../fonts/intro_inline-webfont.woff') format('woff'),
	url('../fonts/intro_inline-webfont.ttf') format('truetype'),
	url('../fonts/intro_inline-webfont.svg#intro_inlineregular') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'intro_regular';
src: url('../fonts/intro-webfont.eot');
src: url('../fonts/intro-webfont.eot') format('embedded-opentype'),
	url('../fonts/intro-webfont.woff2') format('woff2'),
	url('../fonts/intro-webfont.woff') format('woff'),
	url('../fonts/intro-webfont.ttf') format('truetype'),
	url('../fonts/intro-webfont.svg#intro_regular') format('svg');
font-weight: normal;
font-style: normal;

}*/