@charset "utf-8";
@import css/reset.css;

@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway-Regular.ttf)
}

@font-face {
    font-family: Nunito;
    src: url(fonts/Nunito-Regular.ttf)
}




body {
    overflow-x: hidden;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    background: #fff;
    color: #252525;
    font-family: "Nunito", sans-serif;
    margin: 0;
}

p {
    font-size: 15px;
    font-family: "Nunito", sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
span {
    font-family: "Raleway", sans-serif
}

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

body,
html {
    width: 100%;
    height: 100%;
    min-height: 100%
}

html {
    height: 100% !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: uppercase
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #252525
}

h1 {
    font-size: 55px;
    font-weight: 600
}

h2 {
    font-size: 35px;
    font-weight: 600
}

h3 {
    font-size: 30px;
    font-weight: 800
}

h4 {
    font-size: 26px;
    font-weight: 800
}

h5 {
    font-size: 20px;
    font-weight: 600
}

h6 {
    font-size: 14px;
    letter-spacing: 12px
}

.dt-sc-service h2 {
    font-weight: 600 !important
}

.ssbg {
    background-color: #0d1b2a !important
}

.connect {
    color: #fb710f;
    text-align: center;
    font-family: "Raleway", sans-serif
}

.main-title {
    text-align: center;
    padding-bottom: 60px;
    margin: 0;
    outline: none;
    position: relative;
    color: #000
}

.c0 {
    color: #fb8129
}

.co i {
    color: #fb8129
}

.sub-title {
    padding-bottom: 30px;
    text-transform: uppercase;
    width: 100%
}

#primary .main-title {
    padding-bottom: 50px;
    margin-bottom: 10px
}

.main-title.alignleft,
.main-title.alignright,
.main-title.aligncenter,
.sub-title.alignleft,
.sub-title.alignright,
.sub-title.aligncenter {
    margin-bottom: 0
}

.cnu {
    color: #000;
    font-family: "Nunito", sans-serif;
    font-weight: 500
}

h2 span {
    letter-spacing: 2.5px;
    font-size: 14px;
    position: relative;
    width: 100%;
    float: left;
    font-weight: lighter;
    margin-top: 8px
}

.main-title:before {
    position: absolute;
    left: 50%;
    bottom: 20%;
    color: transparent;
    content: '•';
    text-shadow: 0 0 transparent;
    font-size: 14px;
    -webkit-transition: text-shadow .3s, color .3s;
    -moz-transition: text-shadow .3s, color .3s;
    transition: text-shadow .3s, color .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.main-title.alignleft:before {
    left: 20px;
    right: auto
}

.main-title.alignright:before {
    right: 12px;
    left: auto
}

h2.main-title:before,
h3.main-title:before,
h4.main-title:before {
    bottom: 30%
}

h5.main-title:before,
h6.main-title:before {
    bottom: 40%
}

.parallax-title {
    position: relative
}

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,
a.current .icon:before,
a:hover .icon:before,
a .icon:before,
a.current i,
li:before,
li:hover:before,
li span,
li:hover span,
span:after,
span:hover:after,
span:before,
span:hover:before,
li img,
li:hover img,
textarea,
textarea:focus,
.type2-menu-icon.menu-is-open span:before,
.type2-menu-icon.menu-is-open span:after,
.type2-menu-icon.menu-is-open:hover span:before,
.type2-menu-icon.menu-is-open:hover span:after,
.type-1 #header nav#main-menu ul li a,
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header,
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .main-menu,
.type-1 #header-sticky-wrapper.sticky-wrapper #header,
#header #menu-container,
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #menu-container,
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .container,
.type-1 #header-sticky-wrapper.sticky-wrapper #header .container,
.dt-sc-ico-content,
.dt-sc-ico-content:hover,
.dt-sc-ico-content .icon,
.dt-sc-ico-content:hover .icon,
.dt-sc-ico-content .icon:before,
.dt-sc-ico-content:hover .icon:before,
.dt-sc-ico-content .icon-bg,
.dt-sc-ico-content:hover .icon-bg,
.dt-sc-ico-content span.fa,
.dt-sc-ico-content:hover span.fa,
.dt-sc-ico-content.type2,
.dt-sc-ico-content.type2:hover,
.dt-sc-ico-content.type2 .icon,
.dt-sc-ico-content.type2:hover .icon,
.dt-sc-ico-content.type2 .icon span,
.dt-sc-ico-content.type2:hover .icon span,
article.blog-entry,
article.blog-entry:hover,
article.blog-entry .entry-thumb,
article.blog-entry:hover .entry-thumb,
article.blog-entry .entry-details .entry-meta,
article.blog-entry:hover .entry-details .entry-meta,
article.blog-entry a.read-more,
article.blog-entry:hover a.read-more,
article.blog-entry .entry-thumb .entry-title,
article.blog-entry:hover .entry-thumb .entry-title,
article.blog-entry .entry-details .entry-meta .date,
article.blog-entry:hover .entry-details .entry-meta .date,
article.blog-entry .entry-details .tags a i,
article.blog-entry:hover .entry-details .tags a i,
article.blog-entry a.read-more i,
article.blog-entry:hover a.read-more i,
.dt-sc-portfolio figure img,
.dt-sc-portfolio figure:hover img,
.dt-sc-portfolio figcaption,
.dt-sc-portfolio:hover figcaption,
.dt-sc-button.with-icon i.fa,
.dt-sc-button.with-icon i.fa:after,
.dt-sc-button.with-icon:hover i.fa,
.dt-sc-button.with-icon:hover i.fa:after,
.dt-sc-portfolio figcaption a span,
.dt-sc-portfolio:hover figcaption a span,
.dt-sc-ico-content.type4 .icon,
.dt-sc-ico-content.type4:hover .icon,
.dt-sc-ico-content.type4 .icon span.fa,
.dt-sc-ico-content.type4:hover .icon span.fa,
.dt-sc-ico-content.type4 h5,
.dt-sc-ico-content.type4:hover h5,
.dt-sc-pr-tb-col .dt-sc-tb-title,
.dt-sc-pr-tb-col.type2.selected .dt-sc-tb-title,
.dt-sc-pr-tb-col:hover .dt-sc-tb-title,
.dt-sc-pr-tb-col.type2:hover .dt-sc-pr-tb-col-wrapper,
.dt-sc-pr-tb-col.type2 .dt-sc-pr-tb-col-wrapper,
.dt-sc-pr-tb-col.type2.selected .dt-sc-pricing-icon,
.dt-sc-pr-tb-col.type2:hover .dt-sc-pricing-icon,
.dt-sc-pr-tb-col.type2 .dt-sc-pricing-icon,
.dt-sc-pr-tb-col.type2 .dt-sc-pricing-icon i,
.dt-sc-pr-tb-col.type2.selected .dt-sc-pricing-icon i,
.dt-sc-pr-tb-col.type2:hover .dt-sc-pricing-icon i,
.dt-sc-team.type2:hover .dt-sc-entry-thumb .figcaption,
.dt-sc-team.type2 .dt-sc-entry-thumb .figcaption,
.sb-slide,
#sb-site,
.sb-site-container,
.sb-slidebar,
#secondary .sticky-wrapper.is-sticky .widget_ad_banner img,
#secondary .sticky-wrapper .widget_ad_banner img,
#commentform .dt-sc-button,
article.blog-entry .entry-content,
article.blog-entry:hover .entry-content,
.dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon i:after,
.dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame:hover .icon i:after,
.dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a.current .icon i:after,
.dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a i,
.dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a.current i,
.dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a:hover i,
ul#team-section div.team-details h5,
ul#team-section div.team-details p,
ul#team-section div.team-details:hover h5,
ul#team-section div.team-details:hover p,
article.blog-entry .entry-thumb a img,
article.blog-entry:hover .entry-thumb a img,
.dt-sc-ico-content.type5 .dt-sc-content:before,
.dt-sc-ico-content.type5 .dt-sc-content:after,
.dt-sc-ico-content.type5 h5:after,
.dt-sc-ico-content.type5 h5 a,
.dt-sc-ico-content.type5:hover .dt-sc-content:before,
.dt-sc-ico-content.type5:hover .dt-sc-content:after,
.dt-sc-ico-content.type5:hover h5:after,
.dt-sc-ico-content.type5:hover h5 a,
.dt-sc-ico-content.type5:hover i.fa,
.dt-sc-ico-content.type5:hover p,
.dt-sc-ico-content.type5 i.fa,
.dt-sc-ico-content.type5 p {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear
}

#slider img,
.wrap ul li,
.view-map a,
.view-map a i {
    -webkit-transition: all 0 linear;
    -moz-transition: all 0 linear;
    -o-transition: all 0 linear;
    -ms-transition: all 0 linear;
    transition: all 0 linear
}

a {
    text-decoration: none;
    color: #252525
}

a img {
    border: none
}

strong {
    font-weight: 500
}

em {
    font-style: italic
}

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

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

ins {
    background: #fff9c0;
    color: #868686
}

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

sub {
    bottom: -3px
}

sup {
    top: -9px
}

p {
    line-height: 26px;
    margin-bottom: 10px;
    font-size: 15px
}

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

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

ul li {
    padding-bottom: 10px;
    line-height: 26px
}

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

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

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

ol li {
    padding-bottom: 10px;
    font-weight: 700
}

ol li span {
    color: #252525;
    font-weight: 300
}

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

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

pre,
code {
    border-left: 3px solid #d8d8cb;
    background-color: #e5e5d8;
    display: block;
    padding: 10px 3%;
    font-size: 11px;
    font-family: monospace;
    line-height: 20px;
    width: 94%;
    overflow: auto
}

hr {
    background-color: #f4f4f4;
    border: none;
    height: 1px;
    margin: 30px 0
}

blockquote {
    display: block;
    padding: 25px 20px;
    margin: 0;
    position: relative;
    clear: left
}

blockquote q {
    font-size: 14px;
    line-height: 28px;
    display: inline-block;
    font-style: italic
}

blockquote cite {
    font-style: normal;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    margin: 10px 0 0;
    display: block;
    text-align: right
}

blockquote cite span {
    font-size: 12px
}

blockquote p {
    margin-bottom: 0
}

blockquote.alignleft {
    margin-right: 20px;
    text-align: left;
    width: 30%;
    float: left
}

blockquote.alignright {
    margin-left: 20px;
    text-align: left;
    width: 30%;
    float: right
}

blockquote.aligncenter {
    text-align: center
}

.hr {
    height: 10px;
    width: 100%;
    clear: both;
    display: block;
    float: left;
    margin: 40px 0;
    position: relative;
    z-index: 1
}

.hr-border {
    border: 4px double #d9d9d9;
    width: 100%;
    clear: both;
    display: block;
    float: left;
    margin: 50px 0;
    position: relative;
    z-index: 1;
    border-radius: 5px
}

.hr.top,
.hr-border.top {
    width: 97%
}

.hr.top,
.hr-border.top {
    background-position: right center;
    text-align: right
}

.hr.top a,
.hr-border.top a {
    color: #999589;
    background: 0 0;
    font-size: 11px;
    line-height: 16px;
    padding-left: 5px;
    position: absolute;
    right: -21px;
    top: -5px
}

.hr-border.top a {
    top: -10px;
    right: -23px
}

.hr.top a:hover,
.hr-border.top a:hover {
    color: #868686
}

.clear {
    float: none;
    clear: both;
    margin: 0;
    padding: 0
}

.float-right {
    float: right
}

.float-left {
    float: left
}

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

.hidden {
    display: none !important
}

.post-edit-link {
    background: #e6e5d9;
    color: #5a5a5a;
    float: right;
    clear: both;
    margin: 20px 0;
    line-height: 24px;
    padding: 5px 15px 3px;
    font-size: 12px;
    border-radius: 5px
}

.post-edit-link:hover {
    color: #fff;
    text-shadow: 0 1px 0 #0e4b6e
}

.page-link {
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0 0;
    padding: 0
}

.page-link a {
    float: left
}

.page-link a span {
    float: left;
    background: #fff;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    color: #37251b;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    cursor: pointer
}

.page-link span,
.page-link a span:hover {
    float: left;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    color: #37251b;
    background: #ac9d8e;
    display: inline-block;
    border-radius: 40px;
    line-height: 40px;
    text-align: center
}

table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    clear: both;
    border: 1px solid #999;
    border-bottom: 0
}

th {
    color: #252525;
    padding: 15px;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center
}

td {
    background: #f6f6f6;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    padding: 13px 15px
}

.alternate td {
    background: #fff
}

th,
td {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999
}

td:last-child,
th:last-child {
    border-right: none
}

table.no-border,
table.no-border tr,
table.no-border td,
table.no-border th {
    border: none
}

dl {
    margin: 0 20px
}

dl.gallery-item {
    margin: 0
}

.gallery-caption {
    margin-bottom: 10px
}

.gallery-item img {
    border: 10px solid #e5e5d8 !important
}

dt {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px
}

dd {
    margin-bottom: 20px;
    line-height: 20px
}

label {
    color: #ac9d8e
}

label span {
    color: #b4b4b4
}

label span.required {
    color: red
}

fieldset {
    border: 1px solid #efefef;
    padding: 15px;
    margin: 0 0 20px
}

legend {
    font-weight: 700
}

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], 
select {
    background: 0 0;
    border-bottom: 1px solid #464646;
    color: #222;
    padding: 20px 15px;
    display: block;
    font-size: 16px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: lato, sans-serif;
    text-transform: none
}

.ftr-form input,
.ftr-form textarea {
    color: #d7d7d7
}

textarea {
    margin-bottom: 20px
}

textarea {
    height: 135px;
    overflow: auto
}

form .dt-sc-one-half textarea {
    height: 123px
}

form .dt-sc-one-half p {
    margin-bottom: 15px
}

.select:after {
    content: '\f078' !important;
    font: normal normal normal 17px/1 FontAwesome;
    color: #000;
    right: 30px;
    top: 6px;
    height: 34px;
    padding: 15px 25px 0px 8px;
    position: absolute;
    pointer-events: none;
}


.select-footer:after {
    content: '\f078' !important;
    font: normal normal normal 17px/1 FontAwesome;
    color: #6b6b6b !important;
    right: 30px;
    top: 185px;
    height: 34px;
    padding: 15px 25px 0px 8px;
    position: absolute;
    pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #0ebeff;
  -ms-word-break: normal;
  word-break: normal;
}


select {
    background: 0 0;
    border-bottom: 1px solid #464646;
    color: #222;
    padding: 20px 15px;
    display: block;
    font-size: 16px;
    margin: 0;
    width: 90%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: lato, sans-serif;
    text-transform: none;
}

select option {
    background: #fff
}



.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: 17px;
    top: 3px;
    bottom: 0;
    height: 0;
    margin: auto;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff
}

.selection-box:after {
    width: 50px;
    height: 50px;
    right: 0;
    top: 0
}

.selection-box select {
    background: #fff
}

input[type=submit],
button,
input[type=button],
input[type=reset] {
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    margin: 10px 0 0;
    cursor: pointer;
    outline: none;
    position: relative;
    z-index: 1;
    color: #fff;
    position: relative;
    padding: 11px 20px;
    text-transform: uppercase;
    -webkit-appearance: none
}

span.error-msg {
    color: red
}

input.error,
textarea.error {
    border-color: red !important
}

.full-contact span.success-msg,
.full-man span.success-msg {
    color: #fff
}

span.success-msg {
    color: #01850a;
    font-weight: 700;
    font-size: 20px
}

img {
    max-width: 100%
}

.ie8 img {
    width: auto
}

.post-content input[type=submit] {
    float: none
}

.wp-caption {
    background: #ebebeb;
    border: 1px solid #d6d5c9;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 7px;
    text-align: center
}

.wp-caption img {
    display: block;
    margin: 0 auto
}

.wp-caption .wp-caption-text {
    text-align: center;
    padding-top: 0;
    margin: 0
}

.wp-caption.alignnone {
    clear: both
}

img.size-auto,
img.size-large,
img.size-full,
img.size-medium {
    max-width: 99.6%;
    height: auto
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    text-align: left
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    text-align: right
}

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

.alignleft,
.alignright,
.aligncenter,
.alignnone,
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 20px
}

.widget img.size-auto,
.widget img.size-large,
.widget img.size-full,
.widget img.size-medium {
    width: 95.6%
}

.column iframe,
iframe,
embed,
iframe,
object,
video {
    max-width: 100%
}

.shadow {
    margin: -20px 0 0;
    width: 100%;
    float: left
}

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

.widget .widgettitle {
    position: relative;
    display: inline-block;
    width: 100%
}

.widget .widgettitle .main-title {
    position: relative;
    text-transform: capitalize;
    font-size: 22px;
    float: left;
    clear: both;
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 50px
}

.secondary-sidebar .widget .widgettitle {
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase
}

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

.widget ul li {
    display: block;
    clear: both
}

.widget ul li a {
    color: #252525;
    display: block
}

.widget ul ul {
    margin-top: 10px
}

.widget ul li {
    position: relative;
    padding: 0 0 0 25px
}

.widget ul li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 16px;
    position: absolute;
    top: 1px;
    left: 0;
    content: "\f0c1";
    color: #4d4d4d
}

.widget.widget_categories ul li,
.widget.widget_archive ul li {
    padding-left: 25px;
    line-height: 35px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.widget.widget_categories ul li:before {
    content: "\f105";
    left: 10px
}

.widget.widget_categories ul li span,
.widget.widget_archive ul li span {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #252525;
    border-bottom: none;
    float: left;
    line-height: 21px;
    text-align: center;
    font-size: 14px
}

.widget.widget_categories ul li a {
    display: block
}

.widget.widget_tag_cloud .tagcloud a,
.widget.widget_product_tag_cloud .tagcloud a {
    color: #252525;
    margin: 0 1px 10px 0;
    text-transform: lowercase;
    display: inline-block;
    padding: 5px 20px;
    position: relative
}

.widget.widget_popular_entries ul li {
    padding: 0 0 25px;
    border: none;
    line-height: normal
}

.widget.widget_popular_entries ul li:last-child {
    padding: 0
}

.widget.widget_popular_entries ul li .entry-thumb {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

.widget.widget_popular_entries ul li .entry-thumb img {
    width: 100%
}

.widget.widget_popular_entries ul li h5 {
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    margin: 0 0 8px;
    display: inline-block
}

.widget_popular_entries.widget li {
    padding: 0
}

.widget_popular_entries.widget li:before {
    content: none
}

.widget.widget_search #searchform {
    position: relative;
    float: left;
    width: 100%
}

.widget.widget_search #searchform input[type=text] {
    color: #252525;
    min-height: 50px;
    float: left;
    padding: 15px;
    margin: 0;
    width: 65%;
    text-transform: capitalize;
    border: 1px solid;
    border-right: none;
    font-size: 13px
}

.widget.widget_search #searchform input[type=submit] {
    margin: 0;
    min-height: 50px;
    padding: 15px;
    width: 35%;
    color: #252525;
    font-weight: 400;
    font-size: 14px;
    float: left
}

.widget.widget_search #searchform input[type=submit]:hover {
    background: #fff
}

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

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

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

#main .banner {
    display: table;
    height: 100%
}

#primary,
#secondary {
    padding-top: 150px
}

#primary {
    width: 870px;
    float: left
}

#primary.with-right-sidebar {
    margin-right: 30px
}

#primary.with-left-sidebar {
    margin-left: 30px;
    float: right
}

#primary.content-full-width {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

#secondary {
    float: left;
    width: 270px
}

#secondary .sticky-wrapper {
    width: 100%;
    float: left
}

#secondary .sticky-wrapper.is-sticky .widget_ad_banner img {
    margin-top: 100px
}

.wrapper,
#header,
.banner,
.shadow,
.main-title,
.content,
.content-main,
footer,
.copyright,
.location iframe {
    float: left;
    width: 100%
}

.wrapper,
.inner-wrapper,
#main {
    width: 100%;
    /*height: 100%*/
}

.wrapper.inner-page {
    height: auto
}

.wrapper.inner-page #main {
    padding-bottom: 150px;
    background: #fff
}

.wrapper.inner-page #main.portfolio-detail {
    padding-bottom: 0
}

.content {
    background: #fff
}

.animate {
    visibility: hidden
}

#header {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 999999
}

#home.content {
    display: table;
    display: block\0/;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
    padding-bottom: 0
}

.dt-menu-toggle {
    color: #fff;
    cursor: pointer;
    display: none;
    font-weight: 700;
    padding: 10px 15px;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, .7)
}

.dt-menu-toggle i {
    display: inline-block;
    float: right;
    font-size: 18px;
    margin-right: 4px;
    margin-top: 4px;
    position: relative
}

.mockup-slider #home.content,
.grid-slider #home.content {
    height: auto
}

.type-3 .grid-slider #home.content {
    margin-top: 30px
}

.grid-slider.index-3 #home.content {
    margin-bottom: -1.5%
}

#header .container {
    backface-visibility: hidden
}

#header #menu-container {
    float: left;
    width: 100%;
    padding: 0
}

#logo {
    float: left
}

#logo a,
.logo a {
    font-family: open sans, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    padding: 0;
    float: left
}

#logo a span,
.logo a span {
    margin: 0 -7px
}

.logo {
    float: none;
    display: inline-block
}

.logo a {
    padding: 0
}

.logo.logostatic {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 21;
    top: 40px;
    left: 40px
}

.logo.logostatic a {
    background: #252525
}

@-moz-document url-prefix() {
    #headermain-menu#logoapadding: 5px 10px 8px
}
}

.type-1 #header {
    background: 0 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.type-1 #header #logo a {
    z-index: 9999999
}

.type-1 #header nav#main-menu ul {
    float: right;
    padding: 0;
    margin: 0
}

.type-1 #header nav#main-menu ul li {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
    font-weight: 550
}

.type-1 #header nav#main-menu ul li a {
    position: relative;
    display: inline-block;
    margin: 14px 20px 12px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 550
}

.type-1 #header nav#main-menu ul li a:hover,
.type-1 #header nav#main-menu ul li a:focus {
    outline: none
}

.type-1 #header nav#main-menu ul li a:before {
    position: absolute;
    top: 60%;
    left: 50%;
    color: transparent;
    content: '•';
    text-shadow: 0 0 transparent;
    font-size: 10px;
    -webkit-transition: text-shadow .3s, color .3s;
    -moz-transition: text-shadow .3s, color .3s;
    transition: text-shadow .3s, color .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.type-1 #header-sticky-wrapper.sticky-wrapper {
    height: auto !important
}

.type-1 #header-sticky-wrapper.sticky-wrapper #header {
    width: 100%;
    position: fixed;
    background: rgba(47, 79, 79, 0.3);
    padding: 0 0 10px 0
}

.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header {
    background-color: unset
}

.logo-img {
    margin-top: 12px;
    width: 60%
}

@media (min-width: 240px) and (max-width: 768px) {
    .logo-img {
        margin-top: 12px;
        width: 57%
    }
}

.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #menu-container {
    padding: 0;
    background-color: #000;
}

.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .container {
    width: 98%
}

.inner-page .type-1 #header-sticky-wrapper.sticky-wrapper {
    height: 110px !important;
    background: #252525
}

#scrolldown {
    bottom: 0;
    right: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 10px;
    font-size: 20px;
    background: #252525
}

#scrolldown i {
    margin: 0 10px
}

#header.type2 {
    position: relative;
    background: #252525;
    float: left;
    width: 100%
}

#header.type2 .main-menu {
    padding: 0
}

.type-1 #header-sticky-wrapper.sticky-wrapper #header.type2 {
    background: #252525
}

.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header.type2 {
    display: none
}

.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header.type2 .container {
    width: 1200px
}

.header.type2 ul {
    position: fixed;
    width: 90%;
    max-width: 300px;
    right: 50px;
    top: 50px;
    background: rgba(37, 37, 37, .8);
    visibility: hidden;
    overflow: hidden;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 10%;
    -moz-transform-origin: 100% 10%;
    -ms-transform-origin: 100% 10%;
    -o-transform-origin: 100% 10%;
    transform-origin: 100% 10%;
    -webkit-transition: -webkit-transform .3s, visibility 0 .3s;
    -moz-transition: -moz-transform .3s, visibility 0 .3s;
    transition: transform .3s, visibility 0 .3s;
    border: 1px solid
}

.header.type2 ul li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-bottom: 0
}

.header.type2 li a {
    display: block;
    padding: 15px;
    border-bottom: 1px solid;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    overflow: hidden
}

.header.type2 li:last-child a {
    border-bottom: none
}

.header.type2 ul li,
.header.type2 ul li a,
.header.type2 ul li:hover,
.header.type2 ul li a:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.header.type2 li a:after {
    border: 1px solid #000;
    background: rgba(255, 255, 255, .2);
    content: "";
    position: absolute;
    z-index: -1;
    width: 110%;
    height: 0;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(30deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.header.type2 li a:hover:after,
.header.type2 li.current_page_item a:after {
    height: 300px;
    opacity: 1
}

.header.type2 ul.is-visible {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-tansform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s, visibility 0 0;
    -moz-transition: -moz-transform .3s, visibility 0 0;
    transition: transform .3s, visibility 0 0;
    z-index: 9999
}

.header.type2 ul.is-hidden {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    border-bottom: none
}

.header.type2 ul.is-visible li:nth-child(1) {
    -webkit-animation: menu-animation .3s;
    -moz-animation: menu-animation .3s;
    animation: menu-animation .3s
}

.header.type2 ul.is-visible li:nth-child(2) {
    -webkit-animation: menu-animation .35s;
    -moz-animation: menu-animation .35s;
    animation: menu-animation .35s
}

.header.type2 ul.is-visible li:nth-child(3) {
    -webkit-animation: menu-animation .4s;
    -moz-animation: menu-animation .4s;
    animation: menu-animation .4s
}

.header.type2 ul.is-visible li:nth-child(4) {
    -webkit-animation: menu-animation .45s;
    -moz-animation: menu-animation .45s;
    animation: menu-animation .45s
}

.header.type2 ul.is-visible li:nth-child(5) {
    -webkit-animation: menu-animation .5s;
    -moz-animation: menu-animation .5s;
    animation: menu-animation .5s
}

.header.type2 ul.is-visible li:nth-child(6) {
    -webkit-animation: menu-animation .55s;
    -moz-animation: menu-animation .55s;
    animation: menu-animation .55s
}

.header.type2 ul.is-visible li:nth-child(7) {
    -webkit-animation: menu-animation .6s;
    -moz-animation: menu-animation .6s;
    animation: menu-animation .6s
}

.header.type2 ul.is-visible li:nth-child(8) {
    -webkit-animation: menu-animation .65s;
    -moz-animation: menu-animation .65s;
    animation: menu-animation .65s
}

.header.type2 ul.is-visible li:nth-child(9) {
    -webkit-animation: menu-animation .7s;
    -moz-animation: menu-animation .7s;
    animation: menu-animation .7s
}

.header.type2 ul.is-visible li:nth-child(10) {
    -webkit-animation: menu-animation .75s;
    -moz-animation: menu-animation .75s;
    animation: menu-animation .75s
}

@-webkit-keyframes menu-animation {
    0% {
        -webkit-transform: translateX(100px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes menu-animation {
    0% {
        -moz-transform: translateX(100px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@keyframes menu-animation {
    0% {
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.type2-menu-icon {
    position: fixed;
    top: 40px;
    right: 40px;
    width: 0;
    height: 0;
    border: 1px solid;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 100;
    opacity: 0
}

.type2-menu-icon:hover {
    background: rgba(37, 37, 37, .8)
}

.type2-menu-icon:hover>span {
    background: #fff
}

.is-fixed .type2-menu-icon {
    width: 44px;
    height: 44px;
    opacity: 1;
    z-index: 99999
}

.type2-menu-icon span {
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: rgba(37, 37, 37, .8);
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -10px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

.type2-menu-icon span::before,
.type2-menu-icon span::after {
    content: "";
    position: absolute;
    left: 0;
    background: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s, background 0;
    -moz-transition: -moz-transform .3s, background 0;
    transition: transform .3s, background 0
}

.type2-menu-icon span::before {
    top: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.type2-menu-icon span::after {
    bottom: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.type2-menu-icon.menu-is-open {
    box-shadow: none;
    z-index: 99999
}

.type2-menu-icon.menu-is-open span {
    background: transparent
}

.type2-menu-icon.menu-is-open:hover {
    background: #252525
}

.type2-menu-icon.menu-is-open span::before,
.type2-menu-icon.menu-is-open span::after {
    background: #252525
}

.type2-menu-icon.menu-is-open:hover span:before,
.type2-menu-icon.menu-is-open:hover span:after {
    background: #fff
}

.type2-menu-icon.menu-is-open span::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.type2-menu-icon.menu-is-open span::after {
    bottom: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

#header.type3 {
    background: #252525;
    text-align: center
}

#header.type3 .menu-main-menu-container {
    width: 98%;
    margin: 0 auto
}

#header.type3 .main-menu {
    padding: 10px 0
}

#header.type3 nav#main-menu {
    float: right;
    padding: 12px 0
}

#header.type3 nav#main-menu ul.menu {
    float: left;
    margin: 0
}

#header.type3 nav#main-menu ul.menu li {
    margin-left: 40px;
    float: left;
    padding: 0
}

#header.type3 nav#main-menu ul.menu li i {
    font-size: 14px;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid
}

#header.type3 nav#main-menu ul.menu li a {
    padding: 14px 0 12px;
    color: #fff;
    position: relative
}

#header.type3 nav#main-menu ul.menu li a:after {
    position: absolute;
    height: 1px;
    width: 0;
    left: 0;
    content: "";
    display: block;
    bottom: -5px
}

#header.type3 nav#main-menu ul.menu li:hover a:after,
#header.type3 nav#main-menu ul.menu li.current_page_item a:after {
    width: 100%
}

#header.type3 nav#main-menu ul.menu li:hover a i,
#header.type3 nav#main-menu ul.menu li.current_page_item a i {
    color: #fff;
    border-color: #fff
}

.type-3 #header-sticky-wrapper {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: auto
}

header.type4 #main-menu ul {
    text-align: center
}

header.type4 #main-menu ul li {
    width: 100%;
    float: left;
    text-align: left;
    padding-bottom: 0
}

header.type4 #main-menu ul li a {
    width: 100%;
    float: left;
    color: #fff
}

header.type4 #main-menu ul li#logo {
    width: auto;
    float: none;
    margin: 0 auto;
    display: inline-block;
    padding: 30px 0
}

header.type4 #main-menu ul li#logo a {
    border: 7px double #fff;
    padding: 5px 10px 6px;
    color: #fff
}

header.type4 #main-menu ul li#logo a:after {
    content: none
}

header.type4 #main-menu ul li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-size: 30px;
    padding: 20px 0 20px 20px;
    position: relative
}

header.type4 #main-menu ul li a i {
    float: right;
    position: absolute;
    right: 0;
    opacity: 0;
    content: "";
    display: block
}

header.type4 #main-menu ul li a:hover i,
header.type4 #main-menu ul li.current_page_item a i {
    right: 20px;
    opacity: 1;
    content: "";
    display: block
}

header.type4 #main-menu ul li a:after {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    bottom: -1px
}

header.type4 #main-menu ul li a:hover:after,
header.type4 #main-menu ul li.current_page_item a:after {
    width: 100%
}

ul.sb-toggle {
    float: left;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 99;
    color: #fff;
    right: 0
}

ul.sb-toggle li.sb-toggle-right {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    width: 0;
    height: 0;
    border-top: 100px solid;
    border-left: 100px solid transparent;
    right: 0
}

ul.sb-toggle li.sb-toggle-right i {
    position: fixed;
    top: 15px;
    right: 10px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    color: #252525
}

.header4#menu-container,
.type-6 #menu-container {
    width: 100%;
    float: left;
    display: none;
    background: #252525
}

.type-6 #menu-container li a {
    color: #fff
}

.type-5 #header-sticky-wrapper.sticky-wrapper {
    display: none
}

#header.type5 {
    background: #252525;
    display: none
}

#header.type5 .main-menu {
    padding: 15px 0 7px;
    float: none;
    text-align: center;
    display: inline-block
}

#header.type5 .main-menu #logo {
    float: none;
    display: inline-block
}

#magic-line-two {
    display: none !important
}

#panel {
    float: left;
    width: 100%;
    background: #252525;
    padding: 15px 0 5px;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 99999999;
    -webkit-box-shadow: 0 5px 5px -5px rgba(46, 46, 46, .15);
    -moz-box-shadow: 0 5px 5px -5px rgba(46, 46, 46, .15);
    box-shadow: 0 5px 5px -5px rgba(46, 46, 46, .15);
    display: none
}

#panel ul {
    float: right;
    padding: 0;
    margin: 0
}

#panel ul li {
    float: left
}

#panel ul li a {
    position: relative;
    float: left;
    margin: 14px 20px 12px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px
}

#panel ul li a:before {
    position: absolute;
    top: 60%;
    left: 50%;
    color: transparent;
    content: '•';
    text-shadow: 0 0 transparent;
    font-size: 10px;
    -webkit-transition: text-shadow .3s, color .3s;
    -moz-transition: text-shadow .3s, color .3s;
    transition: text-shadow .3s, color .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

#toggle-panel {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999;
    width: 40px;
    height: 40px
}

#toggle-panel a {
    border: medium;
    color: #fff;
    float: right;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 25px
}

#toggle-panel a:before {
    border-top: 70px solid;
    border-left: 70px solid transparent;
    right: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

#toggle-panel i {
    position: relative;
    font-size: 20px;
    color: #252525;
    right: 5px;
    top: 10px
}

#header.type6 .main-menu {
    padding: 0
}

#header.type6 #logo {
    display: none
}

.menu.type6 li.current_page_item a {
    color: #fff
}

.type-6 #slider {
    z-index: -1
}

.type-6 #header-sticky-wrapper.sticky-wrapper {
    height: 0 !important
}

.type-6 #header-sticky-wrapper.sticky-wrapper #header {
    position: fixed;
    top: 0
}

.type-6 #header-sticky-wrapper.sticky-wrapper #header .main-menu {
    padding: 0
}

.type-6 #header-sticky-wrapper.sticky-wrapper #header .menu-main-menu-container {
    z-index: 999999
}

.type-6 #header-sticky-wrapper.sticky-wrapper #header #logo {
    display: none
}

.type6-menu-icon {
    top: 20px;
    right: 20px;
    height: 44px;
    width: 44px;
    z-index: 5;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: fixed;
    display: inline-block;
    z-index: 999999
}

.type6-menu-icon .cd-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 18px;
    height: 3px;
    background-color: #252525;
    z-index: 10
}

.type6-menu-icon .cd-icon:before,
.type6-menu-icon .cd-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #252525;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.type6-menu-icon .cd-icon:before {
    -webkit-transform: translateY(-6px) rotate(0deg);
    -moz-transform: translateY(-6px) rotate(0deg);
    -ms-transform: translateY(-6px) rotate(0deg);
    -o-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
    content: ""
}

.type6-menu-icon .cd-icon:after {
    -webkit-transform: translateY(6px) rotate(0deg);
    -moz-transform: translateY(6px) rotate(0deg);
    -ms-transform: translateY(6px) rotate(0deg);
    -o-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
    content: ""
}

.type6-menu-icon:before,
.type6-menu-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    content: ""
}

.type6-menu-icon:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.type6-menu-icon:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0
}

.type6-menu-icon.close-nav:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.type6-menu-icon.close-nav:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.type6-menu-icon.close-nav .cd-icon {
    background-color: transparent
}

.type6-menu-icon.close-nav .cd-icon:before,
.type6-menu-icon.close-nav .cd-icon:after {
    background-color: #252525
}

.type6-menu-icon.close-nav .cd-icon:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg)
}

.type6-menu-icon.close-nav .cd-icon:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg)
}

.menu.type6 {
    position: fixed;
    width: 100%;
    z-index: 3;
    padding-top: 5%;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .3s;
    -moz-transition: visibility 0s, opacity .3s;
    transition: visibility 0s, opacity .3s;
    height: 100%;
    background: #252525
}

.menu.type6 li {
    margin: 30px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400
}

.menu.type6 a {
    font-size: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
    position: relative
}

.menu.type6 a:hover {
    color: #fff
}

.menu.type6 a:before,
.menu.type6 a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75px;
    height: 75px;
    border: 5px solid;
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.2);
    -moz-transform: translateX(-50%) translateY(-50%) scale(.2);
    transform: translateX(-50%) translateY(-50%) scale(.2);
    z-index: -1
}

.menu.type6 li.logo a:before,
.menu.type6 li.logo a:after {
    content: none
}

.menu.type6 a:after {
    width: 50px;
    height: 50px;
    border-width: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(.8);
    transform: translateX(-50%) translateY(-50%) scale(.8)
}

.menu.type6 a:hover:before,
.menu.type6 li.current_page_item a:before {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(.8);
    transform: translateX(-50%) translateY(-50%) scale(.8)
}

.menu.type6 a:hover:after,
.menu.type6 li.current_page_item a:after {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.5);
    -moz-transform: translateX(-50%) translateY(-50%) scale(.5);
    transform: translateX(-50%) translateY(-50%) scale(.5)
}

.menu.type6 li.logo {
    width: 100%
}

.menu.type6 li.logo a {
    color: #fff;
    float: none;
    display: inline-block
}

.no-touch .menu.type6 a:hover,
.menu.type6 li.current_page_item a {
    color: #fff
}

.menu.type6.fade-in {
    visibility: visible;
    opacity: 1
}

.fullscreen-nav,
.fullscreen-nav-content {
    position: fixed;
    top: 18px;
    right: 5%;
    height: 4px;
    width: 4px;
    -webkit-transform: translateX(-20px) translateY(20px);
    -moz-transform: translateX(-20px) translateY(20px);
    -ms-transform: translateX(-20px) translateY(20px);
    -o-transform: translateX(-20px) translateY(20px);
    transform: translateX(-20px) translateY(20px)
}

.fullscreen-nav span,
.fullscreen-nav-content span {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.fullscreen-nav.is-hidden,
.fullscreen-nav-content.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0 .3s;
    -moz-transition: opacity .3s 0s, visibility 0 .3s;
    transition: opacity .3s 0s, visibility 0 .3s
}

.fullscreen-nav {
    z-index: 99
}

.fullscreen-nav span {
    background: #252525
}

.fullscreen-nav-content {
    z-index: 99
}

.subi:hover {
    background-color: #fb710f !important
}

.content-type6 {
    margin: 0 auto;
    z-index: 1
}

.dt-sc-parallax-section {
    background: url(images/banner.html)center top no-repeat;
    background-attachment: fixed;
    background-color: #000;
    background-repeat: no-repeat;
    color: #fff;
    padding: 70px 0;
    border-top: 4px solid;
    border-bottom: 4px solid;
    position: relative
}

.dt-sc-parallax-section .container {
    /* z-index: 9999 */
}

::i-block-chrome,
.dt-sc-parallax-section {
    background-attachment: inherit
}

.banner .container {
    position: inherit
}

.banner .caption {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: table-cell;
    vertical-align: middle;
    z-index: 9999
}

.banner.dt-sc-parallax-section {
    background-position: top;
    width: 100%;
    height: 100%;
    border: none;
    position: static
}

#sb-site {
    height: 100%
}

#sb-site .banner.dt-sc-parallax-section {
    display: table
}

#sb-site .banner .container {
    height: 100%;
    width: 100%;
    min-height: 100%;
    display: table
}

.wrap img,
.screen,
.mobile {
    display: none\9
}

.wrap {
    margin: 0 auto -4px;
    width: 100%;
    height: 0;
    padding-top: 58%;
    overflow: hidden;
    position: relative
}

.wrap .banner {
    display: none
}

.mockup {
    position: absolute;
    top: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.mockup::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.mockup__img {
    display: block;
    width: 1900px;
    max-width: inherit
}

.screen,
.mobile {
    position: absolute;
    overflow: hidden;
    z-index: 100;
    background: #333;
    outline: 1px solid transparent;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0
}

.screen {
    width: 1280px;
    height: 800px;
    top: 10px;
    left: 600px;
    -webkit-transform: matrix3d(.452711184975633, .139863853789781, 0, -.000095269465775677, -.00319943882448498, .673512589529646, 0, .000049453592261685, 0, 0, 1, 0, 382, 8, 0, 1);
    transform: matrix3d(.452711184975633, .139863853789781, 0, -.000095269465775677, -.00319943882448498, .673512589529646, 0, .000049453592261685, 0, 0, 1, 0, 382, 8, 0, 1)
}

.mobile {
    width: 320px;
    height: 480px;
    top: 850px;
    left: 525px;
    -webkit-transform: matrix3d(.442778970432011, .112834189093484, 0, -.000053669440509915, -.344035499291785, .346595156594271, 0, -.000094674614416115, 0, 0, 1, 0, 105, 15, 0, 1);
    transform: matrix3d(.442778970432011, .112834189093484, 0, -.000053669440509915, -.344035499291785, .346595156594271, 0, -.000094674614416115, 0, 0, 1, 0, 105, 15, 0, 1)
}

.slideshow {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style-type: none
}

.slideshow__item {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.slideshow__item.current {
    pointer-events: auto;
    z-index: 100;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slideshow img {
    width: 100%
}

.slideshow__item.in--next {
    -webkit-animation: inNext .5s forwards ease-in-out;
    animation: inNext .5s forwards ease-in-out
}

.slideshow__item.out--next {
    -webkit-animation: outNext .5s forwards ease-in-out;
    animation: outNext .5s forwards ease-in-out
}

.slideshow__item.in--prev {
    -webkit-animation: inPrev .5s forwards ease-in-out;
    animation: inPrev .5s forwards ease-in-out
}

.slideshow__item.out--prev {
    -webkit-animation: outPrev .5s forwards ease-in-out;
    animation: outPrev .5s forwards ease-in-out
}

@-webkit-keyframes inPrev {
    0% {
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes inPrev {
    0% {
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes inNext {
    0% {
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes inNext {
    0% {
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes outPrev {
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes outPrev {
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0, 0)
    }
}

@-webkit-keyframes outNext {
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes outNext {
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

#grid-slider {
    margin: 0;
    height: auto;
    width: 100%
}

#grid-slider ul {
    list-style: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    zoom: 1
}

#grid-slider ul:before,
.grid-slider ul:after {
    content: '';
    display: table
}

#grid-slider ul:after {
    clear: both
}

#grid-slider ul li {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -o-perspective: 400px;
    -ms-perspective: 400px;
    perspective: 400px;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(images/banner.html)
}

#grid-slider ul li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.grid-slider-overlay,
.slider-overlay,
.mockup-slider-overlay {
    position: absolute;
    float: left;
    text-align: center;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    z-index: 20
}

.grid-slider-content {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: table-cell;
    vertical-align: middle
}

.mockup-slider-overlay {
    z-index: 999
}

#grid-slider .dt-sc-button.type1,
.banner .dt-sc-button.type1 {
    margin: 0
}

.banner.fixed-background {
    background: url(images/fixed-banner.html) no-repeat;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    display: table
}

.banner.fixed-background h1,
.banner.fixed-background h2,
.banner.fixed-background h3,
.banner.fixed-background h4,
.banner.fixed-background h5,
.banner.fixed-background h6 {
    color: #fff
}

video.dt-sc-video {
    width: 100%;
    float: left
}

::i-block-chrome,
#home.content .video-full-width,
::i-block-chrome,
#home.video-banner .fullwidthbanner-container,
::i-block-chrome,
.video-banner.video-full-width {
    height: 100%
}

::i-block-chrome,
.dt-sc-video-container {
    position: absolute
}

::i-block-chrome,
.dt-sc-video-container .dt-sc-fillWidth {
    position: absolute
}

::i-block-chrome,
.fullwidthbanner-container.banner-video {
    background: url(images/poster.html) no-repeat;
    background-size: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 0
}

::i-block-chrome,
.banner-video .video-full-width {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    vertical-align: middle;
    z-index: 1;
    position: relative
}

::i-block-chrome,
.banner-video .dt-sc-video-container,
::i-block-chrome,
.banner-video .dt-sc-video-container .dt-sc-fillWidth {
    left: 0;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    position: static\0/
}

::i-block-chrome,
.banner-video .dt-sc-video-container video {
    max-width: inherit;
    float: left
}

.breadcrumb {
    text-align: center
}

.breadcrumb.dt-sc-parallax-section {
    padding: 80px 0;
    border-top: none
}

.breadcrumb h1 {
    margin-bottom: 0
}

article.blog-entry {
    border: 1px solid;
    width: 100%;
    float: left;
    overflow: hidden
}

article.blog-entry .entry-thumb {
    position: relative;
    float: left;
    border-bottom: 2px solid
}

article.blog-entry .entry-thumb a {
    overflow: hidden
}

article.blog-entry .entry-thumb a,
article.blog-entry .entry-thumb a img {
    width: 100%;
    float: left
}

article.blog-entry .entry-thumb .entry-title {
    position: absolute;
    right: 0;
    top: 86.7%;
    float: left;
    width: 70%;
    padding: 0;
    margin: 0;
    display: inline-block
}

article.blog-entry .entry-thumb .entry-title h5 {
    font-weight: 400;
    text-transform: none;
    width: 100%;
    padding: 2% 8%;
    float: right;
    display: inline-block;
    margin-bottom: 0;
    position: relative
}

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

article.blog-entry a.read-more {
    float: right;
    padding: 5px 10px;
    border-left: 1px solid;
    border-top: 1px solid;
    width: auto
}

article.blog-entry a.read-more i {
    margin: 0;
    opacity: 0;
    float: none;
    display: inline-block;
    line-height: 30px
}

article.blog-entry .entry-details {
    padding: 5%;
    float: left;
    width: 30%
}

article.blog-entry .entry-details .entry-meta {
    float: left;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    margin-bottom: 10px
}

article.blog-entry .entry-details .entry-meta .date {
    font-family: oswald, sans-serif;
    font-size: 40px;
    float: left
}

article.blog-entry .entry-details .entry-meta .month {
    float: left;
    text-transform: uppercase
}

article.blog-entry .entry-details .entry-meta .month p {
    margin: 0;
    margin-top: -5px;
    margin-left: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

article.blog-entry .entry-details .tags,
article.blog-entry .entry-details .tags a {
    float: left;
    width: 100%
}

article.blog-entry .entry-details .tags a i {
    margin-right: 5px
}

article.blog-entry .entry-content {
    float: left;
    width: 70%;
    padding: 10% 5% 0 0
}

article.blog-entry:hover,
article.blog-entry:hover .entry-thumb,
article.blog-entry:hover .entry-details .entry-meta,
article.blog-entry:hover a.read-more {
    border-color: #ddd
}

article.blog-entry:hover .entry-thumb .entry-title {
    background: #ddd
}

article.blog-entry:hover .entry-details .entry-meta .date,
article.blog-entry:hover .entry-details .tags a i {
    color: #ddd
}

article.blog-entry:hover a.read-more i {
    padding: 0 0 0 10px;
    opacity: 1
}

article.blog-entry:hover a.read-more:after {
    border-bottom: 1px solid
}

.dt-sc-one-third article.blog-entry .entry-details .entry-meta {
    width: 25%;
    border: none;
    margin: 0 5% 0 0;
    padding: 0
}

.dt-sc-one-third article.blog-entry .entry-details .tags {
    width: 70%;
    margin-top: -13px
}

.dt-sc-one-third article.blog-entry .entry-details .tags a {
    width: auto;
    margin-right: 15px
}

.dt-sc-one-third article.blog-entry .entry-details {
    width: 100%;
    padding: 5% 0 2% 5%
}

.dt-sc-one-third article.blog-entry .entry-thumb .entry-title h5 {
    padding: 2% 8% 2% 6%
}

.dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .date,
.dt-sc-one-fifth article.blog-entry .entry-details .entry-meta .date,
.dt-sc-one-sixth article.blog-entry .entry-details .entry-meta .date {
    font-size: 30px
}

.dt-sc-one-fourth article.blog-entry .entry-details .entry-meta,
.dt-sc-one-fifth article.blog-entry .entry-details .entry-meta,
.dt-sc-one-sixth article.blog-entry .entry-details .entry-meta {
    width: 28%;
    border: none;
    padding: 0;
    margin: 0 2% 0 0
}

.dt-sc-one-fourth article.blog-entry .entry-details .tags,
.dt-sc-one-fifth article.blog-entry .entry-details .tags,
.dt-sc-one-sixth article.blog-entry .entry-details .tags {
    width: 70%;
    margin-top: -13px
}

.dt-sc-one-fifth article.blog-entry .entry-details .entry-meta .month p,
.dt-sc-one-sixth article.blog-entry .entry-details .entry-meta .month p {
    margin: 5px 0 0
}

.dt-sc-one-sixth article.blog-entry .entry-thumb .entry-title,
.dt-sc-one-fifth article.blog-entry .entry-thumb .entry-title,
.dt-sc-one-fourth article.blog-entry .entry-thumb .entry-title,
.dt-sc-one-third article.blog-entry .entry-thumb .entry-title {
    position: relative;
    width: 100%
}

.dt-sc-one-sixth article.blog-entry .entry-details,
.dt-sc-one-fifth article.blog-entry .entry-details,
.dt-sc-one-fourth article.blog-entry .entry-details {
    width: 100%;
    padding: 10% 0 5% 5%
}

.dt-sc-one-sixth article.blog-entry .entry-details .tags a,
.dt-sc-one-fifth article.blog-entry .entry-details .tags a,
.dt-sc-one-fourth article.blog-entry .entry-details .tags a {
    width: auto;
    margin-right: 15px;
    font-size: 12px
}

.dt-sc-one-sixth article.blog-entry .entry-content,
.dt-sc-one-fifth article.blog-entry .entry-content,
.dt-sc-one-fourth article.blog-entry .entry-content,
.dt-sc-one-third article.blog-entry .entry-content {
    width: 100%;
    padding: 5%;
    border-top: 1px solid
}

.dt-sc-one-sixth article.blog-entry:hover .entry-content,
.dt-sc-one-fifth article.blog-entry:hover .entry-content,
.dt-sc-one-fourth article.blog-entry:hover .entry-content,
.dt-sc-one-third article.blog-entry:hover .entry-content {
    border-color: #ddd
}

.commententries {
    width: 100%;
    float: left;
    margin: 30px 0 0;
    padding: 0
}

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

ul.commentlist li {
    display: block;
    float: none;
    list-style: none;
    border: none;
    margin: 0 0 20px;
    padding: 0 0 0 115px;
    position: relative;
    clear: both;
    line-height: normal
}

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

ul.commentlist li .respond {
    margin-left: 69px
}

ul.commentlist li .comment-details {
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 10px;
    display: inline-block;
    width: 100%
}

ul.commentlist li .comment-details:before {
    border-bottom: 1px solid;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%
}

ul.commentlist li .comment-body {
    margin: 10px 0 0;
    width: 100%;
    float: left
}

ul.commentlist li .comment-author {
    left: 0;
    top: 0;
    position: absolute
}

ul.commentlist li .comment-author img {
    max-width: 90px;
    max-height: 90px;
    float: left;
    margin: 0;
    border-radius: 2px
}

ul.commentlist li .author-name,
ul.commentlist li .author-name a {
    font-size: 16px;
    float: left;
    margin-right: 3px;
    text-transform: uppercase;
    font-weight: 700
}

ul.commentlist li.bypostauthor .author-name {
    font-weight: 600
}

ul.commentlist li .commentmetadata {
    font-size: 12px;
    text-decoration: none;
    position: relative;
    font-weight: 400;
    float: left;
    line-height: 22px
}

ul.commentlist li .commentmetadata:before {
    content: "( "
}

ul.commentlist li .commentmetadata:after {
    content: " )"
}

ul.commentlist li .reply {
    margin: 0;
    float: right;
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: -22px
}

ul.commentlist>li>ul.children li ul.children li #respond p span {
    display: none
}

ul.commentlist li #respond {
    padding-bottom: 20px
}

#commentform {
    text-align: center
}

#commentform input[type=text],
#commentform input[type=password],
#commentform input[type=email],
#commentform input[type=url],
#commentform input[type=tel],
#commentform input[type=number],
#commentform input[type=range],
#commentform input[type=date],
#commentform input[type=search],
#commentform textarea,
#commentform input.text {
    padding: 19px 10px;
    margin-bottom: 20px;
    width: 100%;
    color: #252525;
    text-transform: capitalize
}

#commentform input:focus,
#commentform textarea:focus {
    border-color: #252525
}

#commentform p.textarea {
    width: 100%
}

#commentform p {
    float: left;
    position: relative
}

#commentform input.error,
#commentform textarea.error {
    border-color: red;
    color: red;
    position: relative
}

#commentform label.error {
    color: red;
    position: absolute;
    right: 0;
    bottom: 8px
}

#commentform p.textarea label.error {
    bottom: 16px;
    bottom: 8px\0/
}

@-moz-document url-prefix() {
    #commentformptextarealabelerrorbottom: 8px
}
}

#commentform .dt-sc-button {
    margin: 0 auto;
    float: none;
    background: 0 0
}

#respond,
form#commentform {
    display: inline-block;
    width: 100%
}

#respond h3 {
    padding-bottom: 20px
}

.dt-sc-portfolio {
    position: relative;
    overflow: hidden
}

.dt-sc-portfolio.column.no-space {
    margin-bottom: 0
}

.column.no-space .dt-sc-portfolio {
    margin-bottom: 0
}

.dt-sc-portfolio-container {
    float: left;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 80%;
    z-index: 21
}

.dt-sc-portfolio figure img {
    float: left;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.dt-sc-portfolio figure:hover img {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.dt-sc-portfolio figcaption {
    position: absolute;
    float: left;
    text-align: center;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    opacity: 0;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6)
}

.dt-sc-portfolio figcaption h6 {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: table-cell;
    vertical-align: middle;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear
}

.dt-sc-portfolio:hover figcaption h6 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 1;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear
}

.dt-sc-portfolio figcaption h6 a {
    color: #fff;
    position: relative;
    float: none;
    display: inline-block
}

.dt-sc-portfolio figcaption a span {
    position: absolute;
    color: #fff;
    z-index: 99
}

.dt-sc-portfolio figcaption a.zoom span {
    top: -60px;
    left: -60px;
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.dt-sc-portfolio figcaption a.like span {
    top: -60px;
    right: -60px;
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.dt-sc-portfolio figcaption a.comment span {
    bottom: -60px;
    left: -60px;
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.dt-sc-portfolio figcaption a.view span {
    bottom: -60px;
    right: -60px;
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.dt-sc-portfolio:hover figcaption a.zoom span {
    top: 12px;
    left: 12px;
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.dt-sc-portfolio:hover figcaption a.like span {
    top: 12px;
    right: 12px;
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.dt-sc-portfolio:hover figcaption a.comment span {
    bottom: 12px;
    left: 12px;
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.dt-sc-portfolio:hover figcaption a.view span {
    bottom: 12px;
    right: 12px;
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.dt-sc-portfolio figcaption a span:before {
    color: #252525
}

.dt-sc-portfolio figcaption a.zoom span:before {
    margin-left: 10px;
    margin-top: 10px;
    float: left
}

.dt-sc-portfolio figcaption a.comment span:before {
    margin-left: 10px;
    margin-bottom: 10px;
    float: left
}

.dt-sc-portfolio figcaption a.like span:before {
    margin-right: 10px;
    margin-top: 10px;
    float: left
}

.dt-sc-portfolio figcaption a.view span:before {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left
}

.dt-sc-portfolio figcaption a.zoom span:after {
    position: absolute;
    top: -5px;
    left: -5px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 75px solid;
    border-right: 75px solid transparent;
    z-index: -1;
    overflow: visible
}

.dt-sc-portfolio figcaption a.like span:after {
    position: absolute;
    top: -5px;
    right: -5px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 75px solid;
    border-left: 75px solid transparent;
    z-index: -1;
    overflow: visible
}

.dt-sc-portfolio figcaption a.comment span:after {
    position: absolute;
    bottom: -5px;
    left: -5px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 75px solid;
    border-right: 75px solid transparent;
    z-index: -1;
    overflow: visible
}

.dt-sc-portfolio figcaption a.view span:after {
    position: absolute;
    bottom: -5px;
    right: -5px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 75px solid;
    border-left: 75px solid transparent;
    z-index: -1;
    overflow: visible
}

.dt-sc-portfolio figcaption a.zoom:hover span:after,
.dt-sc-portfolio figcaption a.like:hover span:after,
.boxed .dt-sc-portfolio figcaption a.zoom:hover span:after,
.boxed .dt-sc-portfolio figcaption a.like:hover span:after {
    border-top-color: #252525
}

.dt-sc-portfolio figcaption a.view:hover span:after,
.dt-sc-portfolio figcaption a.comment:hover span:after,
.boxed .dt-sc-portfolio figcaption a.view:hover span:after,
.boxed .dt-sc-portfolio figcaption a.comment:hover span:after {
    border-bottom-color: #252525
}

.dt-sc-portfolio:hover figure figcaption,
.dt-sc-portfolio figure.cs-hover figcaption {
    opacity: 1;
    filter: alpha(opacity=100)
}

.dt-sc-portfolio figcaption h6 a:before {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 1px;
    content: "";
    opacity: 0;
    z-index: -1
}

.dt-sc-portfolio figcaption h6 a:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 1px;
    content: "";
    opacity: 0;
    z-index: -1
}

.dt-sc-portfolio figcaption h6 a:hover:before,
.dt-sc-portfolio figcaption h6 a:hover:after {
    width: 40px;
    opacity: 1
}

.dt-sc-sorting-container {
    border-left: 0;
    clear: both;
    display: inline-block;
    float: left;
    line-height: normal;
    margin: 60px 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.dt-sc-sorting-container a.dt-sc-button.type1 {
    margin: 0 2px
}

.isotope {
    width: 100%
}

.isotope:after {
    content: "";
    display: block;
    clear: both
}

.dt-sc-portfolio.width1 {
    width: 14.96%
}

.dt-sc-portfolio.width2 {
    width: 16.96%
}

.dt-sc-portfolio.width3 {
    width: 24.96%
}

.dt-sc-portfolio.width4 {
    width: 33.96%
}

.dt-sc-portfolio.width5 {
    width: 49.99%
}

.dt-sc-portfolio img {
    max-width: 100%;
    width: 100%
}

.ajax-portfolio-details {
    position: relative;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.project-details {
    float: left;
    clear: both;
    width: 100%
}

.project-details p a:hover {
    color: #878787
}

.ajax-controls .ajax-close {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #ddd;
    width: 38px;
    height: 38px;
    text-align: center
}

.ajax-controls .ajax-close .fa {
    font-size: 24px;
    line-height: 38px
}

.ajax-controls .ajax-close:hover {
    color: #fff
}

.ajax-controls {
    float: left;
    margin: 20px 0 0;
    clear: both;
    width: 100%
}

.ajax-controls .ajax-previous {
    float: left
}

.ajax-controls .ajax-next {
    float: right
}

.ajax-controls .fa {
    font-size: 12px
}

.ajax-controls .ajax-previous .fa {
    margin-right: 3px
}

.ajax-controls .ajax-next .fa {
    margin-left: 3px
}

.ajax-controls a {
    color: #868686
}

.isotope-hidden {
    display: none !important
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .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: top, left, opacity;
    transition-property: transform, opacity
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}

.service-sliders {
    width: 100%;
    float: left
}

.recent-gallery-container {
    float: left;
    width: 100%
}

.recent-gallery-container .bx-wrapper {
    position: relative;
    margin-bottom: -8px
}

.recent-gallery li {
    display: block;
    padding: 0
}

.recent-gallery-container .bx-controls a {
    bottom: 0;
    font-size: 0;
    height: 40px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 1;
    text-align: center
}

.recent-gallery-container .bx-controls a.bx-prev {
    background: url(images/prev-arrow.png) no-repeat rgba(0, 0, 0, .4);
    left: 10px;
    background-size: 50%;
    background-position: center
}

.recent-gallery-container .bx-controls a.bx-next {
    background: url(images/next-arrow.png) no-repeat rgba(0, 0, 0, .4);
    right: 10px;
    background-size: 50%;
    background-position: center
}

.recent-gallery-container #bx-pager {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px
}

.recent-gallery-container #bx-pager a {
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    margin: 0 5px;
    position: relative;
    width: 12%
}

.recent-gallery-container #bx-pager a img {
    width: 100%;
    float: left
}

.recent-gallery-container #bx-pager a.active:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: block
}

.recent-portfolio {
    float: left;
    width: 100%;
    position: relative
}

.recent-portfolio .product-carousel .fa {
    font-size: 28px
}

.recent-gallery-container {
    width: 100%;
    float: left
}

.dt-sc-project-details h5 {
    text-align: left
}

.dt-sc-project-details ul {
    float: left;
    width: 100%;
    margin: 0;
    list-style-type: none
}

.dt-sc-project-details ul.project-details li {
    width: 100%
}

.dt-sc-project-details ul li {
    float: left;
    display: block
}

.dt-sc-project-details ul li p {
    margin: 0
}

.dt-sc-project-details ul li p a {
    border-bottom: 1px solid transparent
}

.dt-sc-project-details ul li p a:hover {
    border-color: rgba(0, 0, 0, .5)
}

.dt-sc-project-details ul li p strong {
    margin-right: 5px
}

.dt-sc-project-details ul li span {
    width: 20px
}

.dt-sc-project-details ul li:last-child {
    background: 0 0
}

.dt-sc-project-details ul li.date p {
    font-size: 22px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 3px 0 0
}

.dt-sc-project-details ul li.date span {
    font-size: 11px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-transform: uppercase
}

.dt-sc-project-details ul li.date .icon-calendar {
    margin-right: 0
}

.dt-sc-project-details ul li.author {
    margin: 0 15px 0 0;
    float: left
}

.dt-sc-project-details ul li.author,
.project-details ul li.tags a {
    font-weight: 700;
    color: #e96666
}

.dt-sc-project-details ul li.tags a:hover {
    color: #3d3d3d
}

.dt-sc-project-details ul li.website-link {
    font-weight: 700
}

.dt-sc-project-details ul li .icon-user,
.project-details ul li .icon-tag,
.project-details ul li .icon-link,
.project-details ul li .icon-calendar {
    color: #2e2a2b;
    margin-right: 5px
}

.dt-sc-post-pagination {
    width: 100%;
    float: left;
    border: 1px solid;
    margin-top: 30px
}

.dt-sc-post-pagination a.dt-sc-button.type1 {
    margin: 0;
    border-top: none;
    border-bottom: none
}

.dt-sc-post-pagination .dt-sc-button.type1.prev-post i.fa:after {
    right: 33px;
    left: auto
}

.dt-sc-post-pagination .dt-sc-button.type1.prev-post:before {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.dt-sc-post-pagination a.prev-post {
    border-left: none
}

.dt-sc-post-pagination a.next-post {
    border-right: none;
    float: right
}

.counter-parallax.dt-sc-parallax-section {
    background: url(images/transcon/homepage/four.jpg) fixed no-repeat;
    padding: 75px 0
}

.twitter-parallax.dt-sc-parallax-section {
    background: url(images/twitter-parallax.html) fixed no-repeat
}

.intro-parallax.dt-sc-parallax-section {
    background: url(images/transcon/homepage/contact.jpg) fixed no-repeat;
    background-size: cover
}

.client-parallax.dt-sc-parallax-section {
    background: url(images/transcon/homepage/five.jpg) fixed no-repeat
}

.service-parallax.dt-sc-parallax-section {
    background: url(images/service-parallax.html) fixed no-repeat
}

.counter-parallax,
.twitter-parallax,
.intro-parallax,
.client-parallax,
.service-parallax {
    position: relative
}

::i-block-chrome,
.counter-parallax,
::i-block-chrome,
.twitter-parallax,
::i-block-chrome,
.intro-parallax,
::i-block-chrome,
.client-parallax,
::i-block-chrome,
.service-parallax {
    position: static
}

.twitter-parallax {
    text-align: center;
    padding: 60px 0 40px
}

.twitter-parallax .twitter-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    float: none;
    display: inline-block;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom: 30px
}

.twitter-parallax .twitter-icon i.fa-twitter {
    width: 80%;
    font-size: 20px;
    display: inline-block;
    margin-top: 14px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    color: #252525
}

.twitter-parallax .latest-tweets {
    display: inline-block;
    width: 100%
}

.twitter-parallax .latest-tweets .tweet_list {
    text-align: center !important;
    list-style: none
}

.twitter-parallax .latest-tweets .tweet_text {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    font-weight: 400;
    display: inline-block;
    width: 90%
}

.twitter-parallax .latest-tweets span.tweet_time a {
    font-size: 20px;
    line-height: 36px;
    margin-top: 14px;
    display: inline-block;
    font-weight: 400;
    float: none;
    text-align: right;
    position: relative
}

.twitter-parallax .latest-tweets span.tweet_time a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 51%
}

.twitter-parallax .latest-tweets span.tweet_time a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 51%
}

.twitter-parallax .latest-tweets span.tweet_time a:hover:before {
    width: 5%
}

.twitter-parallax .latest-tweets span.tweet_time a:hover:after {
    width: 5%
}

.view-map {
    width: 100%;
    float: left;
    text-align: center;
    position: relative
}

.view-map a {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #252525;
    top: -50px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto
}

.view-map a i {
    color: #fb8129;
    font-size: 20px;
    line-height: 70px;
    margin-left: -5px
}

.view-map.active a i {
    color: #252525
}

footer {
    background: #252525;
    width: 100%;
    float: left
}

.dt-sc-contact-form,
.dt-sc-copyrights {
    float: left;
    width: 100%;
    position: relative
}

.dt-sc-contact-form:before {
    position: absolute;
    width: 1px;
    height: 380px;
    right: auto;
    left: -5%;
    top: -15px;
    margin: 0 auto;
    display: block;
    content: "";
    background: #464646
}

.dt-sc-contact-info {
    color: #fff;
    text-align: left;
    margin-bottom: 35px;
    position: relative;
    padding-bottom: 10px
}

.dt-sc-contact-info:after {
    position: absolute;
    width: 75px;
    height: 1px;
    left: 0;
    bottom: -10px;
    margin: 0 auto;
    display: block;
    content: ""
}

.dt-sc-contact-info:last-child:after {
    content: none
}

.dt-sc-contact-info p {
    width: 90%
}

.dt-sc-contact-info a {
    color: #fff;
    font-size: 15px
}

.dt-sc-contact-form input[type=submit] {
    width: 100%;
    color: #252525;
    padding: 15px 0;
    font-size: 20px
}

.dt-sc-contact-form input[type=submit]:hover {
    background: #fff
}

.dt-sc-contact-info h5.sub-title {
    padding-bottom: 10px
}

.dt-sc-contact-info i {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
    font-size: 16px
}

#dt-contact-map {
    border-top: 4px solid;
    display: none;
    height: 541px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden
}

#dt-contact-content {
    padding: 20px 0;
    width: 100%;
    float: left
}

.dt-sc-copyrights {
    padding: 15px 0
}

.dt-sc-copyrights p {
    margin: 0;
    float: left
}

.dt-sc-copyrights p a {
    border-bottom: 1px solid transparent
}

.dt-sc-copyrights p a:hover {
    border-color: rgba(0, 0, 0, .5)
}

.dt-sc-copyrights .dt-sc-social-icons {
    float: left
}

.dt-sc-social-icons a {
    float: none;
    position: static;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-right: 15px;
    background: #fff
}

.dt-sc-social-icons a i {
    float: none;
    position: static;
    color: #252525;
    display: inline-block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: center
}

.dt-sc-social-icons a:hover i {
    color: #fff
}

.dt-sc-social-icons a.facebook:hover,
ul#team-section li p a.facebook:hover {
    -webkit-box-shadow: inset -30px 0 0 0 #3b5998;
    -moz-box-shadow: inset -30px 0 0 0 #3b5998;
    box-shadow: inset -30px 0 0 0 #3b5998
}

.dt-sc-social-icons a.twitter:hover,
ul#team-section li p a.twitter:hover {
    -webkit-box-shadow: inset -30px 0 0 0 #55acee;
    -moz-box-shadow: inset -30px 0 0 0 #55acee;
    box-shadow: inset -30px 0 0 0 #55acee
}

.dt-sc-social-icons a.google:hover,
ul#team-section li p a.google:hover {
    -webkit-box-shadow: inset -30px 0 0 0 #dd4b39;
    -moz-box-shadow: inset -30px 0 0 0 #dd4b39;
    box-shadow: inset -30px 0 0 0 #dd4b39
}

.dt-sc-social-icons a.pinterest:hover,
ul#team-section li p a.pinterest:hover {
    -webkit-box-shadow: inset -30px 0 0 0 #cc2127;
    -moz-box-shadow: inset -30px 0 0 0 #cc2127;
    box-shadow: inset -30px 0 0 0 #cc2127
}

.dt-sc-social-icons a.youtube:hover,
ul#team-section li p a.youtube:hover {
    -webkit-box-shadow: inset -30px 0 0 0 #e52d27;
    -moz-box-shadow: inset -30px 0 0 0 #e52d27;
    box-shadow: inset -30px 0 0 0 #e52d27
}

.dt-sc-social-icons a.linkedin:hover,
ul#team-section li p a.linkedin:hover {
    -webkit-box-shadow: inset -30px 0 0 0 #0976b4;
    -moz-box-shadow: inset -30px 0 0 0 #0976b4;
    box-shadow: inset -30px 0 0 0 #0976b4
}

.dt-sc-social-icons a.dribbble:hover,
ul#team-section li p a.dribbble:hover {
    -webkit-box-shadow: inset -30px 0 0 0 #ea4c89;
    -moz-box-shadow: inset -30px 0 0 0 #ea4c89;
    box-shadow: inset -30px 0 0 0 #ea4c89
}

.dt-sc-social-icons a.flickr:hover,
ul#team-section li p a.flickr:hover {
    -webkit-box-shadow: inset -30px 0 0 0 #ff0084;
    -moz-box-shadow: inset -30px 0 0 0 #ff0084;
    box-shadow: inset -30px 0 0 0 #ff0084
}

.dt-sc-social-icons a.tumblr:hover,
ul#team-section li p a.tumblr:hover {
    -webkit-box-shadow: inset -30px 0 0 0 #35465c;
    -moz-box-shadow: inset -30px 0 0 0 #35465c;
    box-shadow: inset -30px 0 0 0 #35465c
}

h6 {
    letter-spacing: 4px
}

.boxed {
    background-attachment: fixed
}

.boxed .mockup-slider #home.content,
.boxed .grid-slider #home.content,
.boxed .content-type6.full-height #home.content,
.boxed .video-slider #home.content {
    height: auto
}

::i-block-chrome,
.boxed .video-slider #home.content {
    height: 100%;
    margin-bottom: -20%
}

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

.boxed .wrapper .type-1 #header-sticky-wrapper.sticky-wrapper #header {
    width: 1260px
}

.boxed #header.type3 {
    display: inline-block
}

.boxed .grid-slider.index-3 #home.content {
    margin-bottom: 0
}

.boxed #panel {
    float: none;
    width: 1260px;
    overflow: hidden;
    left: 0;
    margin: 0 auto
}

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

.boxed .dt-sc-service-carousel .dt-sc-carousel li h2,
.boxed .dt-sc-carousel li p {
    width: 95%
}

.boxed .dt-sc-service-carousel .dt-sc-carousel li h2 {
    font-size: 34px;
    margin-bottom: 10px
}

.boxed .dt-sc-portfolio figcaption a.zoom span:after {
    border-right: 50px solid transparent
}

.boxed .dt-sc-portfolio figcaption a.like span:after {
    border-left: 50px solid transparent
}

.boxed .dt-sc-portfolio figcaption a.comment span:after {
    border-right: 50px solid transparent
}

.boxed .dt-sc-portfolio figcaption a.view span:after {
    border-left: 50px solid transparent
}

.boxed .dt-sc-portfolio figcaption a span:before {
    font-size: 12px
}

.boxed .dt-sc-portfolio figcaption a.zoom span:before {
    margin-left: 3px;
    margin-top: 3px
}

.boxed .dt-sc-portfolio figcaption a.comment span:before {
    margin-left: 3px;
    margin-bottom: 3px
}

.boxed .dt-sc-portfolio figcaption a.like span:before {
    margin-right: 3px;
    margin-top: 3px
}

.boxed .dt-sc-portfolio figcaption a.view span:before {
    margin-right: 3px;
    margin-bottom: 3px
}

.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame {
    width: 30%
}

.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a {
    padding: 5.8% 3%
}

.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h5,
.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 {
    width: 71%
}

.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon {
    margin: 42px 25px 0 20px
}

.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content {
    width: 70%
}

.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column {
    width: 100% !important
}

.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column .column {
    width: 49% !important
}

.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 span {
    font-size: 12px
}

.boxed .dt-sc-tabs-vertical-frame-content .tab-content img,
.boxed .logo.logostatic {
    display: none
}

.boxed .dt-sc-portfolio.width1 {
    width: 15.65%
}

.boxed .dt-sc-portfolio.width2 {
    width: 17.2%
}

.boxed .dt-sc-portfolio.width4 {
    width: 34.34%
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: 4px solid;
    text-indent: 100%;
    background: url(images/ui.totop.png) no-repeat left top;
    z-index: 9999;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

#toTop:hover {
    border-radius: 25%
}

#toTop:active,
#toTop:focus {
    outline: none
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
    #toTop {
        background-image: url(images/ui.totop%402x.png);
        background-size: 40px
    }

    .dt-sc-parallax-section {
        background-attachment: scroll !important;
        background-position: top !important;
        -webkit-background-size: auto !important;
        -moz-background-size: auto !important;
        background-size: auto !important
    }

    .intro-parallax.dt-sc-parallax-section h3,
    .intro-parallax.dt-sc-parallax-section h3 a {
        color: #000
    }
}

/*#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999999;text-align:center;overflow:hidden;background-size:cover;background-position:center center;background-position:center bottom;background:#252525}*/
/*#loader-wrapper .large-header h1{text-transform:none;font-size:35px;font-style:italic;font-weight:300;color:#252525;bottom:0;right:0;left:0;margin:0;position:absolute;width:100%;padding:20px 10px;font-weight:300}*/
/*#loader-wrapper .large-header h1.top{top:0;bottom:auto}*/
/*#loader-wrapper .large-header h1 span{font-weight:600}*/
.dt-style-picker-wrapper {
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 150px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: none
}

#dt-style-picker {
    background: #fff;
    float: left;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0;
    padding: 10px;
    text-align: center;
    border: 1px solid;
    display: none
}

#dt-style-picker h3 {
    font-size: 16px;
    padding: 10px 0 15px;
    float: left;
    width: 100%;
    margin: 0;
    text-transform: uppercase
}

#dt-style-picker ul {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 225px
}

#dt-style-picker ul li {
    display: inline-block;
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0 0 6px
}

#dt-style-picker ul li a {
    padding: 2px;
    display: inline-block;
    margin: 0;
    line-height: 0;
    border: 1px solid #fff
}

#dt-style-picker ul li a.selected,
#dt-style-picker ul li a:hover {
    border: 1px solid
}

#dt-style-picker ul.layout-picker,
#dt-style-picker #pattern-holder {
    border-bottom: 1px solid;
    float: left
}

#dt-style-picker ul.layout-picker {
    padding-bottom: 15px
}

#dt-style-picker #pattern-holder {
    padding-bottom: 5px
}

#dt-style-picker ul.layout-picker li img {
    border: 1px solid #f1f1f1
}

#dt-style-picker ul.color-picker li,
#dt-style-picker ul.pattern-picker li {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0 4px 5px 0;
    width: 40px;
    height: 40px;
    float: left;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

#dt-style-picker ul.color-picker li img,
#dt-style-picker ul.pattern-picker li img {
    border: none;
    width: 25px;
    height: 25px
}

.style-picker-ico:after,
.style-picker-ico:before {
    top: 68%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: -1;
    left: 0
}

.style-picker-ico:after {
    border-color: transparent;
    border-left-color: #fff;
    border-width: 50px;
    margin-top: -50px
}

.style-picker-ico:before {
    border-color: transparent;
    border-width: 51px;
    margin-top: -51px
}

.style-picker-ico {
    position: absolute;
    top: 50px;
    left: 246px;
    z-index: 2;
    width: 23px
}

.style-picker-ico img {
    margin-left: 7px;
    margin-top: 32px;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    z-index: 1
}

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

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

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

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

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

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

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

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

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

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

.inner-pages-bnr {
    width: 100%;
    float: left;
    text-align: center;
    position:
}

.inner-pages-bnr img {
    width: 100%
}

.inner-pages-bnr .banner-caption {
    position: absolute;
    left: 0;
    bottom: 60%;
    width: 100%;
    margin-top: -44px
}

.inner-pages-bnr h1 {
    font-size: 45px;
    color: #fff;
    text-transform: none;
    margin-bottom: 10px;
    font-family: "Raleway", sans-serif;
    letter-spacing: 2px
}

ul.breadcumb {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center
}

ul.breadcumb li {
    list-style: none;
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    color: #fff
}

ul.breadcumb li a {
    color: #fff
}

.tcc {
    text-align: center
}

.pd50 {
    padding: 50px 0
}

.abt-text p {
    line-height: 30px;
    font-family: "Nunito", sans-serif
}

.cpd {
    text-align: center;
    display: block
}

.cph {
    text-align: center;
    display: inline-block;
    color: #fb8129
}

.cphw {
    text-align: center;
    display: inline-block;
    color: #fff
}

.threelines {
    position: relative
}

.threelines::after {
    background: #fb8129;
    top: -15px;
    z-index: 9999;
    height: 3px;
    width: 2%;
    position: absolute;
    content: "";
    left: 50%
}

.threelines::before {
    background: #fb8129;
    color: #000;
    top: -15px;
    height: 3px;
    width: 2%;
    position: absolute;
    content: "";
    left: 47%
}

.threelinesw {
    position: relative
}

.threelinesw::after {
    background: #fff;
    top: -15px;
    z-index: 9999;
    height: 3px;
    width: 2%;
    position: absolute;
    content: "";
    left: 50%
}

.threelinesw::before {
    background: #fff;
    color: #000;
    top: -15px;
    height: 3px;
    width: 2%;
    position: absolute;
    content: "";
    left: 47%
}

.why-box {
    background-color: #fff;
    padding: 10px 30px;
    min-height: 306px;
    transition: all .1s ease-in-out
}

.why-transcon {
    background-image: url(images/transcon/homepage/why-choose.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom
}

.columnn {
    margin: 20px 0 0 8%;
    float: left;
    min-height: 1px;
    position: relative
}

.why-head h3 {
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
    line-height: 35px;
    text-align: center;
    transition: all .1s ease-in-out
}

.why-ico {
    text-align: center;
    margin: 10px 0
}

.why-ico .fa {
    text-align: center;
    font-size: 30px !important;
    color: #fb8129 !important;
    transition: all .1s ease-in-out
}

.why-txt ul li {
    font-size: 15px;
    margin: 5px 0;
    font-family: "Nunito", sans-serif;
    text-align: center;
    transition: all .1s ease-in-out
}

.why-box:hover {
    background-color: #fb8129;
    cursor: default
}

.why-box:hover .why-ico .fa {
    color: #fff !important
}

.why-box:hover .why-head h3 {
    color: #fff
}

.why-box:hover .why-txt ul li {
    color: #fff
}

.awards-transcon {
    background-image: url(images/transcon/certificates/61.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.demo-gallery>ul {
    margin-bottom: 0
}

.demo-gallery>ul>li {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 252px
}

.demo-gallery>ul>li a {
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left
}

.demo-gallery>ul>li a>img {
    -webkit-transition: -webkit-transform .5s ease 0;
    -moz-transition: -moz-transform .5s ease 0;
    -o-transition: -o-transform .5s ease 0;
    transition: transform .5s ease 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%
}

.demo-gallery>ul>li a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
    opacity: 1
}

.demo-gallery>ul>li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0;
    -o-transition: background-color .15s ease 0;
    transition: background-color .15s ease 0
}

.demo-gallery>ul>li a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s ease 0;
    -o-transition: opacity .3s ease 0;
    transition: opacity .3s ease 0
}

.demo-gallery>ul>li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5)
}

.demo-gallery .justified-gallery>a>img {
    -webkit-transition: -webkit-transform .15s ease 0;
    -moz-transition: -moz-transform .15s ease 0;
    -o-transition: -o-transform .15s ease 0;
    transition: transform .15s ease 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%
}

.demo-gallery .justified-gallery>a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
    opacity: 1
}

.demo-gallery .justified-gallery>a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0;
    -o-transition: background-color .15s ease 0;
    transition: background-color .15s ease 0
}

.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s ease 0;
    -o-transition: opacity .3s ease 0;
    transition: opacity .3s ease 0
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5)
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: .8;
    width: 48px
}

.demo-gallery.dark>ul>li a {
    border: 3px solid #04070a
}

.lg-backdrop.in {
    opacity: 1;
    z-index: 999999
}

.lg-outer.lg-visible {
    opacity: 1;
    z-index: 9999999
}

.columnnn {
    margin: 20px 0 0 10%;
    float: left;
    min-height: 1px;
    position: relative
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 500 !important;
    font-family: "Nunito", sans-serif !important
}

.abt-ul-txt {
    margin-top: 25px
}

.abt-ul-txt ul li {
    font-size: 15px;
    font-family: "Nunito", sans-serif;
    display: flex;
    align-items: baseline
}

.abt-ul-txt ul li i {
    font-size: 17px;
    color: #fb8129;
    margin: 0 8px;
    animation: mymove linear .7s infinite
}

@-webkit-keyframes mymove {
    0% {
        opacity: 1;
        transform: translateX(0px)
    }

    50% {
        opacity: .5;
        transform: translateX(5px)
    }

    100% {
        opacity: 1;
        transform: translateX(0px)
    }
}

@-webkit-keyframes mymoves {
    0% {
        opacity: 1;
        transform: translateY(0px)
    }

    50% {
        opacity: .5;
        transform: translateY(5px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}

.open-video {
    cursor: pointer
}

.overlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.video-active .overlay {
    display: block
}

.close {
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 1000
}

.video-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ytube {
    position: relative;
    border-top-left-radius: 42%;
    border-bottom-left-radius: 42%
}

.ytb {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -30px;
    width: 50px;
    height: 50px;
    background-color: #fb8129;
    padding: 10px 15px;
    border-radius: 50%
}

.ytb i {
    font-size: 30px !important;
    color: #fff !important
}

.columnmn {
    margin: 10px 7px 7px 0;
    float: left;
    min-height: 1px;
    position: relative
}

.abt-ul-txt {
    padding-left: 5%;
    padding-right: 5%
}

.abt-ul-txt h3 {
    padding-left: 5%;
    font-family: "Nunito", sans-serif
}

.modalbg {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 99999;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    display: block;
    pointer-events: none
}

.modalbg .dialog {
    width: 45%;
    height: auto;
    position: relative;
    top: -1000px;
    margin: 10% auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

@media (min-width: 240px) and (max-width: 768px) {
    .modalbg .dialog {
        width: 85%
    }

    .pd50 {
        padding-bottom: 0
    }
}

.modalbg .dialog .ie7 {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3)
}

.modalbg:target {
    display: block;
    pointer-events: auto;
    background: rgba(4, 10, 30, 0.8);
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.modalbg:target .dialog {
    top: 0;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.close {
    color: #178dd5;
    font-size: 25px;
    line-height: 25px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 15px;
    width: 30px;
    text-decoration: none;
    font-weight: 700;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.close .ie7 {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3)
}

.close:hover {
    color: #fb8129;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.img-res {
    max-width: 100%;
    height: auto
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    /* height: 50vh; */
}

.cpt {
    position: relative
}

.caption {
    position: absolute;
    color: #fff;
    text-align: center;
    bottom: 5px;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    z-index: 99
}

.caption p {
    line-height: 30px;
    margin-top: 10px;
    font-size: 15px;
    text-transform: capitalize;
    font-family: "Raleway", sans-serif
}

.modal-ul-div h5 {
    line-height: 30px;
    border-bottom: 1px solid #000;
    padding: 10px 20px;
    margin-bottom: 0;
    color: #fff;
    background-color: #061a2e
}

.mb5 {
    margin-bottom: 5px;
    margin-left: 10px
}

.modal-ul-div ul {
    padding: 10px 20px;
    background-color: #eee
}

.modal-ul-div ul li {
    font-size: 15px;
    color: #000;
    line-height: 26px;
    margin: 5px 0;
    font-family: "Nunito", sans-serif
}

.modal-ul-div ul li i {
    font-size: 17px;
    color: #fb8129;
    margin: 0 8px;
    animation: mymove linear .7s infinite
}

.modal-ul-div ul li ul li {
    font-size: 15px;
    color: #000;
    line-height: 26px;
    margin: 5px 10px;
    font-family: "Nunito", sans-serif;
    list-style: none
}

.modal-ul-div ul li ul li i {
    font-size: 17px;
    color: #fb8129;
    margin: 0 8px;
    animation: mymoves linear .7s infinite
}

.tct {
    margin-top: 25px
}

.columnmn {
    width: 100%;
    overflow: hidden;
    transition: all .3s ease
}

.zover {
    transition: all .3s ease;
    width: 100%;
    overflow: hidden
}

.mb5:hover .zover {
    transform: scale(1.025)
}

.img5box {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.img5 {
    display: block;
    transition: all .2s ease-in
}

.img5:hover {
    transform: scale(1.1)
}

.img5text {
    color: #fff;
    font-size: 15px;
    text-align: center;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 1;
    transition: opacity .2s ease-in;
    text-transform: capitalize;
    font-family: "Raleway", sans-serif;
    padding: 10px 0;
    line-height: 30px
}

.img5textHover {
    opacity: 1
}

.column1 {
    margin: 20px 0 0 1%;
    float: left;
    min-height: 1px;
    position: relative
}

.column2 {
    margin: 20px 0 0 1.5%;
    float: left;
    min-height: 1px;
    position: relative
}

.tabs {
    border-radius: 8px;
    overflow: hidden
}

.tab {
    width: 100%;
    color: #fff;
    overflow: hidden;
    margin: 20px 0
}

.tab input {
    display: none
}

.tab-label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background-color: #0979b5;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.tab-label:hover {
    background: #fb8129
}

.tab-label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all .35s
}

.tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #2c3e50;
    background: #f9f9f9;
    transition: all .35s
}

.crgo {
    background-image: url(images/transcon/technology/crgo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.amorphous {
    background-image: url(images/transcon/technology/raw-amorphous.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.copper {
    background-image: url(images/transcon/technology/copper.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left
}

.transformer {
    background-image: url(images/transcon/technology/oils.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: .75em;
    background: #2c3e50;
    cursor: pointer
}

.tab-close:hover {
    background: #1a252f
}

input:checked+.tab-label {
    background: #fb8129
}

input:checked+.tab-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

input:checked~.tab-content {
    max-height: 100vh;
    padding: 1em;
    border: 2px solid #fff;
    border-top: 0
}

.tab ul li {
    font-size: 15px;
    font-family: "Nunito", sans-serif;
    /*color: #fff*/
}

.tab ul li i {
    font-size: 18px !important;
    margin: 0 5px;
    color: #fb8129
}

.tab-label {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    font-family: "Nunito", sans-serif
}

.license-transcon {
    background-image: url(images/transcon/certificates/61.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.form-control {
    width: 90% !important
}

.form-control-text {
    width: 94% !important
}

.form-control::placeholder,
.form-control-text::placeholder {
    text-transform: uppercase;
    color: #000
}

.submit-btn {
    background-color: #1996d0;
    text-align: center !important;
    float: none !important;
    padding: 15px 75px !important;
    margin-bottom: 25px !important;
    margin-left: -40px !important;
    transition: all .5s ease-in-out
}

.submit-btn:hover {
    background-color: #fb8129
}

.form-group-submit {
    text-align: center
}

.contact-transcon {
    background-color: #f5f5f5
}

.first-form {
    background-color: #fff;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 3px 16px rgba(0, 0, 0, 0.02)
}

.contact-form {
    margin-left: 20px
}

.first-form:after {
    clear: both;
    display: table;
    content: ""
}

.con-per {
    margin-top: 30px
}

.con-per h4 {
    text-transform: uppercase;
    color: #1996d0;
    font-size: 20px;
    font-weight: 800;
    font-family: "Nunito", sans-serif;
    margin-bottom: 10px
}

.gitwu {
    text-align: center;
    color: #000;
    margin: 20px 0;
    margin-bottom: 0
}

.taddress ul li {
    font-size: 16px;
    font-family: "Nunito", sans-serif;
    display: flex;
    line-height: 30px;
    margin: 20px 0;
    align-items: baseline
}

.taddress ul li i {
    margin: 0 5px;
    color: #000 !important;
    font-size: 25px;
    color: #fb8129 !important;
    position: relative;
    left: -5px;
    top: 5px;
    padding-bottom: 0 !important
}

.taddress ul {
    padding-left: 20px
}

.nod {
    display: block !important
}

.spe {
    color: #fb8129
}

.ti {
    margin-top: 40px;
    padding-left: 20px
}

.directors {
    padding-left: 20px
}

.amar {
    margin: 15px 0
}

.amar h5 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    font-family: "Nunito", sans-serif;
    margin-bottom: 5px;
    color: #fb8129
}

.amar h5 span {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Nunito", sans-serif;
    margin-bottom: 0 !important
}

.conte p strong {
    font-weight: 700;
    color: #1996d0
}

.conte p {
    font-size: 15px
}

.pro-text ul li {
    font-size: 15px;
    font-family: "Nunito", sans-serif;
    display: flex;
    align-items: baseline
}

.pro-text ul li i {
    font-size: 17px;
    color: #fb8129;
    margin: 0 8px;
    animation: mymove linear .7s infinite
}

.pro-text ul h5 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #1996d0;
    text-transform: capitalize
}

.single-transcon {
    background-image: url(images/transcon/certificates/61.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.pro-text ul li ul li {
    font-size: 15px;
    color: #000;
    line-height: 26px;
    margin: 5px 10px;
    font-family: "Nunito", sans-serif;
    list-style: none
}

.pro-text ul li ul li i {
    font-size: 17px;
    color: #fb8129;
    margin: 0 8px;
    animation: mymoves linear .7s infinite
}

.special-transcon {
    background-color: #f5f5f5
}

.mt20 {
    margin-top: 20px
}

.foot-ul {
    margin-bottom: 0
}

.foot-ul li {
    display: inline-block;
    margin: 0 5px;
    font-size: 15px;
    color: #fff
}

.foot-ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-family: "Nunito", sans-serif;
    transition: all .5s ease-in-out
}

.foot-ul li:hover a {
    color: #fb8129;
    text-decoration: underline
}

.qll {
    margin-bottom: 0
}

.tbody {
    background-image: url(images/transcon/certificates/61.png)
}

.pd100 {
    padding: 100px 0
}

.thankyou-transcon {
    background-color: transparent !important
}

.td {
    position: relative;
    margin-top: 100px
}

.thankyou-div {
    position: absolute;
    top: 50%;
    left: 26%;
    color: #fb8129;
    font-family: "Nunito", sans-serif;
    text-align: center
}

.thankyou-div h4 {
    font-size: 50px;
    font-weight: 900;
    color: #fb8129;
    font-family: "Nunito", sans-serif;
    margin-bottom: 10px;
    text-align: center
}

.thankyou-div p {
    font-size: 18px;
    color: #000;
    font-family: "Raleway", sans-serif;
    margin-bottom: 10px
}

.bhome {
    margin: 30px 0
}

.bhome a {
    background-color: #1996d0;
    padding: 15px 40px;
    color: #fff;
    border-radius: 2px;
    font-size: 15px;
    font-family: "Nunito", sans-serif;
    transition: all .5s ease-in-out
}

.bhome a:hover {
    background-color: #fb8129
}

.csp {
    color: #fff;
    background-color: transparent
}

.boe {
    margin: 15px 0
}

.boe h4 {
    font-weight: 900;
    color: #fb8129;
    margin-bottom: 10px;
    font-size: 20px
}

.boe ul li {
    line-height: 20px
}

.boe ul li i {
    color: #fb8129;
    margin: 0 5px
}

.ra thead tr th {
    border-right: 1px solid #fff !important;
    font-family: "Nunito", sans-serif;
    border-bottom: 1px solid #fff !important
}

.ra tbody tr td b {
    font-family: "Nunito", sans-serif
}

.ra tbody tr td {
    font-family: "Nunito", sans-serif
}

.table {
    border: 0
}

.tabset>input[type="radio"] {
    position: absolute;
    left: -200vw
}

.tabset .tab-panel {
    display: none
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
    display: block
}

.tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    font-size: 16px;
    font-family: "Raleway", sans-serif;
    background: #eee
}

.tab-panels {
    background-color: #e4eef3
}

.tabset>label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 22px;
    height: 4px;
    background: #000
}

.tabset>label:hover,
.tabset>input:focus+label {
    color: #06c
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
    background: #06c
}

.tabset>input:checked+label {
    margin-bottom: -1px;
    color: #06c
}

.tab-panel {
    padding: 40px
}

.tab-panel h2 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #fb8129;
    font-family: "Raleway", sans-serif;
    text-transform: capitalize
}

.tab-panel ul li {
    font-size: 15px;
    color: #000;
    line-height: 16px;
    margin: 2px 10px;
    font-family: "Nunito", sans-serif;
    list-style: none
}

.tab-panel ul li i {
    font-size: 15px;
    color: #fb8129;
    margin: 0 8px;
    animation: mymove linear .7s infinite
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

.aps tr td {
    text-transform: capitalize
}

.aps tr:nth-child(even) {
    background-color: #ccc !important
}

.pdd-transcon {
    background-image: url(images/transcon/slider/distribution-para.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed
}

.w101 {
    border: 1px solid #ddd
}

.html {
    scroll-behavior: smooth
}

.mobile-slider {
    display: none
}

.desktop-slider {
    display: block
}

@media (min-width: 240px) and (max-width: 767px) {
    .moa {
        margin: 0 0 0 1% !important;
        margin-bottom: 0 !important
    }

    .tabset>label {
        border: 0 !important;
        padding: 5px 5px 20px;
        font-size: 15px;
        margin: 5px
    }

    .tab-panel {
        padding: 30px 0;
        border-top: 0;
        margin: 5px 0
    }

    .tab-panel ul li {
        font-size: 15px;
        line-height: 20px;
        margin: 0 10px;
        display: flex
    }

    .inner-pages-bnr h1 {
        font-size: 20px;
        margin-bottom: 5px
    }

    ul.breadcumb li {
        font-size: 14px;
        padding: 0
    }

    .ytube {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .w101 {
        width: 100%
    }

    .tab-panel h2 {
        padding-left: 20px
    }

    .dt-sc-service-carousel .dt-sc-carousel li h1,
    .dt-sc-carousel li p {
        float: left !important;
        text-align: left;
        width: 100% !important
    }

    .dt-sc-service-carousel .dt-sc-carousel li h1 {
        font-size: 23px !important;
        line-height: 35px !important
    }

    .taddress ul li {
        display: block
    }

    .mobile-slider {
        display: block
    }

    .desktop-slider {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .type-1 #header-sticky-wrapper.sticky-wrapper #header {
        /*padding: 25px 0*/
    }

    .modalbg:target .dialog {
        top: 5%
    }

    .logo {
        top: -15px
    }

    .abvi {
        margin-top: 125px
    }

    .ytube {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .columnn {
        width: 35% !important
    }

    .why-box {
        min-height: 340px
    }

    .pro-text h5 {
        margin-bottom: 10px;
        line-height: 20px
    }

    .inner-pages-bnr h1 {
        font-size: 35px
    }

    .columnmn {
        margin: 10px 3px 3px 0
    }

    .caption p {
        line-height: 15px;
        font-size: 11px
    }

    .mnh {
        min-height: 320px !important
    }

    .dt-sc-ico-content.type2 .icon {
        min-height: 180px !important
    }

    .dt-sc-service h2 {
        font-size: 25px !important;
        margin-bottom: 10px
    }

    .w101 {
        width: 100%
    }

    .dt-sc-service-carousel .dt-sc-carousel li h1,
    .dt-sc-carousel li p {
        float: left !important;
        text-align: left;
        width: 100% !important
    }

    .dt-sc-service-carousel .dt-sc-carousel li h1 {
        font-size: 23px !important;
        line-height: 35px !important
    }
}

@media (min-width: 991px) and (max-width: 1023px) {
    .type-1 #header-sticky-wrapper.sticky-wrapper #header {
        /*padding: 15px 0*/
    }

    .modalbg:target .dialog {
        top: 5%
    }

    .logo {
        top: -15px
    }

    .abvi {
        margin-top: 125px
    }

    .ytube {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .columnn {
        width: 35% !important
    }

    .why-box {
        min-height: 340px
    }

    .pro-text h5 {
        margin-bottom: 10px;
        line-height: 20px
    }

    .inner-pages-bnr h1 {
        font-size: 35px
    }

    .columnmn {
        margin: 10px 3px 3px 0
    }

    .caption p {
        line-height: 15px;
        font-size: 11px
    }

    .mnh {
        min-height: 320px !important
    }

    .dt-sc-ico-content.type2 .icon {
        min-height: 180px !important
    }

    .dt-sc-service h2 {
        font-size: 25px !important;
        margin-bottom: 10px
    }

    #cssmenu>ul>li {
        margin: 0 3px !important
    }

    #cssmenu>ul>li>a {
        font-size: 11px !important
    }

    #cssmenu ul ul li a {
        font-size: 11px !important
    }

    .dt-sc-service h2 {
        font-size: 25px
    }

    .dt-sc-service p {
        font-size: 13px
    }

    #cssmenu>ul>li {
        margin: 0 3px !important
    }

    #cssmenu>ul>li>a {
        font-size: 11px !important
    }

    #cssmenu ul ul li a {
        font-size: 11px !important
    }

    .dt-sc-service h2 {
        font-size: 25px
    }

    .dt-sc-service p {
        font-size: 13px
    }

    .fright {
        padding: 0 !important
    }

    .taddress ul li {
        display: block
    }
}

@media (min-width: 1024px) and (max-width: 1049px) {
    .type-1 #header-sticky-wrapper.sticky-wrapper #header {
        padding: 25px 0
    }

    .fright {
        padding: 0 !important
    }

    .type-1 #header-sticky-wrapper.sticky-wrapper #header {
        padding: 25px 0 0 !important
    }

    .modalbg:target .dialog {
        top: 5%
    }

    .logo {
        top: -15px
    }

    .abvi {
        margin-top: 125px
    }

    .ytube {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .columnn {
        width: 35% !important
    }

    .why-box {
        min-height: 295px
    }

    .pro-text h5 {
        margin-bottom: 10px;
        line-height: 20px
    }

    .inner-pages-bnr h1 {
        font-size: 35px
    }

    .columnmn {
        margin: 10px 3px 3px 0
    }

    .caption p {
        line-height: 15px;
        font-size: 11px
    }

    .mnh {
        min-height: 320px !important
    }

    .dt-sc-ico-content.type2 .icon {
        min-height: 180px !important
    }

    .dt-sc-service h2 {
        font-size: 25px !important;
        margin-bottom: 10px
    }

    #cssmenu>ul>li {
        margin: 0 3px !important
    }

    #cssmenu>ul>li>a {
        font-size: 11px !important
    }

    #cssmenu ul ul li a {
        font-size: 11px !important
    }

    .dt-sc-service h2 {
        font-size: 25px
    }

    .dt-sc-service p {
        font-size: 13px
    }

    .taddress ul li {
        display: block
    }
}

@media (min-width: 1050px) and (max-width: 1300px) {
    #cssmenu>ul>li {
        margin: 0 3px !important
    }

    #cssmenu>ul>li>a {
        font-size: 11px !important
    }

    #cssmenu ul ul li a {
        font-size: 11px !important
    }

    .dt-sc-service h2 {
        font-size: 25px
    }

    .dt-sc-service p {
        font-size: 13px
    }

    .mnh {
        min-height: 290px !important
    }

    p {
        font-size: 13px !important
    }

    .dt-sc-ico-content.type2 .icon {
        min-height: 177px !important
    }

    .dt-sc-contact-form input[type=submit] {
        font-size: 15px
    }

    .foot-ul li a {
        font-size: 13px
    }

    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] {
        font-size: 13px;
        font-family: "Nunito", sans-serif
    }

    .dt-sc-contact-info {
        margin-bottom: 25px;
        padding-bottom: 5px
    }

    .main-title {
        font-size: 30px
    }

    .why-box {
        min-height: 270px;
        padding: 10px
    }

    .why-txt ul li {
        font-size: 13px
    }

    .why-head h3 {
        font-size: 15px;
        line-height: 25px
    }

    .columnn {
        margin: 20px 0 0 2%
    }

    .tabset>label {
        font-size: 14px;
        padding: 10px 15px 20px
    }

    .tab-panel h2 {
        font-size: 16px
    }

    .ra tbody tr td {
        font-size: 13px
    }

    .tab-label {
        padding: .5em;
        font-size: 13px
    }

    .ra thead tr th {
        font-size: 13px
    }

    .ra tbody tr td b {
        font-size: 12px
    }

    .columnmn {
        margin: 10px 6px 5px
    }

    .caption p {
        line-height: 20px
    }

    .tab ul li {
        font-size: 13px;
        padding: 0
    }

    .tab ul li i {
        font-size: 15px !important
    }

    .tab-content ul {
        margin-bottom: 10px
    }

    input:checked~.tab-content {
        max-height: 100vh;
        padding: .5em
    }

    .taddress ul li {
        font-size: 13px;
        line-height: 20px;
        margin: 10px 0;
        padding: 5px 0
    }

    .taddress ul li i {
        font-size: 18px;
        top: 3px;
        padding-bottom: 0 !important
    }

    .conte p {
        line-height: 15px
    }

    .submit-btn {
        padding: 15px 60px !important;
        font-size: 13px !important
    }

    .modal-ul-div ul li ul {
        margin: 0 !important
    }

    .wcs {
        margin: 20px 0 0 8% !important
    }

    .dt-sc-service-carousel .dt-sc-carousel li h1,
    .dt-sc-carousel li p {
        width: 100%;
        float: left !important
    }
}

.bsd img {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 3px 16px rgba(0, 0, 0, 0.02)
}

.dt-sc-client-carousel li a img {
    border: 2px solid #fb8129
}

.dt-sc-services {
    position: relative
}

.gr {
    position: absolute;
    bottom: 5px;
    left: 55px;
    font-size: 30px;
    font-weight: 600
}

.photo img {
    box-shadow: 10px 15px 25px 0 rgba(0, 0, 0, .2);
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: translateY(-10px)
}

.photo:hover img {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .1);
    transform: translateY(0px)
}

.photo .glow-wrap {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin-top: -10px
}

.photo .glow {
    display: block;
    position: absolute;
    width: 40%;
    height: 200%;
    background: rgba(255, 255, 255, .2);
    top: 0;
    filter: blur(5px);
    transform: rotate(45deg) translate(-450%, 0);
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.photo:hover .glow {
    transform: rotate(45deg) translate(450%, 0);
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.photo:hover img,
.photo:hover .glow-wrap {
    margin-top: 0
}

.seo-txt p {
    line-height: 30px;
    font-size: 17px;
}

.seo-txt a {
    color: #ff8f4a;
}

.seo-txt a:hover {
    text-decoration: underline;
} 

ul.seo_txt li {
    line-height: 30px;
    font-size: 17px;
}

.des {
    font-size: 25px;
    margin-bottom: 20px
}

.seo-txt p strong {
    font-weight: 700
}

.ppy {
    display: inline-block;
    color: #fb8129;
    margin-bottom: 10px;
    font-size: 23px;
    margin-top: 20px
}

.pph {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 10px
}

.lud {
    color: #333;
    text-align: right;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 17px
}

.inl {
    color: #fb8129
}

.str {
    font-weight: 600
}

.ppd {
    margin: 20px 0 10px;
    font-size: 17px;
    color: #f05737
}

html {
    scroll-behaviour: smooth
}

@media (min-width: 100px) and (max-width: 767px) {
    .ppy {
        font-size: 19px;
        line-height: 30px
    }

    .pro-text ul li {
        display: block
    }

    .pph {
        font-size: 17px;
        line-height: 30px
    }
}

.blog_col {
    border: 1px solid #ededed;
    text-align: center;

}

.blog_link {
    background-color: #ff8f4a;
    font-size: 18px;
    height: 60px;
    padding: 10px;
}

.blog_link a {
    color: #fff;
}

.blog_bnr {
    /*background-image: url('https://www.transconind.com/images/transcon/seo/s4.jpg');*/
    /*background-size: 100%;*/
    /*height: 600px;*/
    /*background-repeat: no-repeat;*/
}

.mv-1 {
    position: relative;
    left: -208px;
}

.why-txt ul {
    padding: 0;
}

.why-txt ul li {
    list-style: disc;
}

@media (max-width: 786px) {

    .wrapper,
    .inner-wrapper,
    #main {
        width: 100%;
        height: auto;
    }

    .mv-1 {
        position: relative;
        left: -37px !important;
    }

    .top_head_sec a {
        display: inline-block;
        text-transform: lowercase;
        /*padding: 5px 20px !important;*/
    }

    .top_head_sec {
        background-color: #252525;
    }

    div#main {
        position: relative;
        top: 80px;
    }
}

.top_head_sec {
    background-color: #ff8f4a;
    /*background-color: #c0caca;*/
    padding: 10px;
    text-align: center;
}

.top_head_sec a {
    color: white;
    font-size: 18px;
    padding: 0px 20px;
    /*text-decoration: underline;*/
}

@media only screen and (min-width: 1281px) and (max-width: 1500px) {

    .dt-sc-service-carousel .dt-sc-carousel li h2,
    .dt-sc-service-carousel .dt-sc-carousel li h1,
    .dt-sc-carousel li {
        width: 63%;
        color: #fff;
        font-size: 30px;
        font-weight: 600;
    }

    .dt-sc-service-carousel .dt-sc-carousel li h2,
    .dt-sc-carousel li p {
        width: 63%;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
    }
}

li.nav-item {
    font-size: 17px;
    padding-bottom: 0 !important;
}

.mv-2 {
    font-size: 52px;
}

@media only screen and (min-width: 1281px) and (max-width: 1500px) {
    .mv-2 {
        font-size: 30px;
    }
}

.mtb-50 {
    margin: 50px 0;
}

.seo-txt h2 {
    font-size: 29px;
    margin: 0 0 10px 0;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #ff9741 !important;

}

.nav-pills .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #a39797 !important;
    margin: auto 10px auto 0;
}

.tab-content {
    height: auto !important;
    max-height: unset !important;
    padding: 20px 0;
    color: #2c3e50;
    font-size: 17px;
    background: #e1e0e0;

}

.tab-content.csp p {
    margin: 20px;
}

.tab-content.csp ul {
    padding: 17px;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.fixed-button {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 10px;
    background-color: #ff8f4a;
    color: #fff;
    border: none;
    cursor: pointer;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    z-index: 99;
}

/* Modal container */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal content */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    border-radius: 10px;
}

/* Close button */
.close-button {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-button:hover,
.close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.popup-form {
    background-color: #fff;
    overflow: hidden;
}

.contact-form {
    margin-left: 20px
}

.popup-form:after {
    clear: both;
    display: table;
    content: ""
}


@media (max-width: 750px) {
    .modal-content { 
        width: 90%;
    }
}

.overlay {
    display: none;  /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Dark background */
    z-index: 1000;
}

.video-container {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60% !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0px;
}