/*
Theme Name: Super
Theme URI: http://wedesignthemes.com/themes/dt-super/
Author: the DesignThemes team
Author URI: http://themeforest.net/user/designthemes
Description: Super is a clean, flexible and fully responsive design! Built with HTML5 & CSS3, the clean design can be used for any type of website; business, corporate, portfolio, blog, products, photography, education, medical etc.Endless possiblities to modify layout, styling, fonts, colors, skins easily from the backend. 20 Pre-defined skins, Woo-Commerce support to build your shop in minutes, WPML multi language plugin compatiblity, 2 premium touch enabled & responsive 2D, 3D slider show plugins included, Parallax background option with images and video (self-hosted, youtube, vimeo), SEO friendly semantic markup etc.,
Version: 1.5.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar,custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: super
*/

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

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

body {
    line-height: 1;
}

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

blockquote, q {
    quotes: none;
}

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

del {
    text-decoration: line-through;
}

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

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

input, select {
    vertical-align: middle;
}

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

ol, ul {
    list-style: none;
}

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

/*----*****---- << General >> ----*****----*/

body {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    background: #ffffff;
    color: #868686;
}

/*----*****---- << Fonts >> ----*****----*/

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
}

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, select, input[type="search"], .wc-proceed-to-checkout .checkout-button {
    font-family: 'PT Sans', sans-serif;
}

/*----*****---- << Headings >> ----*****----*/

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

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

h1 {
    font-size: 40px;
    text-transform: uppercase;
}

h2 {
    font-size: 38px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

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

h6 {
    font-size: 18px;
    font-weight: 600;
}

.border-title {
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    float: left;
    clear: both;
    width: 100%;
}

.border-title span {
    width: 80px;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -3px;
}

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

.border-title.aligncenter span {
    right: 0px;
    margin: auto;
}

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

.border-title.alignright span {
    right: 0px;
    left: inherit;
}

/*----*****---- << Transition >> ----*****----*/

a, input[type=submit], button, input[type=button], .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type3 .icon, h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before, .dt-sc-ico-content.type8 .icon, .dt-sc-ico-content.type7 .icon, .dt-sc-ico-content.type6 .icon, .dt-sc-callout-box .icon, .entry-details .entry-metadata p a span, #buddypress div.item-list-tabs ul li a span, #buddypress div.activity-meta a, #buddypress div.activity-meta a span, .widget.widget_product_categories .product-categories li span, ul.side-nav li a:before {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

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

/*----*****---- << Text Elements >> ----*****----*/

a {
    text-decoration: none;
}

a:hover {
    color: #868686;
}

a img {
    border: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

address {
    display: block;
    margin: 10px 0px 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: -5px;
}

p {
    line-height: 24px;
    margin-bottom: 10px;
}

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

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

ul li {
    padding-bottom: 10px;
}

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

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

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

ol li {
    padding-bottom: 10px;
}

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

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

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

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

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

blockquote q {
    font-size: 26px;
    line-height: 38px;
    display: inline-block;
    font-style: italic;
    font-weight: 300;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

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

blockquote cite span {
    font-size: 20px;
}

blockquote p {
    margin-bottom: 0px;
}

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;
}

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

.hr {
    background: url(images/splitter.png) repeat-x;
    height: 10px;
    width: 100%;
    clear: both;
    display: block;
    float: left;
    margin: 40px 0px;
    position: relative;
    z-index: 1;
}

.hr-border {
    border: 4px double #D9D9D9;
    width: 100%;
    clear: both;
    display: block;
    float: left;
    margin: 50px 0px;
    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: transparent;
    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: 0px;
    padding: 0px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

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

.hidden {
    display: none !important;
}

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

.post-edit-link:hover {
    background: #4C4C4C;
    color: #ffffff;
    text-shadow: 0px 1px 0px #0e4b6e;
}

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

.page-link a {
    background: #f3f3f3;
    color: #868686;
    font-weight: bold;
    padding: 2px 10px;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
}

.page-link a span {
    background: none;
    color: #868686;
    padding: 0px;
    margin: 0px;
}

.page-link span {
    color: #ffffff;
    font-weight: bold;
    padding: 2px 10px;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
}

.page-link a:hover {
    background: #868686;
}

.page-link a:hover span {
    color: #ffffff;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

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

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

th {
    color: #ffffff;
    border-bottom: 1px solid #dfdfdf;
    padding: 15px;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

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

tbody tr:nth-child(2n+1) td {
    background: #ffffff;
}

tbody td .dt-sc-button.small {
    padding: 7px 14px;
    font-size: 12px;
    margin: 0px;
}

th a, th a:hover {
    color: #ffffff;
}

th a:hover {
    text-decoration: underline;
}

/*----*****---- << Definition Lists >> ----*****----*/

dl {
    margin: 0px 20px;
}

dl.gallery-item {
    margin: 0px;
}

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

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

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

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

/*----*****---- << Forms >> ----*****----*/

label {
    color: #868686;
}

label span {
    color: #b4b4b4;
}

label span.required {
    color: #ff0000;
}

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

legend {
    font-weight: bold;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"] {
    background: #ffffff;
    border: 1px solid #dddddd;
    color: #868686;
    padding: 12px 2%;
    display: block;
    font-size: 14px;
    margin: 10px 0 10px;
    width: 96%;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, textarea:focus, input.text:focus, input[type="search"]:focus {
    border-color: #dadada;
}

textarea {
    height: 190px;
    overflow: auto;
}

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

select option {
    background: #ffffff;
}

select {
    height: 50px;
    background-color: #ffffff;
    color: #808080;
    background-image: url(images/select-box.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    width: 100%;
    margin: 6px 0px 10px;
    padding: 15px 50px 14px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: '';
}

input[type="submit"], button, input[type="button"] {
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0px 0px;
    font-size: 14px;
    padding: 11px 20px;
    float: right;
    cursor: pointer;
    border-radius: 3px;
}

input[type="submit"]:hover, button:hover, input[type="button"]:hover, .wc-proceed-to-checkout .checkout-button:hover {
    background: #868686;
}

#searchform {
    clear: both;
}

.ie9 button {
    width: auto;
    overflow: visible;
    padding: 5px 20px !important;
}

.ie9 button.single_add_to_cart_button {
    padding: 11px 20px !important;
}

/*----*****---- << Images >> ----*****----*/

img {
    max-width: 100%;
}

.ie8 img {
    width: auto;
}

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

.wp-caption {
    background: #ededed;
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 96%;
    padding: 5px 7px 7px 5px;
    text-align: center;
}

.wp-caption img {
    display: block;
    margin: 0 auto;
    padding: 6px;
    max-width: 98%;
}

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

.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;
    margin-right: 20px;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
}

.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;
}

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

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

/*----*****---- << Widgets >> ----*****----*/

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

.widget h3.widgettitle {
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 24px;
    float: left;
    clear: both;
    width: 100%;
}

.widget h3.widgettitle span {
    width: 80px;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -3px;
}

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

.widget ul li {
    line-height: 20px;
    float: left;
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 0px;
}

.widget ul li a {
    color: #868686;
}

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

.widget ul ul li {
    width: 90%;
}

.widget ul li {
    position: relative;
    padding: 6px 0px 6px 15px; /*line-height:35px;*/
}

.widget ul li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    position: absolute;
    top: 6px;
    left: 0px;
    content: "\f105";
}

.widget ul#recentcomments li {
    color: #868686;
}

.widget ul#recentcomments li a {
    color: #181818;
}

.widget.widget_archive ul li {
    position: relative;
}

.widget_categories ul, .widget.widget_archive ul, .widget.widget_meta ul {
    margin-top: -12px;
}

.widget_categories ul li, .widget.widget_archive ul li {
    position: relative;
    float: none;
    display: block;
    margin: 0px 0px 10px;
    padding: 0px;
    margin: 0px;
}

.widget_categories ul li a, .widget.widget_archive ul li a {
    font-size: 14px;
    padding: 0px 45px 0px 15px;
    margin-bottom: 5px;
    display: block;
    line-height: 35px;
    border-bottom: 1px solid #ededed;
}

.widget_categories ul li a span, .widget.widget_archive ul li a span {
    position: absolute;
    right: 0px;
}

.widget_categories ul li a:before, .widget_archive ul li a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 0px;
    content: "\f105";
}

.widget.widget_archive ul li a {
    border: 0px;
    line-height: 30px;
}

.widget_archive ul li a:before {
    top: 0px;
}

.widget_categories ul li:before, .widget.widget_archive ul li:before {
    content: "";
}

.widget .recent-posts-widget ul li {
    padding: 0px 0px 25px;
}

.widget .recent-posts-widget ul li:last-child {
    padding: 0px;
}

.widget .recent-posts-widget ul li:before {
    content: "";
}

.widget .recent-posts-widget ul li .entry-meta {
    position: inherit;
    float: left;
    margin-right: 10px;
}

.widget .recent-posts-widget ul li .entry-details .entry-title h4 {
    font-size: 16px;
    line-height: 22px;
}

.widget .recent-posts-widget ul li .entry-details .entry-title h4 a {
    color: #181818;
}

.widget .recent-posts-widget ul li .entry-details .entry-metadata {
    float: none;
    display: block;
    margin: 0px;
}

.widget .recent-posts-widget ul li .entry-body {
    display: block;
    clear: both;
    margin: 10px 0px 0px;
    float: left;
    width: 100%;
}

.widget .recent-posts-widget ul li .entry-meta .date .month {
    padding: 6px 0px;
    font-weight: 300;
}

.widget .recent-posts-widget ul li .entry-meta .date .day {
    padding: 5px 0px;
    font-size: 20px;
    font-weight: 300;
}

.widget .recent-posts-widget ul li .entry-details .entry-metadata p {
    line-height: normal;
}

.widget .mailchimp-form {
    margin: 0px;
    float: left;
    clear: both;
    width: 100%;
}

.widget .mailchimp-form input[type="submit"] {
    font-size: 12px;
    padding: 10px 15px;
}

.widget ul.tweet_list li {
    padding: 0px 0px 20px;
    line-height: 22px;
}

.widget ul.tweet_list li:last-child {
    padding: 0px;
}

.widget ul.tweet_list li:before {
    content: "";
}

.widget ul.tweet_list li .tweet-thumb {
    float: left;
    margin: 5px 10px 10px 0px;
    border: 1px solid #dddddd;
    padding: 0px;
}

.widget ul.tweet_list li .tweet-time {
    color: #bbbbbb;
}

.widget ul.tweet_list li a:hover {
    color: #181818;
}

.widget .search-form {
    width: 100%;
}

.widget .search-form input[type="search"] {
    margin-top: 0px;
}

.widget .search-form label span {
    display: none;
}

.widget .search-form input[type="text"], .widget .search-form input[type="search"], .widget .mailchimp-form input[type="email"] {
    padding: 12px 5%;
    width: 89%;
    float: left;
}

.widget .tagcloud a {
    font-size: 12px !important;
    padding: 8px 15px;
    line-height: normal;
    float: left;
    margin: 0px 5px 5px 0px;
    cursor: pointer;
    font-weight: normal;
    text-transform: uppercase;
    outline: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    border: 1px solid;
    border-radius: 3px;
}

.widget .tagcloud a:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    border-radius: 3px;
}

.widget .tagcloud a:hover, .widget .tagcloud a:active {
    color: #ffffff;
}

.widget .tagcloud a:hover:after, .widget .tagcloud a:active:after {
    height: 100%;
}

.widget #wp-calendar caption {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
}

.widget #wp-calendar th {
    padding: 10px;
}

.widget #wp-calendar td {
    padding: 9px 10px;
}

.widget.flickrbox .flickr-widget div {
    float: left;
    max-width: 75px;
    margin: 0px 7px 7px 0px;
}

.widget.flickrbox .flickr-widget div img {
    height: auto;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}

.widget.flickrbox .flickr-widget div img:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.widget .recent-portfolio-widget li {
    padding: 0px;
    width: 100%;
    margin-bottom: 10px;
}

.widget .recent-portfolio-widget li:before {
    content: "";
}

.widget .recent-portfolio-widget li .thumb {
    float: left;
    margin: 0px 15px 10px 0px;
}

.widget .recent-portfolio-widget li .thumb img {
    max-width: 100px;
    height: auto;
}

.widget .recent-portfolio-widget li h6 {
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 16px;
    margin-top: -2px;
}

.widget .rev_slider_wrapper {
    clear: both;
}

.widget_rss .rsswidget img {
    display: none;
}

.widget.widget_rss li a {
    color: #181818;
}

.widget.widget_rss .rss-date {
    clear: both;
    display: block;
    margin: 5px 0px;
}

.widget.widget_rss .rss-date, .widget.widget_rss cite {
    color: #bbbbbb;
}

.widget.widget_rss li:before {
    content: "\f09e";
    font-size: 10px;
    color: #181818;
}

.secondary-sidebar .widget #wp-calendar th, .secondary-sidebar .widget #wp-calendar td {
    padding: 8px;
}

.secondary-sidebar .widget.flickrbox .flickr-widget div, .secondary-sidebar .widget.flickrbox .flickr-widget div {
    max-width: 66px;
}

.secondary-sidebar img, .secondary-sidebar img {
    max-width: 100%;
}

#footer .widget .dt-sc-social-icons {
    margin-bottom: -15px;
}

/*----*****---- << Layout >> ----*****----*/

/*----*****---- << Container >> ----*****----*/

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

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

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

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

.boxed .inner-wrapper {
    background: #ffffff;
    border: 1px solid #ededed;
    border-top: 0px;
    border-bottom: 0px;
}

.boxed #header, .boxed #main {
    background: none;
}

.boxed .is-sticky #header-wrapper {
    width: 1200px;
}

.boxed #logo {
    width: 25%;
    margin-left: -1px;
}

.boxed #main-menu {
    width: 75%;
}

.boxed #main-menu > ul.menu > li > a {
    padding: 0px 25px;
}

.boxed #header.header2 #main-menu > ul.menu > li > a {
    padding-left: 35px;
    padding-right: 20px;
}

.boxed #header.header2 #main-menu > ul.menu > li > a i {
    font-size: 12px;
}

.boxed #header.header3 #main-menu > ul.menu > li > a {
    padding: 20px 11px 20px 36px;
}

.boxed #header.header3 #main-menu > ul.menu > li > a i {
    font-size: 16px;
    left: 9px;
}

.fullwidth-section, #footer .footer-widgets-wrapper, .widget ul.tweet_list li .tweet-thumb, #logo a, #slider, .portfolio, sub, sup, .entry-thumb, .widget.flickrbox .flickr-widget div {
    line-height: 0px;
}

.fullwidth-section .container, #footer .footer-widgets-wrapper .container {
    line-height: 22px;
}

/*----*****---- << Header >> ----*****----*/
#header-wrapper {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#header {
    width: 100%;
    margin: 0px 0px -1px;
    padding: 0px;
    float: left;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    z-index: 999;
}

#logo {
    float: left;
    display: inline;
    padding: 0px;
    width: auto;
    width: 60%;
    margin: 0px;
}

#logo a {
    width: auto;
    display: block;
    float: left
}

#logo a img {
    max-width: 100%;
}

/*----*****---- << Header Options >> ----*****----*/
#header.header1 .container, #header.header3 .container, #header.header2 .container {
    width: 100%;
}

#header.header1 #main-menu > ul.menu > li > a i, #header.header1 #main-menu > ul.menu > li > a .menu-item-description {
    display: none;
}

#header.header4 #logo, #header.header5 #logo {
    width: 30%; /*border-left:1px solid #e8e8e8; padding-left:20px;*/
    margin-left: 0px;
}

#header.header4 #main-menu, #header.header5 #main-menu {
    width: 100%;
}

#header.header4 #main-menu > ul.menu, #header.header5 #main-menu > ul.menu {
    float: left;
}

#header.header4 #main-menu > ul.menu > li:last-child > a, #header.header5 #main-menu > ul.menu > li:last-child > a {
    border-right: 1px solid #e8e8e8;
}

#header.header4 #main-menu > ul.menu > li > a, #header.header5 #main-menu > ul.menu > li > a {
    line-height: 20px;
    position: relative;
    padding: 20px 16px 20px 55px;
}

#main-menu > ul.menu > li > a i {
    position: absolute;
    left: 16px;
    top: 0px;
    margin: 0px 5px 0px 0px;
    font-size: 30px;
    line-height: 80px;
}

#main-menu > ul.menu > li > a span {
    display: inline-block;
    font-size: 12px;
    color: #9c9c9c;
    display: table;
}

#header.header3 #main-menu > ul.menu > li > a {
    line-height: 20px;
    position: relative;
    padding: 20px 11px 20px 44px;
}

#header.header3 #main-menu > ul.menu > li > a i {
    font-size: 24px;
    left: 12px;
}

#header.header2 #main-menu > ul.menu > li > a .menu-item-description {
    display: none;
}

#header.header2 #main-menu > ul.menu > li > a {
    padding-left: 43px;
    padding-right: 16px;
}

#header.header2 #main-menu > ul.menu > li > a i {
    font-size: 16px;
}

#header .contact-details {
    float: right;
    margin: 19px 0px 0px;
    padding: 0px;
}

#header .contact-details p {
    margin: 0px;
}

#header .contact-details p span {
    float: left;
    margin: 0px 10px 0px 0px;
    line-height: 22px;
    color: #181818;
}

#header .contact-details p a {
    color: #868686;
}

#header .sociable-details {
    float: right;
    margin: 21px 0px 0px;
}

#header .sociable-details .dt-sc-social-icons li a {
    width: 40px;
    height: 35px;
}

#header .sociable-details .dt-sc-social-icons li:after {
    width: 40px;
}

#header .sociable-details .dt-sc-social-icons li:hover:after {
    height: 35px;
}

#header .sociable-details .dt-sc-social-icons li {
    margin-right: 0px;
}

/*----*****---- << Sticky Header >> ----*****----*/

.header-wrapper-sticky-wrapper {
    max-width: 100%;
    width: 100%;
}

.is-sticky #header {
    background: rgba(255, 255, 255, 0.9);
}

.is-sticky #header-wrapper {
    z-index: 9999;
}

.is-sticky #header.header4 > .container, .is-sticky #header.header5 > .container {
    display: none;
}

.is-sticky #header #main-menu > ul.menu > li > a {
    line-height: 56px;
}

.is-sticky #header {
    height: 56px;
}

.is-sticky #header .container, .is-sticky #header #logo, .is-sticky #header #logo a {
    height: 100%;
}

.is-sticky #header #logo a img {
    max-height: 54px;
}

.is-sticky #main-menu > ul.menu > li > a i {
    line-height: 56px;
}

.is-sticky #header.header4, .is-sticky #header.header5 {
    height: auto;
}

.is-sticky #header.header4 #main-menu > ul.menu > li > a, .is-sticky #header.header5 #main-menu > ul.menu > li > a, .is-sticky #header.header3 #main-menu > ul.menu > li > a {
    padding: 8px 16px 8px 55px;
    line-height: 20px;
}

#header #main-menu > ul.menu > li > a, #main-menu > ul.menu > li > span.nolink-menu {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.is-sticky .megamenu-child-container {
    top: 56px;
}

.is-sticky #main-menu ul li.menu-item-simple-parent > ul {
    top: 46px;
}

.boxed .is-sticky #header.header2 #main-menu > ul.menu > li > a {
    padding-left: 36px;
}

.boxed .is-sticky #header.header3 #main-menu > ul.menu > li > a {
    padding: 8px 11px 8px 36px;
}

.boxed .is-sticky #header.header4 #main-menu > ul.menu > li > a, .boxed .is-sticky #header.header5 #main-menu > ul.menu > li > a {
    padding: 8px 20px 8px 51px;
}

.boxed .is-sticky #header.header4 #main-menu > ul.menu > li > a i, .boxed .is-sticky #header.header5 #main-menu > ul.menu > li > a i {
    font-size: 24px;
}

/************* Menu ************/

.main-menu-wrapper {
    width: 100%;
    float: left;
    clear: both;
    border-top: 1px solid #dfdfdf;
}

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

#main-menu > ul.menu {
    float: right;
    margin: -1px 0px;
    padding: 0px;
}

#main-menu > ul.menu > li {
    margin: 0px;
    padding: 0px;
    margin: 0px;
    display: inline;
    float: left;
    position: relative;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}

#main-menu > ul.menu > li > a, #main-menu > ul.menu > li > span.nolink-menu {
    display: block;
    padding: 0px 30px;
    margin: 0px;
    font-size: 15px;
    line-height: 80px;
    color: #181818;
}

/*#main-menu > ul.menu > li.current_page_item span, #main-menu > ul.menu > li.current-menu-ancestor span { display:block; }	*/
#main-menu > ul > li.current_page_item, #main-menu > ul > li.current_page_ancestor, #main-menu > ul > li.current-menu-item, #main-menu > ul > li.current-menu-ancestor {
    border-top: 1px solid;
}

/****** Simple Drop Down Menu *****/

#main-menu ul li.menu-item-simple-parent ul, #main-menu ul li.menu-item-simple-parent ul li ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul {
    display: none;
}

#main-menu ul li.menu-item-simple-parent ul {
    width: 220px;
    background: #ffffff;
    border-top: 1px solid;
    padding: 10px 0px 10px;
    position: absolute;
    top: 70px;
    left: 0px;
    float: left;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}

#main-menu ul li.menu-item-simple-parent ul li {
    display: block;
    padding: 0px 15px;
    position: relative;
}

#main-menu ul li.menu-item-simple-parent ul li a {
    color: #2d2d29;
    position: relative;
    padding: 10px 0px 10px 12px;
    font-size: 13px;
    border-bottom: 1px solid #e8e8e8;
    display: block;
}

#main-menu ul li.menu-item-simple-parent ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    position: absolute;
    top: 11px;
    left: 0px;
}

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

#main-menu ul li.menu-item-simple-parent ul li ul {
    left: 220px;
    top: -10px;
    border-top: 0px;
    border-left: 1px solid;
    padding-top: 5px;
}

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

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

/****** Mega Menu *****/

#main-menu > ul.menu > li > .megamenu-child-container {
    display: none;
}

.megamenu-child-container {
    background: #ffffff;
    border-top: 1px solid;
    padding: 10px 10px 0px;
    position: absolute;
    top: 80px;
    left: 0px;
    float: left;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}

.megamenu-2-columns-group .megamenu-child-container {
    width: 500px;
}

.megamenu-3-columns-group .megamenu-child-container {
    width: 750px;
}

.megamenu-4-columns-group .megamenu-child-container {
    width: 1000px;
}

.megamenu-child-container > ul.sub-menu > li {
    width: 220px;
    padding: 15px;
    float: left;
    display: inline;
}

.megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth {
    width: 470px;
    display: block;
}

.megamenu-3-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth {
    width: 720px;
    display: block;
}

.megamenu-4-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth {
    width: 970px;
    display: block;
}

.megamenu-child-container > ul.sub-menu {
    padding: 0px;
    margin: 0px;
}

.megamenu-child-container > ul.sub-menu > li > a, .megamenu-child-container > ul.sub-menu > li > .nolink-menu {
    background: #f3f3f3;
    color: #2d2d29;
    padding: 10px 12px;
    display: block;
    font-size: 13px;
    font-weight: bold;
}

.megamenu-child-container > ul.sub-menu > li > a .menu-item-description, .menu-item-description {
    color: #b1b1b1;
    display: block;
    font-weight: normal;
    padding: 0px;
}

.dt-megamenu-custom-content {
    display: block;
    padding: 10px 0px 0px;
}

.megamenu-child-container ul.sub-menu > li > ul {
    padding: 10px 0px 0px;
}

.megamenu-child-container ul.sub-menu > li > ul li {
    display: block;
}

.megamenu-child-container ul.sub-menu > li > ul li a {
    color: #2d2d29;
    position: relative;
    padding: 0px 0px 10px 12px;
    font-size: 13px;
    border-bottom: 1px solid #eeeeee;
    display: block;
}

.megamenu-child-container ul.sub-menu > li > ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 0px;
}

.megamenu-child-container ul.sub-menu > li > ul li:last-child a {
    border: none;
}

.megamenu-child-container ul.sub-menu > li > ul > li > ul {
    padding-left: 20px;
}

.megamenu-child-container > ul.sub-menu > li > a:hover, .megamenu-child-container > ul.sub-menu > li > a:hover .menu-item-description {
    color: #ffffff;
}

.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link > .nolink-menu {
    padding: 0px;
}

.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link ul.sub-menu {
    padding-top: 0px;
}

.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link img {
    max-width: 100%;
}

/*----*****---- << Main >> ----*****----*/

#main {
    width: 100%;
    margin: 0px;
    padding: 0px 0px 85px;
    float: left;
}

#primary {
    width: 820px;
    margin: 0px;
    padding: 0px;
    float: left;
}

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

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

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

#primary.page-with-both-sidebar {
    width: 580px;
    float: left;
    margin: 0px 20px;
}

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

#secondary-right.secondary-has-right-sidebar {
    float: right;
}

#secondary-left.secondary-has-left-sidebar {
    float: left;
}

#secondary.secondary-has-both-sidebar {
    margin: 0px;
}

.side-navigation {
    width: 27%;
    float: left;
    margin: 0px 2% 0px 0px;
    padding: 0px;
}

.side-navigation-content {
    width: 71%;
    float: left;
    margin: 0px;
    padding: 0px;
}

#slider {
    float: left;
    clear: both;
    width: 100%;
    margin: 1px 0px 0px;
    padding: 0px;
}

#slider img {
    max-width: 100%;
}

/*----*****---- << Fullwidth - Page Title >> ----*****----*/

.fullwidth-background {
    width: 100%;
    margin: 0px 0px 65px;
    padding: 0px;
    float: left;
    clear: both;
    background-attachment: fixed !important;
}

.fullwidth-background .fullwidth-background-wrapper {
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    margin: 0px;
    padding: 35px 0px;
}

.fullwidth-background.dark-bg .fullwidth-background-wrapper {
    background: rgba(0, 0, 0, 0.9);
}

.fullwidth-background.dark-bg h1, .fullwidth-background.dark-bg h4, .fullwidth-background.dark-bg .main-title, .fullwidth-background.dark-bg .main-title-icon, .fullwidth-background.dark-bg .main-title-icon {
    color: #ffffff;
}

.fullwidth-background.dark-bg .main-title, .fullwidth-background.dark-bg .main-title-icon {
    border-color: #ffffff;
}

.fullwidth-section.dark-bg h1, .fullwidth-section.dark-bg h2, .fullwidth-section.dark-bg h3, .fullwidth-section.dark-bg h4, .fullwidth-section.dark-bg h5, .fullwidth-section.dark-bg h6, .fullwidth-section.dark-bg h1 a, .fullwidth-section.dark-bg h2 a, .fullwidth-section.dark-bg h3 a, .fullwidth-section.dark-bg h4 a, .fullwidth-section.dark-bg h5 a, .fullwidth-section.dark-bg h6 a, .fullwidth-section.dark-bg .main-title-icon, .fullwidth-section.dark-bg a:hover {
    color: #ffffff;
}

.fullwidth-section.dark-bg .main-title, .fullwidth-section.dark-bg .main-title-icon {
    border-color: #ffffff;
}

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

.fullwidth-section img.aligncenter {
    margin-bottom: 0px;
}

.page-template-tpl-fullwidth-php #main {
    padding-bottom: 0px;
}

.main-title-wrapper {
    float: left;
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.main-title-wrapper span.main-title-icon {
    font-size: 30px;
    color: #181818;
    width: 64px;
    height: 64px;
    border: 2px solid #868686;
    border-radius: 66px;
    text-align: center;
    line-height: 64px;
    float: left;
    margin: 8px 30px 0px 0px;
    padding: 0px;
}

.main-title {
    float: left;
    border-left: 1px solid #181818;
    padding: 0px 0px 0px 30px;
    margin: 0px;
    min-height: 85px;
}

.main-title h1, .main-title h2, .main-title h4 {
    margin-bottom: 0px;
    line-height: 48px;
}

.main-title h4 {
    line-height: 36px;
}

.content-slider h2 {
    color: #868686;
    padding-bottom: 30px;
    text-transform: none;
}

.content-slider h2.border-title span {
    bottom: -15px;
}

.content-slider img {
    margin: -45px 0px 0px;
    display: block;
}

/*----*****---- << Portfolio >> ----*****----*/

.portfolio {
    position: relative;
    overflow: hidden;
}

.portfolio.column {
    margin-bottom: 20px;
}

.portfolio.column.no-space {
    margin-bottom: 0px;
}

.portfolio {
    margin-bottom: 10px;
}

.column.no-space .portfolio {
    margin-bottom: 0px;
}

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

.dt-sc-portfolio-container .portfolio {
    margin-left: 0px;
}

.dt-sc-sorting-container a {
    font-size: 14px;
    padding: 10px 20px;
    line-height: normal;
    float: left;
    margin: 0px -1px 10px 0px;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    outline: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    border: 1px solid #dfdfdf;
    color: #181818;
}

.dt-sc-sorting-container a:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.dt-sc-sorting-container a:hover, .dt-sc-sorting-container a.active-sort {
    color: #ffffff;
}

.dt-sc-sorting-container a:hover:after {
    height: 100%;
}

.dt-sc-sorting-container a:first-child {
    border-radius: 3px 0px 0px 3px;
}

.dt-sc-sorting-container a:last-child {
    border-radius: 0px 3px 3px 0px;
}

.portfolio figure {
    overflow: hidden;
}

.portfolio figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .portfolio figure:hover img, .portfolio figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.portfolio figcaption {
    position: absolute;
    float: left;
    background: #ffffff;
    padding: 20px 3%;
    width: 94%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    ::i-block-chrome, .portfolio figcaption {
        width: 94.4%;
    }
}

.no-touch .portfolio figure:hover figcaption, .portfolio figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.portfolio .fig-title {
    float: left;
}

.portfolio figcaption h5, .portfolio figcaption h6 {
    margin-bottom: 5px;
    line-height: 20px;
}

.portfolio figcaption h5 {
    text-transform: uppercase;
    line-height: 20px;
}

.portfolio figcaption h6 {
    font-weight: normal;
}

.portfolio .fig-overlay {
    float: right;
    margin: 7px 0px 0px;
}

.portfolio .fig-overlay a {
    border: 1px solid #181818;
    width: 38px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    margin: 0px -1px 0px 0px;
    font-size: 18px;
    color: #181818;
    text-align: center;
    float: left;
}

.portfolio .fig-overlay a {
    outline: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    border: 1px solid;
}

.portfolio .fig-overlay a:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.portfolio .fig-overlay a:hover, .portfolio .fig-overlay a:active {
    color: #ffffff;
}

.portfolio .fig-overlay a:hover:after, .portfolio .fig-overlay a:active:after {
    height: 100%;
}

.portfolio .fig-overlay a:hover {
    z-index: 10;
}

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

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

.project-details p span {
    font-size: 16px;
    font-weight: bold;
    width: 100px;
    display: inline-block;
    color: #868686;
}

.project-details p a {
    color: #868686;
}

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

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

.ajax-controls .ajax-close:hover {
    color: #ffffff;
}

.ajax-controls {
    float: left;
    margin: 20px 0px 0px;
    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: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

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

/* Portfolio Single */
.portfolio-single {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.portfolio-slider-container {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 20px;
    position: relative;
}

.two-third .portfolio-slider-container {
    margin-bottom: 0px;
}

.portfolio-slider {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0px;
}

.portfolio-single .bx-wrapper {
    margin-bottom: 20px;
}

.portfolio-single .bx-wrapper {
    margin-bottom: 0px;
}

.portfolio-slider li {
    width: 100%;
    display: block;
    padding: 0px;
    float: left;
    position: relative;
    margin-bottom: 15px;
    margin-right: 10px;
    background: none;
}

.portfolio-slider li img {
    display: block;
}

.portfolio-slider-container .bx-controls-direction {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.portfolio-slider-container .bx-controls-direction a {
    text-indent: -9999px;
    z-index: 100;
    position: absolute;
    top: 41%;
    width: 39px;
    height: 72px;
    float: left;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.portfolio-slider-container .bx-controls-direction a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.portfolio-slider-container .bx-controls-direction a.bx-prev {
    left: 10px;
}

.portfolio-slider-container .bx-controls-direction a.bx-next {
    right: 10px;
}

.portfolio-single h3 {
    text-transform: none;
    margin-bottom: 20px;
}

.portfolio-single h6 {
    color: #919191;
    font-weight: 300;
    margin: -10px 0px 20px;
}

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

.portfolio-single .bx-wrapper {
    position: relative;
}

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

.bx-controls a.bx-prev {
    background: rgba(0, 0, 0, 0.5) url(images/slider-prev-arrow-white.png) center center no-repeat;
    left: 0;
}

.bx-controls a.bx-next {
    background: rgba(0, 0, 0, 0.5) url(images/slider-next-arrow-white.png) center center no-repeat;
    right: 0;
}

.post-nav-container {
    float: left;
    width: 100%;
    margin: 30px 0px 0px;
    padding: 15px 0px;
    clear: both;
    border-bottom: 1px dotted #888888;
    border-top: 1px dotted #888888;
}

.post-nav-container a {
    font-weight: normal;
}

.post-nav-container a span {
    font-size: 12px;
    font-weight: normal;
    color: #2d2d29;
    font-style: italic;
}

.post-nav-container .post-prev-link {
    float: left;
}

.post-nav-container .post-next-link {
    float: right;
}

.portfolio-single .right-gallery.dt-sc-two-third {
    margin-left: 2%;
    float: right;
    margin-right: 0px;
}

.portfolio-single .dt-sc-one-third.last {
    margin-left: 0px;
}

.portfolio-single .dt-sc-two-third {
    margin-right: 2%;
}

.pp_nav p {
    line-height: 12px;
}

/* Two column */
.page-with-sidebar .portfolio.with-space.dt-sc-one-half {
    width: 48.8%;
}

.page-with-both-sidebar .portfolio.with-space.dt-sc-one-half {
    width: 48%;
}

.page-with-both-sidebar .portfolio.with-space.dt-sc-one-half figcaption h5 {
    font-size: 15px;
}

.page-with-both-sidebar .portfolio.with-space.dt-sc-one-half figcaption h6 {
    font-size: 14px;
}

/* Three column */
.page-with-sidebar .portfolio.with-space.dt-sc-one-third {
    width: 31.6%;
}

.page-with-both-sidebar .portfolio.with-space.dt-sc-one-third {
    width: 31%;
}

.page-with-sidebar .portfolio.with-space.dt-sc-one-third figcaption h5, .page-with-sidebar .portfolio.with-space.dt-sc-one-third figcaption h6, .page-with-both-sidebar .portfolio.dt-sc-one-third figcaption h5, .page-with-both-sidebar .portfolio.dt-sc-one-third figcaption h6 {
    font-size: 13px;
}

.page-with-both-sidebar .portfolio.dt-sc-one-third figcaption h6 {
    display: none;
}

.page-with-both-sidebar .portfolio.dt-sc-one-third .fig-title {
    width: 64%;
}

.page-with-both-sidebar .portfolio.dt-sc-one-third .fig-overlay a {
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 14px;
}

.page-with-sidebar .portfolio.dt-sc-one-third figcaption {
    padding: 10px 3%;
}

/* four column */
.container .portfolio.dt-sc-one-fourth figcaption, .portfolio.dt-sc-one-sixth figcaption {
    padding: 12px 3%;
}

.container .portfolio.dt-sc-one-fourth figcaption h5, .portfolio.dt-sc-one-sixth figcaption h5, .container .portfolio.dt-sc-one-fourth figcaption h6, .portfolio.dt-sc-one-sixth figcaption h6 {
    font-size: 14px;
}

.container .portfolio.dt-sc-one-fourth .fig-overlay a, .portfolio.dt-sc-one-sixth .fig-overlay a {
    height: 28px;
    width: 28px;
    line-height: 28px;
    font-size: 14px;
}

.page-with-sidebar .portfolio.with-space.dt-sc-one-fourth {
    width: 23%;
}

.page-with-sidebar .portfolio.dt-sc-one-fourth .fig-title {
    width: 64%;
}

.page-with-sidebar .portfolio.dt-sc-one-fourth figcaption h6 {
    display: none;
}

.page-with-both-sidebar .portfolio.with-space.dt-sc-one-fourth {
    width: 22.2%;
}

.page-with-both-sidebar .portfolio.dt-sc-one-fourth .fig-title {
    width: 100%;
    text-align: center;
}

.page-with-both-sidebar .portfolio.dt-sc-one-fourth figcaption h5 {
    font-size: 11px;
    line-height: 14px;
}

.page-with-both-sidebar .portfolio.dt-sc-one-fourth .fig-overlay {
    float: none;
    text-align: center;
}

.page-with-both-sidebar .portfolio.dt-sc-one-fourth .fig-overlay a {
    float: none;
    margin-right: -4px;
}

.page-with-both-sidebar .portfolio.dt-sc-one-fourth .fig-overlay a {
    font-size: 10px;
    height: 18px;
    width: 18px;
    line-height: 18px;
}

.page-with-sidebar .portfolio.dt-sc-one-fourth figcaption {
    padding: 10px 3%;
}

/*----*****---- << Blog >> ----*****----*/

.blog-entry {
    width: 100%;
    margin: 0px 0px 30px;
    padding: 0px 0px 30px;
    float: left;
    clear: both;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.blog-entry-inner {
    padding: 0px 0px 0px 80px;
    min-height: 155px;
}

.blog-entry.no-border {
    border: none;
    padding-bottom: 0px;
}

.blog-single-entry {
    border-bottom: 0px;
}

.blog-thumb {
    display: block;
    width: 100%;
}

.blog-thumb .blog-entry {
    padding-bottom: 30px;
}

.blog-thumb .entry-thumb {
    width: 33%;
    float: left;
    margin: 0px 2% 0px 0px;
    padding: 0px;
}

.blog-thumb .entry-details {
    float: left;
    width: 65%;
    margin: 0px;
    padding: 0px;
}

.entry-meta {
    width: 60px;
    text-align: center;
    position: absolute;
    left: 0;
    padding: 0px;
}

.entry-meta .entry_format {
    border-left: 4px solid;
    display: block;
    color: #ffffff;
    padding: 0px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 54px;
    text-align: center;
    text-decoration: inherit;
    height: 50px;
    position: relative;
}

.entry-meta .entry_format:after {
    content: "\f15c";
}

.entry-meta .date {
    border-left: 4px solid;
    padding: 0px;
    margin: 0px;
    color: #181818;
}

.entry-meta .date .day {
    background: #f3f3f3;
    font-size: 28px;
    font-weight: 600;
    padding: 10px 0px;
    margin: 0px;
}

.entry-meta .date .month {
    background: #e9e9e9;
    font-size: 13px;
    padding: 7px 0px;
    line-height: 16px;
    margin: 0px;
}

.format-gallery .entry-meta .entry_format:after {
    content: "\f030";
}

.format-video .entry-meta .entry_format:after {
    content: "\f008";
}

.format-aside .entry-meta .entry_format:after {
    content: "\f036";
}

.format-chat .entry-meta .entry_format:after {
    content: "\f086";
}

.format-quote .entry-meta .entry_format:after {
    content: "\f10d";
}

.format-audio .entry-meta .entry_format:after {
    content: "\f001";
}

.format-link .entry-meta .entry_format:after {
    content: "\f0c1";
}

.format-standard .entry-meta .entry_format:after {
    content: "\f15c";
}

.format-image .entry-meta .entry_format:after {
    content: "\f03e";
}

.format-status .entry-meta .entry_format:after {
    content: "\f075";
}

.entry-thumb {
    display: block;
    padding: 0px 0px 15px;
}

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

.ie8 .entry-thumb img {
    width: auto;
}

.entry-details {
    display: block;
    margin: 0px;
    padding: 0px;
}

.entry-details .entry-title h4 {
    margin-bottom: 5px;
    font-size: 20px;
}

.entry-details .read-more {
    float: right;
    margin-top: 7px;
}

.entry-details .read-more.dt-sc-button.small {
    padding: 8px 6px 8px 13px;
}

.entry-details .entry-metadata {
    float: left;
    width: 100%;
    margin: 0px 0px 15px;
}

.entry-details .entry-metadata p {
    color: #868686;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    float: none;
}

.entry-details .entry-metadata span {
    display: inline-block;
    margin: 0px 5px;
    line-height: normal;
}

.entry-details .entry-metadata p a {
    color: #181818;
}

.entry-details .entry-metadata p a span {
    float: none;
    margin: 0px;
    color: #181818;
}

.entry-details .entry-metadata p i {
    color: #181818;
    margin-right: 2px;
    display: inline;
    font-size: 12px;
}

.author-info {
    background: #EDEDED;
    display: block;
    padding: 20px 20px 10px;
    clear: both;
}

.author-info img {
    background: #ffffff;
    padding: 5px;
}

.blog-fullwidth {
    width: 100%;
    margin: 0px;
}

.entry-metadata p {
    float: left;
    margin: 0px 15px 0px 0px;
}

.entry-details .entry-body {
    width: 100%;
    clear: both;
}

.sticky .featured-post, .featured-post {
    margin: 0px 10px 10px 0px;
    position: relative;
    float: left;
    padding: 0px 15px 0px 33px;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 3px;
}

.featured-post span.fa {
    width: 35px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}

.sticky .entry-details .entry-title h4 {
    position: relative;
    top: 3px;
}

.entry-gallery-post-slider li {
    display: block;
}

.entry-thumb .bx-wrapper {
    position: relative;
}

.entry-thumb .bx-controls a {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    color: #ffffff;
    width: 40px;
    height: 60px;
    font-size: 0;
}

.entry-thumb .bx-controls a.bx-prev {
    left: 0px;
    background: rgba(0, 0, 0, 0.6) url(images/slider-prev-arrow-white.png) center center no-repeat;
}

.entry-thumb .bx-controls a.bx-next {
    right: 0px;
    background: rgba(0, 0, 0, 0.6) url(images/slider-next-arrow-white.png) center center no-repeat;
}

.entry-thumb .bx-wrapper ul, .entry-thumb .bx-wrapper li {
    margin: 0px;
    padding: 0px;
}

.tpl-blog-holder .column {
    margin-left: 0px;
    margin-right: 0px;
}

.page-with-sidebar .tpl-blog-holder .dt-sc-one-half {
    width: 48.8%;
}

.page-with-both-sidebar .tpl-blog-holder .dt-sc-one-half {
    width: 48%;
}

.page-with-sidebar .tpl-blog-holder .dt-sc-one-third {
    width: 31.6%;
}

.page-with-both-sidebar .tpl-blog-holder .dt-sc-one-third {
    width: 100%;
}

.page-with-both-sidebar .blog-thumb .entry-thumb {
    width: 100%;
    margin-right: 0px;
    padding-bottom: 15px;
}

.page-with-both-sidebar .blog-thumb .entry-details {
    width: 100%;
}

.page-with-both-sidebar .tpl-blog-holder .dt-sc-one-half .entry-thumb .bx-controls a, .tpl-blog-holder .dt-sc-one-third .entry-thumb .bx-controls a, .tpl-blog-holder .blog-thumb .entry-thumb .bx-controls a {
    height: 45px;
    width: 30px;
    background-size: 10px 20px;
}

.dt-sc-one-third .featured-post, .page-with-both-sidebar .tpl-blog-holder .dt-sc-one-half .featured-post {
    padding-right: 0px;
}

.dt-sc-one-third .featured-post span.text, .page-with-both-sidebar .tpl-blog-holder .dt-sc-one-half .featured-post span.text {
    font-size: 0;
}

.page-with-sidebar .tpl-blog-holder .dt-sc-one-third .mejs-controls div.mejs-horizontal-volume-slider {
    width: 55px;
}

/*----*****---- << Blog Comment Entries >> ----*****----*/

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

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

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

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

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

ul.commentlist li .comment-details {
    position: relative;
    padding: 0px 0px 10px;
    margin: 10px 0px 10px;
}

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

ul.commentlist li .comment-body {
    margin: 10px 0px 0px;
}

ul.commentlist li .comment-body p {
    line-height: 20px;
}

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

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

ul.commentlist li .author-name, ul.commentlist li .author-name a {
    font-size: 16px;
    color: #181818;
}

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

ul.commentlist li .comment-details {
    display: block;
}

ul.commentlist li .commentmetadata {
    font-size: 12px;
    color: #808080;
    font-style: italic;
    text-decoration: none;
}

ul.commentlist li .reply {
    margin: 0px;
}

ul.commentlist li .reply a.comment-reply-link {
    font-size: 14px;
    padding: 6px 16px;
    line-height: normal;
    display: inline-block;
    margin: 10px 0px 0px;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    outline: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    border: 1px solid;
    border-radius: 3px;
}

ul.commentlist li .reply a.comment-reply-link:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    border-radius: 3px;
}

ul.commentlist li .reply a.comment-reply-link:hover {
    color: #ffffff;
}

ul.commentlist li .reply a.comment-reply-link:hover:after {
    height: 100%;
}

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

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

#respond {
    clear: both;
}

#respond h3#reply-title small {
    font-size: 14px;
    text-transform: none;
}

#respond h3#reply-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

#respond .dt-sc-one-half p span {
    width: 10%;
}

#respond .dt-sc-one-half p input, #respond .dt-sc-one-half p textarea {
    width: 86.4%;
}

#respond p {
    margin-bottom: 15px;
}

.social-share-icons {
    width: 100%;
    clear: both;
    float: left;
    margin: 20px 0px 0px;
    padding: 0px;
}

.social-share-icons li {
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 0px;
}

.social-share-icons li img:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.comment-body ul li, .comment-body ol li {
    padding-left: 0px;
    list-style: circle;
    display: list-item;
}

/*----*****---- << Pagination >> ----*****----*/

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

.pagination ul {
    float: left;
    margin: 0px;
    padding: 0px;
}

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

.pagination ul li a, .pagination .next-post a, .pagination .prev-post a {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #808080;
    padding: 0px 12px;
    border-radius: 3px;
    margin: 0px 10px 0px 0px;
    float: left;
    border: 1px solid;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.pagination ul li a:after, .pagination .next-post a:after, .pagination .prev-post a:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s; /*border-radius:3px;*/
}

.pagination ul li a:hover:after, .pagination ul li a:active:after, .pagination .next-post a:hover:after, .pagination .prev-post a:hover:after {
    height: 100%;
}

.pagination ul li.active-page {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    padding: 0px 12px;
    margin: 0px 10px 0px 0px;
    float: left;
    position: relative;
    border: 1px solid;
    border-radius: 3px;
}

.pagination ul li a:hover, .pagination .next-post a:hover, .pagination .prev-post a:hover {
    color: #ffffff;
}

.pagination .next-post {
    float: left;
    margin-left: 4px;
    padding: 0px;
}

.pagination .prev-post {
    float: left;
    margin-right: 4px;
    padding: 0px;
}

/*----*****---- << 404 >> ----*****----*/
.error-info {
    padding: 70px 0px;
    float: left;
    clear: both;
}

.error-info h2 {
    font-size: 100px;
    color: #d9d9d9;
    margin-bottom: 0px;
    display: block;
}

.error-info h3 {
    font-size: 20px;
    text-transform: none;
    display: block;
    margin-bottom: 20px;
}

.error-info .dt-sc-button {
    margin-top: 20px;
}

/*----*****---- << Goto Top >> ----*****----*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    background: url(images/ui.totop.png) no-repeat left top;
    z-index: 9999;
}

#toTopHover {
    background: url(images/ui.totop.png) no-repeat left -40px;
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

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

/*----*****---- << Footer >> ----*****----*/

#footer {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a {
    color: #181818;
}

#footer .footer-widgets-wrapper {
    width: 100%;
    margin: 0px;
    background: #ffffff;
    border-top: 1px solid #dddddd;
    padding: 30px 0px 0px;
    float: left;
    clear: both;
}

#footer .widget .recent-posts-widget ul li .entry-meta .date .day {
    background: #ffffff;
}

#footer .copyright {
    width: 100%;
    float: left;
    clear: both;
    padding: 30px 0px;
    margin: 0px;
    color: #ffffff;
}

#footer .copyright .copyright-info a, #footer .footer-links a {
    color: #ffffff;
}

#footer .copyright .copyright-info {
    float: left;
}

#footer .footer-links {
    float: right;
}

#footer .footer-links a {
    margin: 0px 5px;
}

#footer .copyright .copyright-info a:hover, #footer .footer-links a:hover {
    text-decoration: underline;
}

#footer .footer-links ul {
    float: left;
    margin: 0px;
    padding: 0px;
}

#footer .footer-links ul li {
    display: inline;
    padding: 0;
    background: url(images/footer-splitter.png) right no-repeat;
}

#footer .footer-links ul li a {
    padding: 0px 11px 0px 5px;
}

#footer .footer-links ul li:last-child {
    background: none;
}

#footer .footer-links ul li:last-child a {
    padding-right: 0px;
}

#footer .widget_categories ul li a, #footer .widget.widget_archive ul li a {
    border-bottom-color: #dddddd;
}

#footer .widget .dt-sc-social-icons {
    width: auto;
}

#footer .widget .dt-sc-social-icons li {
    padding: 0px;
    width: 45px;
    clear: none;
    display: inline-block;
}

#footer .widget .dt-sc-social-icons li:before {
    content: "";
}

/*----*****---- << Contact Form 7 >> ----*****----*/

#contact-form p, #respond p, .mailchimp-form p {
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 0px;
    width: 100%;
    clear: both;
    overflow: hidden;
}

#contact-form p .fa, #respond p .fa, .mailchimp-form .fa {
    font-size: 14px;
    line-height: 48px;
    padding: 0px;
    width: 6%;
    text-align: center;
    border-right: 1px solid #dddddd;
    margin: 0px;
}

#contact-form p input, #contact-form p textarea, #respond p input, #respond p textarea, .mailchimp-form p input, .mailchimp-form p textarea {
    border: none;
    padding: 13px 0 12px 2%;
    width: 89.4%;
    margin: 0px;
    display: inline;
}

#contact-form p textarea, #respond p textarea {
    padding-top: 15px;
    height: 170px;
}

#contact-form p.textarea-field .fa, #respond p.textarea-field .fa {
    padding-bottom: 14px;
    height: 193px;
    float: left; /*margin:0px 0px -2000px; padding:0px 0px 2000px;*/
}

form p .fa {
    color: #868686;
}

#respond p .fa {
    width: 5%;
}

#respond p textarea {
    width: 91.4%;
}

#respond p.form-submit, #respond p.logged-in-as {
    border: none;
    background: none;
}

#respond p.form-submit input {
    padding: 11px 15px;
}

#contact-form p.submit {
    margin: 30px 0px 0px;
    border: none;
    background: none;
}

#contact-form p.submit input {
    padding: 11px 20px;
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-form span.wpcf7-not-valid-tip {
    background: #ffb0af;
    border: 1px solid #ff7b79;
    color: #cc0000;
    padding: 4px 10px;
    top: -45px;
    left: 0px;
}

.wpcf7-form div.wpcf7-validation-errors, .wpcf7-form div.wpcf7-mail-sent-ok {
    margin-bottom: 20px;
    margin-top: 20px;
    clear: both;
    padding: 15px 15px 15px 35px;
    float: left;
}

.wpcf7-form div.wpcf7-validation-errors {
    background: #ffcccc;
    border: 1px solid #ff9999;
    color: #d01313;
    position: relative;
}

.wpcf7-form div.wpcf7-validation-errors:before, .wpcf7-form div.wpcf7-mail-sent-ok:before {
    top: 13px;
    left: 10px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    position: absolute;
}

.wpcf7-form div.wpcf7-validation-errors:before {
    content: "\f057";
    color: #C54228;
}

.wpcf7-form div.wpcf7-mail-sent-ok {
    background: #eafac0;
    border: 1px solid #b1cf67;
    color: #7ba411;
    position: relative;
}

.wpcf7-form div.wpcf7-mail-sent-ok:before {
    content: "\f058";
    color: #75b632;
}

.wpcf7-form span.wpcf7-list-item {
    margin-right: 25px;
}

.wpcf7-form input[type="radio"] {
    position: relative;
    margin-right: 5px;
    top: -2px;
}

.dt-sc-titled-box-content .wpcf7-form .wpcf7-not-valid-tip {
    top: 0px;
    padding: 0px 10px;
}

.ie9 .dt-sc-titled-box-content .wpcf7-form .wpcf7-not-valid-tip {
    top: 50px;
}

.ie9 .wpcf7-form .wpcf7-not-valid-tip {
    top: 20px;
}

.dt-sc-one-third .dt-sc-titled-box-content input[type="text"], .dt-sc-one-third .dt-sc-titled-box-content input[type="password"], .dt-sc-one-third .dt-sc-titled-box-content input[type="email"], .dt-sc-one-third .dt-sc-titled-box-content input[type="url"], .dt-sc-one-third .dt-sc-titled-box-content input[type="tel"], .dt-sc-one-third .dt-sc-titled-box-content input[type="number"], .dt-sc-one-third .dt-sc-titled-box-content input[type="range"], .dt-sc-one-third .dt-sc-titled-box-content input[type="date"], .dt-sc-one-third .dt-sc-titled-box-content textarea, .dt-sc-one-third .dt-sc-titled-box-content input.text {
    padding: 12px 5%;
    width: 90%;
}

/*----*****---- << Blank Pages >> ----*****----*/

.page-template-tpl-blank-php #main {
    padding: 0px;
}

.blank-template-container {
    display: table;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.blank-template {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.blank-template-wrapper {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 30px 0px;
    float: left;
    clear: both;
    width: 100%;
    background: #fafafa;
}

/*----*****---- << Side Navigation >> ----*****----*/
.side-navigation {
    width: 27%;
    float: left;
    margin: 0px 2% 0px 0px;
    padding: 0px;
}

.side-navigation-content {
    width: 71%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.side-nav-container {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 98%;
}

ul.side-nav {
    border: 1px solid;
    border-bottom: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

ul.side-nav li {
    float: left;
    width: 100%;
    display: block;
    padding: 0px;
    border-bottom: 1px solid;
}

ul.side-nav li a {
    color: #2d2d29;
    padding: 12px 0px 11px 60px;
    display: block;
    position: relative;
}

ul.side-nav li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #444446;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 47px;
}

ul.side-nav > li.current_page_item > a:after, ul.side-nav > li > ul > li.current_page_item > a:after {
    content: "";
    position: absolute;
    background: url(images/side-nav-active.png) no-repeat;
    width: 11px;
    height: 46px;
    right: -11px;
    top: 0px;
}

ul.side-nav > li > a:hover, ul.side-nav > li > ul > li > a:hover, ul.side-nav > li.current_page_item > a, ul.side-nav li > ul > li.current_page_item > a {
    color: #4bbcd7;
}

ul.side-nav li a:hover:before, ul.side-nav > li.current_page_item > a:before, ul.side-nav > li > ul > li.current_page_item > a:before, ul.side-nav > li > ul > li > ul > li.current_page_item > a:before {
    color: #ffffff;
}

ul.side-nav li ul {
    border-top: 1px solid;
    margin: 0px;
    padding-left: 0px;
}

ul.side-nav li ul li:last-child {
    border: none;
    padding-bottom: 0px;
}

ul.side-nav li ul li a {
    padding-left: 85px;
}

ul.side-nav ul ul li a {
    padding-left: 120px;
}

ul.side-nav li a:before, ul.side-nav > li > a:hover, ul.side-nav > li > ul > li > a:hover, ul.side-nav > li > ul > li > ul > li > a:hover, ul.side-nav > li.current_page_item > a, ul.side-nav > li > ul > li.current_page_item > a, ul.side-nav > li > ul > li > ul > li.current_page_item > a {
    background: #ededed;
}

ul.side-nav, ul.side-nav li, ul.side-nav li ul {
    border-color: #e3e3e3;
}

ul.side-nav li a:before, ul.side-nav > li > a:hover, ul.side-nav > li > ul > li > a:hover, ul.side-nav > li > ul > li > ul > li > a:hover {
    color: #2d2d29;
}

/*----*****---- << IE9 Styles >> ----*****----*/

.ie9 .no-space.column.portfolio {
    margin-bottom: -1px;
}

.min-space .dt-sc-hr-invisible-large {
    margin: 65px 0px;
}

.ie9 select {
    background: none;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}

.ie9 #buddypress div.item-list-tabs ul li.last select {
    max-width: 179px;
}

/*----*****---- << SuperTheme Style Picker >> ----*****----*/

.dt-style-picker-wrapper {
    position: fixed;
    z-index: 99999;
    left: 0px;
    top: 150px;
}

#dt-style-picker {
    background: #ffffff;
    width: 225px;
    float: left;
    position: absolute;
    top: 0px;
    z-index: 1;
    margin: 0px;
    padding: 0px 0px 10px;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

#dt-style-picker h2 {
    background: url(images/style-picker/title-bg.jpg) repeat-x;
    font: normal 12px Tahoma, Geneva, sans-serif;
    text-transform: uppercase;
    line-height: 48px;
    width: 100%;
    color: #848484;
    margin: 0px 0px 15px;
    padding: 0px;
}

#dt-style-picker h3 {
    font: normal 12px Tahoma, Geneva, sans-serif;
    padding: 0px 0px 10px;
    width: 100%;
    color: #848484;
    margin: 0px;
    text-transform: uppercase;
}

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

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

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

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

#dt-style-picker ul li a img {
    border: 1px solid #d7d7d7;
}

#dt-style-picker .hr {
    background: url(images/style-picker/seperator.png) no-repeat;
    width: 100%;
    height: 25px;
    margin: -10px 0px 10px;
    float: left;
}

.style-picker-ico {
    position: absolute;
    top: 25px;
    left: 225px;
}

.page-id-615 .dt-sc-dropcap.dt-sc-dropcap-bordered-circle {
    font-size: 14px;
    color: #868686;
    border-color: #868686;
}

.slogan {
    float: left;
    margin-left: 30px;
    color: #004f94;
    font-size: 16px;
    font-weight: 700;
}

@media screen and (max-width: 769px) {
    .slogan {
        display: none;
    }

}

.sticky-wrapper .slogan {
    margin-top: 35px;
}

.sticky-wrapper.is-sticky .slogan {
    margin-top: 11px;
}

/*
.border-title span, .dt-sc-button::after, .dt-sc-team .dt-sc-social-icons li a::after, .dt-sc-button.filled, .dt-sc-bar, .ajax-controls .ajax-close:hover, .portfolio .fig-overlay a::after, .entry-meta .entry_format, input[type="submit"], button, input[type="button"], .dt-sc-contact-info span, .social-icons li a::after, #footer .copyright, .widget h3.widgettitle span, #searchform input[type="submit"], .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type7 .icon, h5.dt-sc-toggle.active::before, h5.dt-sc-toggle-accordion.active::before, .dt-sc-callout-box.type4, .dt-sc-titled-box h6.dt-sc-titled-box-title, .dt-sc-pr-tb-col.selected .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button::after, th, .dt-sc-ico-content.type3 .icon::after, .dt-sc-ico-content.type5 .icon, .dt-sc-ico-content.type9 .icon, .dt-sc-ico-content.type8:hover .icon, .megamenu-child-container > ul.sub-menu > li > a:hover, .dt-sc-ico-content.type3 .icon, .dt-sc-callout-box.type1 .icon, .pagination ul li a::after, .pagination .next-post a::after, .pagination .prev-post a::after, .pagination ul li.active-page, .dt-sc-sorting-container a::after, .dt-sc-sorting-container a.active-sort, ul.commentlist li .reply a.comment-reply-link::after, .dt-sc-callout-box.type5 .icon, .dt-sc-callout-box.type2:hover .icon, .dt-sc-callout-box.type3:hover .icon, .dt-sc-callout-box.type1 .dt-sc-button, .dt-sc-callout-box.type5 .dt-sc-button, .bx-controls a.bx-prev:hover, .bx-controls a.bx-next:hover, .widget .tagcloud a::after, .widget.flickrbox .flickr-widget div, .sticky .featured-post, .featured-post, .mean-container a.meanmenu-reveal, .mean-container .mean-nav, .page-link span, ul.side-nav li a:hover::before, ul.side-nav > li.current_page_item > a::before, ul.side-nav > li > ul > li.current_page_item > a::before, ul.side-nav > li > ul > li > ul > li.current_page_item > a::before {
	background-color: #142850 !important;
}
.woocommerce table.shop_attributes th {

	background: #f7f7f7 !important;
}*/
.fullwidth-background {
    background: url(https://www.etabox.eu/wp-content/uploads/2018/10/5M5A3569-1.jpg) center center no-repeat;
    background-attachment: scroll;
}

.fullwidth-background-wrapper .main-title {
    border: none;
    width: 100%;
}

.fullwidth-background-wrapper .main-title h1 {
    color: #239ddb;
    font-family: Montserrat, sans-serif;
    font-size: 56px;
    font-weight: 200;
    letter-spacing: -1.5px;
    line-height: 1.3em;
    text-align: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    text-transform: none;
    width: 100%;
}

.fullwidth-background.dark-bg .fullwidth-background-wrapper {
    background: rgba(20, 40, 80, 0.8);
    padding: 65px 0;
}

.woosb-title {
    text-align: left;
}

ul.products li .product-details .product_short_description,
ul.products li .product-details-hover .product_short_description {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
    float: left;
}

ul.products li .product-details-hover .product_short_description {
    float: none;
    display: inline-block;
}