/*   
Theme Name: Prime
Theme URI: http://themeforest.net/user/ArtstudioWorks/portfolio
Description: Prime is unique and highly interactive WordPress theme.
Author: ArtstudioWorks
Author URI: http://themeforest.net/user/ArtstudioWorks
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.7
Tags: white, black, blue, fluid-layout, fixed-layout, custom-colors, custom-background, theme-options, translation-ready
Designed by ArtstudioWorks: http://themeforest.net/user/ArtstudioWorks

All PHP code is released under the GNU General Public Licence version 3.0
*/


/* ------------------------------------------------------------------------ */
/* 01. General Styles
/* ------------------------------------------------------------------------ */

body {
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.8em;
    color: #444;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}
::selection {
    background: #5ed2ee color: #ffffff;
}
::-moz-selection {
    background: #5ed2ee color: #ffffff;
}
img.scale-with-grid {
    max-width: 100%;
    height: auto;
}
/* ------------------------------------------------------------------------ */
/* 04. Typography
/* ------------------------------------------------------------------------ */

tr,
th,
td {
    border-color: #dedede;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    padding: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit
}
h1 {
    font-size: 28px;
    line-height: 1.6;
}
h2 {
    font-size: 22px;
    line-height: 1.6;
}
h3 {
    font-size: 18px;
    line-height: 1.6;
}
h4 {
    font-size: 16px;
    line-height: 1.6;
}
h5 {
    font-size: 14px;
    line-height: 1.6;
}
h6 {
    font-size: 12px;
    line-height: 1.6;
}
p {
    margin: 0 0 20px 0
}
p img {
    margin: 0
}
em {
    font-style: italic
}
strong {
    font-weight: bold
}
small {
    font-size: 80%
}
hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}
.hidden {
    display: none !important
}
.pt_50 {
    padding-top: 50px;
}
/* Links ---------------------------------------------------- */

a,
a:visited {
    color: #999999;
    text-decoration: none;
    outline: 0;
}
/* Transisiton for Links */

#copyright a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#page-wrap .portfolio-item-one a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
a:hover,
a:focus {
    color: #666666
}
p a,
p a:visited {
    line-height: inherit
}
.extra-wrap {
    overflow: hidden;
}
/* ------------------------------------------------------------------------ */
/* 04. Lists
/* ------------------------------------------------------------------------ */

.my-icons-list .fa:before,
.my-icons-list i[class*="fa-"] {
    font-size: 16px;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}
.my-icons-list span.fa {
    font-family: inherit;
}
.my-icons-list p {
    margin-bottom: 8px;
}
/* ------------------------------------------------------------------------ */

/* 05. Forms
/* ------------------------------------------------------------------------ */

span.wpcf7-form-control-wrap {
    position: static !important;
}
form,
fieldset {
    margin-bottom: 20px
}
.m-top {
    margin-top: 5px !important;
}
input.search-field,
input[type="text"],
input[type="date"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select {
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 11px 20px 12px;
    outline: none;
    font-size: 13px;
    font-weight: 100;
    color: #999999;
    margin: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
}
input[type="date"] {
    padding-right: 10px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    border-color: #dddddd;
    color: #777777;
}
input.search-titlebar {
    padding: 8px 20px 9px 33px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(framework/images/search.png) 10px center no-repeat #ffffff;
    background-size: 12px 12px;
}
textarea {
    min-height: 60px
}
select {
    width: 220px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(framework/images/select_pimp.png);
    background-position: 94% center;
    background-repeat: no-repeat;
    text-indent: 0.01px;
    text-overflow: '';
}
form label {
    display: block;
}
label,
legend {
    cursor: pointer;
    display: block;
}
label span,
legend span {
    font-weight: bold
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    cursor: pointer;
    width: auto;
    -webkit-appearance: none;
}
.post-password-form input[type="password"] {
    width: 240px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 10px;
}
/* Contactform 7 Specific Styling ---------------------------------------------------- */

.wpcf7-form .rounded {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="range"] {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    max-width: 100%;
    width: 100%;
    margin: 5px 0 0 0;
}
div.wpcf7 img.ajax-loader {
    margin-right: -16px;
}
.wpcf7-form input[type="radio"],
.wpcf7-form input[type="checkbox"] {
    margin: 0px 3px 0px 5px;
    position: relative;
    top: 2px;
}
.wpcf7-form textarea {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    width: 100%;
    max-width: 100%;
    height: 150px;
    margin: 5px 0 0 0;
}
.wpcf7-form select {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    width: 100%;
    max-width: 100%;
    margin: 5px 0 0 0;
    padding: 10px 18px 11px;
    background-image: url(framework/images/select_pimp.png);
    background-position: 99% center;
    background-repeat: no-repeat;
}
.wpcf7-form input[type="checkbox"] {
    width: auto
}
.wpcf7 form.wpcf7-form p {
    margin: 0 0 15px 0 !important;
}
.wpcf7-list-item-label {
    font-weight: normal
}
.wpcf7-response-output {
    display: none
}
.wpcf7-form .invalid {
    color: #DF653E !important
}
.wpcf7-not-valid {
    border: 1px solid #DF653E !important
}
.wpcf7 span.wpcf7-not-valid-tip {
    display: none
}
div.wpcf7-response-output {
    margin: 0px !important;
    padding: 10px 38px 10px 19px !important;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
    position: relative;
    border: 1px solid transparent !important;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #424242;
    padding: 10px 38px 10px 19px;
    text-align: center;
    margin-bottom: 20px;
}
div.wpcf7-mail-sent-ok {
    background-color: #aeffa1;
    border-color: #64c654 !important;
}
div.wpcf7-mail-sent-ng {
    background-color: #f1f1f1;
    border-color: #cfcfcf !important;
}
div.wpcf7-spam-blocked {
    background-color: #fff3a1;
    border-color: #e4cf42 !important;
}
div.wpcf7-validation-errors {
    background-color: #F1510A;
    border-color: #cf5255 !important;
    color: #fff;
}
/* ------------------------------------------------------------------------ */

/* 06. Boxed Layout */

/* ------------------------------------------------------------------------ */

#main {
    background-color: #fff;
    position: relative;
}
#main.loading {
    visibility: hidden;
}
#main.boxed {
    max-width: 1260px;
    width: 100%;
    margin: 0px auto;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.framed #rev_slider_2_1,
.framed #rev_slider_2_1_wrapper,
.boxed #rev_slider_2_1,
.boxed #rev_slider_2_1_wrapper {
    border-right: 0;
    border-left: 0;
}
#background {
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}
a.more {
    text-decoration: underline;
}
a.more:hover {
    text-decoration: none;
}
/* ------------------------------------------------------------------------ */

/* 07. Infobar (Toggle Bar)
/* ------------------------------------------------------------------------ */

#infobar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    background: #444444;
    color: #999999;
    border-top: 5px solid #333333;
    width: 100%;
    padding: 20px 0 35px 0;
    display: none;
    border-bottom: 5px solid #444444;
}
#infobar .widget h3 {
    border-bottom: 1px solid #555555;
    color: #ffffff;
    padding: 0 0 5px 0;
    margin: 0 0 20px 0;
}
#infobar a {
    color: #999999;
}
#infobar a:hover {
    color: #ffffff;
}
.close-infobar {
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #444444 transparent transparent;
    z-index: 999;
}
.close-infobar:after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: -40px;
    background: url(framework/images/toggle.png) no-repeat 0px 0px;
}
#infobar .close-infobar.open {} .close-infobar.open:after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: -40px;
    background: url(framework/images/toggle.png) no-repeat -40px 0px;
}
#infobar .no-widgets {
    color: #aaaaaa;
    margin-bottom: -15px;
    text-align: center;
}
/* Infobar Widgets ---------------------------------------------------- */

#infobar .widget {} #infobar .widget h3 {
    font-size: 15px;
    color: #ffffff;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #555555;
    margin: 0 0 20px 0;
}
/* ------------------------------------------------------------------------ */

/* 09. Social Icons */

/* ------------------------------------------------------------------------ */

.social-icons {
    display: inline-block;
}
#top-bar .social-icons {
    vertical-align: middle;
    margin-right: 25px;
    padding: 10px 0;
}
#top-bar .social-icons ul li a:hover {
    color: #ffffff;
}
.social-icons ul {
    list-style: none;
    margin: 0 !important;
}
.social-icons ul li {
    display: block;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
}
.social-icons ul li a {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 2px 2px 2px;
    color: #6a6d6f;
}
div[id*='socials'] {
    display: block;
}
div[id*='socials'].social-icons ul li a {
    border: 1px solid transparent;
    margin: 0 0 0 5px;
}
div[id*='socials'].social-icons ul li a:hover {
    background-color: transparent;
}
div[id*='socials'].social-icons ul li:first-child a {
    margin-left: 0 !important;
}
div[id*='socials'].social-icons ul li {
    display: inline-block;
    float: none;
}
.social-icons a:hover {
    color: #ffffff;
}
.social-icons .social-twitter a:hover {
    background-color: #00aced;
}
.social-icons .social-dribbble a:hover {
    background-color: #ea4c89;
}
.social-icons .social-flickr a:hover {
    background-color: #ff0084;
}
.social-icons .social-facebook a:hover {
    background-color: #3b5998;
}
.social-icons .social-googleplus a:hover {
    background-color: #dd4b39;
}
.social-icons .social-linkedin a:hover {
    background-color: #007bb6;
}
.social-icons .social-pinterest a:hover {
    background-color: #cb2027;
}
.social-icons .social-rss a:hover {
    background-color: #ff6600;
}
/* ------------------------------------------------------------------------ */

/* 10. Header */

/* ------------------------------------------------------------------------ */

#header {
    background: #ffffff;
    width: 100%;
}
#header .logo {
    float: left;
    line-height: 1;
    position: relative;
    z-index: 999;
}
#header .logo h1 {
    margin-bottom: 0;
}
#header .logo img {
    max-width: 100%;
    height: auto;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#header .logo .logo_text {
    color: #424242;
    font-size: 45px;
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#header-main.header-scrolled #header:not(.header2):not(.header3):not(.header4) {
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
}
.header-scrolled #header .logo .logo_text {
    font-size: 30px;
}
#header .tagline {
    line-height: inherit;
}
.site-description {
    font-size: 13px;
    line-height: 1;
    text-transform: none;
}
#header .callus {
    font-size: 12px;
    margin-bottom: 5px;
    color: #999999;
    float: right;
}
#header.fixed_header {
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
    left: 0;
}
#header.tiny {
    height: 70px;
}
#header.fixed_header .logo img {
    max-width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#header-main.header-scrolled {
    position: fixed !important;
    z-index: 9400;
    top: 0;
    right: 0;
    left: 0;
}
#header .my-table {
    height: 100%;
    position: relative;
}
.admin-bar #header-main.header-scrolled {
    top: 32px;
}
.toparea-sliding-area {
    border-bottom: 3px solid #43b4f9;
    position: relative;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: absolute;
    width: 100%;
    top: 0;
}
.toparea-content {
    display: none;
    padding: 30px 0;
}
.toparea-sb {
    display: block;
    width: 0;
    height: 0;
    background: none;
    border-top: 34px solid;
    border-top-color: rgba(0, 0, 0, 0.8);
    border-left: 34px solid transparent;
    color: #fff !important;
    text-align: center;
    line-height: 24px;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    right: 0;
    bottom: -34px;
}
.toparea-sb i.fa {
    position: absolute;
    top: -27px;
    right: 6px;
}
/* ------------------------------------------------------------------------ */

/* 11. Header - Navigation */

/* ------------------------------------------------------------------------ */

#navigation {
    float: right;
}
#navigation .select-menu {
    display: none;
    color: inherit;
    position: relative;
}
#navigation .select-menu:before {
    content: "\f039";
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    top: 50%;
    margin-top: -15px;
    right: 15px;
}
#navigation ul {
    float: right;
    list-style: none;
    margin: 0;
}
#navigation ul li {
    padding: 0;
}
#navigation ul.menu > li {
    display: block;
    float: left;
    position: relative;
    margin: 0 0 0px 25px;
    display: table;
}
#navigation ul.menu li.fa:before {
    padding-right: 7px;
}
#navigation ul.menu > li.menu-item > a {
    display: inline;
    display: inline-block;
    margin: 0 0 0px 0px;
    padding: 0px;
    cursor: pointer;
}
#navigation ul.menu > li.menu-item > a {
    display: inline;
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    margin: 0 0 0px 0px;
    padding: 0px;
    line-height: 1;
    color: #3b3b3b;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
#navigation ul.menu li.menu-item a i {
    padding-right: 6px;
}
#navigation ul.menu > li.menu-item > a .desc {
    margin-top: 0px !important;
    padding: 0 !important;
}
#navigation ul.menu li.menu-item a .desc {
    display: block;
    line-height: 1;
    text-transform: none;
    font-size: inherit;
    padding-bottom: 5px;
    font-weight: normal;
    margin-top: -5px;
}
#navigation ul li a:hover {
    color: #5ed2ee
}
/*mega menu*/

#navigation ul.menu > li.megamenu {
    position: inherit!important;
}
#navigation ul.menu > li.megamenu > ul {
    margin-top: -1px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15)
}
#navigation ul.menu > li.megamenu.no-title > ul > li {
    display: none;
}
#navigation ul.menu > li.megamenu {
    position: inherit!important;
}
#navigation ul.menu > li.megamenu > ul.sub-menu {
    width: 100%;
    left: 0px;
    padding: 22px 0px;
    display: table;
    visibility: hidden;
}
#navigation ul.menu > li.megamenu > ul ul {
    border: 0 !important;
}
#navigation ul.menu > li.megamenu > ul > li {
    display: table-cell !important;
    float: none!important;
    padding: 0px;
    margin: 0;
}
#navigation ul.menu > li.megamenu > ul > li:last-child {
    border-right: none!important;
}
#navigation ul.menu > li.megamenu.cols-2 > ul > li {
    width: 50% !important;
}
#navigation ul.menu > li.megamenu.cols-3 > ul > li {
    width: 33.33% !important;
}
#navigation ul.menu > li.megamenu.cols-4 > ul > li {
    width: 25% !important;
}
#navigation ul.menu > li.megamenu.cols-5 > ul > li {
    width: 20% !important;
}
#navigation ul.menu > li.megamenu.cols-6 > ul > li {
    width: 16.66% !important;
}
#navigation ul.menu > li.megamenu > ul > li ul {
    display: block!important;
    top: 0px!important;
    width: 100%;
    opacity: 1!important;
    left: 0px!important;
    position: relative!important;
    float: none !important;
}
#navigation ul.menu > li.megamenu > ul > li {
    border-right: 1px solid #e8e8e8;
}
#navigation ul.menu > li.megamenu ul li {
    border-bottom: 0 !important;
}
#navigation ul.menu > li.megamenu > ul > li > a {
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 1.3em !important;
    padding-bottom: 18px !important;
    border-bottom: 0;
    overflow: hidden;
    cursor: default;
}
#navigation ul.menu > li.megamenu.no-title > ul > li > a {
    display: none !important;
}
#navigation ul.menu > li.megamenu > ul li a {
    line-height: 32px;
    padding: 2px 30px;
}
#navigation ul.menu > li.megamenu > ul > li > a:hover,
#navigation ul.menu > li.megamenu > ul > li.sfHover > a,
#navigation ul.menu > li.megamenu > ul > li.current-menu-item > a,
#navigation ul.menu > li.megamenu > ul > li.current-menu-parent > a {
    background-color: transparent!important;
    color: inherit !important;
}
/*-----------------------------------*/

/* Active Status ---------------------------------------------------- */

#navigation li.current-menu-item > a,
#navigation li.current-menu-item > a:hover,
#navigation li.current-page-ancestor > a,
#navigation li.current-page-ancestor > a:hover,
#navigation li.current-menu-ancestor > a,
#navigation li.current-menu-ancestor > a:hover,
#navigation li.current-menu-parent > a,
#navigation li.current-menu-parent > a:hover,
#navigation li.current_page_ancestor > a,
#navigation li.current_page_ancestor > a:hover {
    color: #5ed2ee
}
/* Sub-menu ---------------------------------------------------- */

#navigation .sub-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 190px;
    z-index: 2000;
    display: none;
    background: #ffffff;
    border: 1px solid #f1f1f1;
    padding: 0px;
}
#navigation > .sub-menu {
    margin-top: -1px;
}
#navigation ul.menu > li > .sub-menu {
    border-top: 3px solid transparent;
}
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li .sub-menu,
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li .sub-menu {
    border: 1px solid #303030;
    background: #242424 !important;
}
#header-main #navigation ul.menu > li.megamenu > .sub-menu .sub-menu {
    background: none !important;
}
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li.megamenu > ul > li,
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li.megamenu > ul > li > a,
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li.megamenu > ul > li,
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li.megamenu > ul > li > a {
    border-color: #303030 !important;
}
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li {
    border-color: #303030 !important;
}
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li.megamenu > ul > li > a,
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li.megamenu > ul > li > a {
    color: #ffffff;
}
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li a,
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li .sub-menu li a,
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li .sub-menu li .sub-menu li a,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li a,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li .sub-menu li a,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li .sub-menu li .sub-menu li a {
    color: #c3c3c3;
}
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li a:hover,
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li.sfHover > a,
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li.current-menu-parent > a,
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li .sub-menu li a:hover,
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li.current-menu-item a,
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li.current-menu-item a:hover,
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li.current_page_item a,
#header-main:not(.header-scrolled) .header-dark #navigation .sub-menu li.current_page_item a:hover,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li a:hover,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li.sfHover > a,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li.current-menu-parent > a,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li .sub-menu li a:hover,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li.current-menu-item a,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li.current-menu-item a:hover,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li.current_page_item a,
#header-main:not(.header-scrolled) .header-light #navigation .sub-menu li.current_page_item a:hover {
    color: #ffffff !important;
    background-color: transparent !important;
}
#navigation .sub-menu li {
    display: block;
    margin: 0px;
    padding: 0;
    height: auto;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}
#navigation .sub-menu li a,
#navigation .sub-menu li .sub-menu li a,
#navigation .sub-menu li .sub-menu li .sub-menu li a {
    border: none;
    display: block;
    margin: 0;
    padding: 7px 22px;
    color: #424242;
    font-size: 13px;
    font-weight: 300;
    height: auto;
}
#navigation .sub-menu li a:hover,
#navigation .sub-menu li .sub-menu li a:hover,
#navigation .sub-menu li.current-menu-item a,
#navigation .sub-menu li.current-menu-item a:hover,
#navigation .sub-menu li.current_page_item a,
#navigation .sub-menu li.current_page_item a:hover {
    color: #5ed2ee
}
#navigation .sub-menu li:last-child {
    border: none;
}
#navigation .sub-menu li ul {
    left: 100%;
    top: -1px;
}
/* ------------------------------------------------------------------------ */

/* 11. Header - Top Bar Navigation */

/* ------------------------------------------------------------------------ */

#topnav.menu li .sub-menu {
    display: none;
}
#topnav.menu {
    display: inline-block;
    margin: 0 25px 0 0;
    position: relative;
    vertical-align: middle;
    min-width: 200px;
}
#topnav.menu > li {
    list-style: none;
    display: inline-block;
    margin-left: 20px;
    line-height: 1;
    position: relative;
}
#topnav.menu > li:first-child {
    margin-left: 0;
}
#topnav.menu > li > a {
    color: inherit;
    padding: 10px 0 10px;
    display: block;
}
#topnav.menu > li a:hover {} #topnav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 2000;
    display: none;
    background: #f4f4f4;
    padding: 0px;
    margin: 3px 0 0 0;
    border: 1px solid #e8e8e8;
}
#topnav .sub-menu .sub-menu {
    left: 100%;
    top: 0;
    margin-top: -1px;
}
#topnav .sub-menu li {
    display: block;
    margin: 0px;
    padding: 3px 12px;
    height: auto;
    width: 100%;
    border-top: 1px solid transparent;
}
#topnav .sub-menu li:first-child {
    border-top: 0;
}
#topnav .sub-menu li a {
    display: block;
    width: 160px;
}
/* ------------------------------------------------------------------------ */

/* 12. Header - Searchform */

/* ------------------------------------------------------------------------ */

.search-link {
    position: relative;
}
.search-area {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    margin-top: -20px;
    width: 0px;
    height: 40px;
    z-index: 99;
    padding: 0px;
    background: none;
    overflow: hidden;
}
.search-area .fa {
    position: absolute;
    z-index: 99;
    left: 11px;
    top: 50%;
    margin-top: -7px;
    color: #8f8f8f;
}
#header-searchform input[type=text] {
    margin: 0;
    width: 100%;
    font-size: 14px;
    line-height: 1;
    border: 1px solid #dedede;
    height: 38px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #8f8f8f;
    display: block;
    float: left;
    padding-left: 34px;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#header-searchform {
    overflow: hidden;
    margin-bottom: 0;
    height: 100%;
    max-height: 40px;
}
/* ------------------------------------------------------------------------ */

/* 13. Content */

/* ------------------------------------------------------------------------ */

#page-wrap {
    padding: 74px 0;
}
body.search #page-wrap {
    padding: 45px 0;
}
.page-template-page-fullwidth-php #page-wrap,
.page-template-page-nosidebar #page-wrap,
.page-template-page-nofooter #page-wrap {
    padding: 0px 0 0px 0;
}
.blank-page #page-wrap {
    padding: 0px;
    width: 100%;
}
.blank-page {
    height: 100%;
    position: absolute;
    width: 100% !important;
    margin: 0;
    display: table;
    vertical-align: middle;
    float: none;
    top: 0;
    left: 0;
}
.blank-page #main {
    display: table-cell;
    float: none;
    vertical-align: middle;
    visibility: visible;
    width: 100%;
}
.slider-background {
    position: fixed;
    z-index: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.footer-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
}
#content.sidebar-left {
    float: right
}
/* Striped Border under Title and above Footer */

.hr-border {
    height: 8px;
    width: 100%;
    background: url(framework/images/stripes.png);
    margin-top: 0px;
}
/* Standard Title ---------------------------------------------------- */

#title {
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    padding: 0;
    background-position: center center;
    background-size: auto;
}
#title .inner {
    padding: 40px 0;
    background-color: #ffffff;
}
#title h1 {
    font-size: 30px;
    line-height: 36px;
    color: #5ec5f8;
    margin: 0;
}
#title h2 {
    display: block;
    font-weight: lighter;
    color: #aaaaaa;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
#title #breadcrumbs {
    font-size: 13px;
    text-align: right;
    color: #666666;
    line-height: 28px;
    padding: 0;
    margin: 0;
}
#title #breadcrumbs.breadrcumbpadding {
    padding-top: 0px;
}
#title #breadcrumbs a {
    color: #aaaaaa;
}
#title #breadcrumbs a:hover {
    color: #5ed2ee
}
/* Alternative Title (with Image) ---------------------------------------------------- */

#alt-title {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
    padding: 0;
    background: #f6f6f6;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background-position: center center;
}
#alt-title .grid {
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 0;
}
#alt-title h1 {
    font-size: 24px;
    line-height: 28px;
    color: #3b3b3b;
    margin: 0;
}
#alt-title h1 span,
#alt-title h2 span {
    padding: 3px 7px;
}
#alt-title h2 {
    display: block;
    font-weight: lighter;
    color: #aaaaaa;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
#alt-title #breadcrumbs {
    font-size: 13px;
    text-align: right;
    color: #c6c6c6;
    line-height: 28px;
    padding: 0;
    margin: 0;
}
#alt-title #breadcrumbs #crumbs {
    padding: 2px 7px;
    display: inline-block;
}
#alt-title #breadcrumbs a {
    color: #aaaaaa
}
#alt-title #breadcrumbs .container {
    padding-left: 0px
}
/* No Title ---------------------------------------------------- */

#no-title {} .mb-no {
    margin-bottom: 0 !important;
}
/* ------------------------------------------------------------------------ */

/* 14. Blog Standard - Overview */

/* ------------------------------------------------------------------------ */

.blog .post {
    padding: 70px 0 0px 0;
    margin: 65px 0 0px 0;
    border-top: 1px solid #dddddd;
    position: relative;
}
#content.blog .post:first-child {
    border: 0;
    padding: 0;
    margin-top: 0;
}
.blog.grid .post {
    padding: 0px 0 0 0;
    margin: 0px 0 30px;
    border: 1px solid #dddddd;
}
.blog.grid .post.author-pad-top {
    margin-top: 15px;
}
.blog.grid .blog-item .date,
.blog.grid .blog-item .date span {
    float: none;
    text-align: left;
    margin: 0;
}
.blog.grid .blog-item .date {
    margin-bottom: 12px;
}
.blog.grid .post-image,
.blog.grid .post-gallery,
.blog.grid .post-video,
.blog.grid .post-audio {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #e5eaec;
}
.blog.grid .post-image a,
.blog.grid .post-gallery ul li a,
.blog.grid .post-audio iframe {
    display: block;
}
.blog.grid .post-quote,
.blog.grid .post-quote blockquote {
    margin-bottom: 0;
}
.blog.grid .post-link {
    overflow: hidden;
    padding:
}
.blog-timeline {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}
.blog-timeline:before {
    content: '';
    width: 1px;
    background-color: #dddddd;
    position: absolute;
    left: 50%;
    bottom: 30px;
    top: 10px;
}
.blog-timeline .blog-item {
    margin: 0 50px;
    position: relative;
    border: 1px solid #dddddd;
}
#blog_items_wrap.blog-timeline .blog-item .meta,
#blog_items_wrap.blog-timeline .blog-item .thumbnail,
#blog_items_wrap.blog-timeline .blog-item .blog-gallery,
#blog_items_wrap.blog-timeline .blog-item .blog-audio,
#blog_items_wrap.blog-timeline .blog-item .blog-video {
    border-color: #dddddd;
}
.blog-timeline .span6.odd {
    float: left;
    clear: left;
}
.blog-timeline .span6.even {
    float: right;
    clear: right;
}
.blog-timeline .blog-item .meta {
    position: relative;
}
.blog-timeline .blog-item .meta:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #5ed2ee;
    border: 6px solid #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #dddddd;
    box-shadow: 0px 0px 0px 1px #dddddd;
    position: absolute;
    right: -76px;
    top: 50%;
    margin-top: -11px;
}
.blog-timeline .blog-item.even .meta:before {
    left: -76px;
}
.blog-timeline .blog-item.odd .meta .timeline-arrow {
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 11px solid #dddddd;
    border-bottom: 10px solid transparent;
    position: absolute;
    right: -11px;
    top: 50%;
    margin-top: -10px;
}
.blog-timeline .blog-item.odd .meta .timeline-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 10px solid #ffffff;
    border-bottom: 9px solid transparent;
    position: absolute;
    right: 1px;
    top: -9px;
}
.blog-timeline .blog-item.even .meta .timeline-arrow {
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 11px solid #dddddd;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -11px;
    top: 50%;
    margin-top: -10px;
}
.blog-timeline .blog-item.even .meta .timeline-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 10px solid #ffffff;
    border-bottom: 9px solid transparent;
    position: absolute;
    left: 1px;
    top: -9px;
}
.post h2.title {
    padding: 0;
    font-size: 30px;
}
.single .post h2.title {
    padding: 0;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 14px;
}
.post .title.title-separator {
    position: relative;
    margin-bottom: 27px;
    padding-bottom: 22px;
}
.blog-medium .post .title {
    font-size: 18px;
}
.post .title.title-separator:after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #30a2e6;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
}
.title a:hover {
    color: #5ed2ee
}
.post img {
    display: block;
}
.blog .post-title {
    margin: 0 !important;
    padding: 0 !important;
}
.post-content-container {
    overflow: hidden;
}
.post-excerpt {
    margin-bottom: 30px;
}
.post-excerpt p:last-child {
    margin-bottom: 0;
}
.blog-large-style1 .post-excerpt .post-more {
    display: none;
}
.post-meta {
    margin: 6px 0px 0;
    overflow: hidden;
    padding: 3px 2px 4px;
    position: relative;
}
.blog-large-style1 .post-meta {
    padding: 0;
}
.post-content .post-meta {
    margin-bottom: 20px;
}
.post-meta span.meta,
.post-meta .post-like,
.post-meta .sharebox {
    padding: 0;
    margin: 0 0px 0 15px;
    color: #999999;
    position: relative;
    min-width: auto;
}
.post-meta .post-like .like {
    padding-right: 0;
}
.post-meta span.meta:first-child {
    margin-left: 0;
}
.post-meta span.meta:after,
.post-meta .post-like:after {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #9c9c9c;
    display: inline-block;
    margin: 0px 0 0 15px;
    position: relative;
    top: -3px;
}
.post-meta.no-border .post-like:after,
.post-meta.no-border span.meta:after {
    background: none;
}
.post-meta span.meta:last-child:after {
    display: none;
}
.post-meta .meta-tags {
    text-transform: lowercase;
}
.post-meta span a {
    color: #999999
}
.post-meta span i {
    margin: -2px 10px 0 0;
    color: #999999;
}
.blog .post .date,
.single .post .date {
    height: 90px;
    width: 90px;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #5ed2ee;
    text-align: center;
    padding: 0px 0 0 0;
    margin-bottom: 7px;
}
.post .date span {
    color: #ffffff;
    display: block;
}
.post .date span.day {
    font-size: 32px;
    line-height: 32px;
    padding-top: 20px;
}
.post .date span.month {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
}
.post-content a.read-more-link {
    display: block;
    margin-top: 15px;
}
.post .icon-format {
    height: 90px;
    width: 90px;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #52ecc8;
    text-align: center;
    padding: 0px 0 0 0;
}
.icon-format i {
    font-size: 32px;
    color: #ffffff;
    line-height: 90px;
}
.icon-format i:before {
    content: "\f040";
}
i.icon-gallery:before {
    content: "\f083";
}
i.icon-video:before {
    content: "\f008";
}
i.icon-image:before {
    content: "\f03e";
}
i.icon-link:before {
    content: "\f0c1";
}
i.icon-quote:before {
    content: "\f10d";
}
i.icon-audio:before {
    content: "\f001";
}
.left-icons {
    float: left;
    margin-right: 30px;
}
.blog-medium .post .date {
    height: 67px;
    width: 67px;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #5ed2ee;
    text-align: center;
    padding: 0px 0 0 0;
    margin-bottom: 7px;
}
.blog-medium .post .icon-format {
    height: 67px;
    width: 67px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #52ecc8;
}
.blog-medium .icon-format i {
    font-size: 28px;
    line-height: 67px;
}
.blog-medium .post .date span.day {
    font-size: 24px;
    line-height: 24px;
    padding-top: 15px;
}
.blog-medium .post .date span.month {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}
.search-result {
    padding: 50px 0 0px 0;
    margin: 50px 0 0px 0;
    border-top: 1px solid #ececec;
    overflow: hidden;
}
body.search #searchform #searchsubmit {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 6px;
}
body.search #searchform {
    margin: 20px 0 0 0;
}
#page-wrap .search .post:first-child .search-result {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}
.search-excerpt p {
    margin-bottom: 10px;
}
.search-result .title {
    margin-bottom: 15px;
}
.search .list li {
    line-height: inherit;
}
/* Different Post Types ---------------------------------------------------- */

.wpb_flexslider .flex-direction-nav {
    display: none !important;
}
.wpb_gallery .wpb_flexslider .flex-control-nav {
    margin-top: 10px;
}
.post-gallery .flex-control-nav {
    display: none;
}
.post-gallery .flex-direction-nav a {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background-color: #353535;
    opacity: 0.7;
    z-index: 9;
}
.post-gallery.flexslider .flex-next {
    right: 0px;
    border-radius: 2px 0px 0px 2px;
}
.post-gallery.flexslider .flex-prev {
    left: 0px;
    border-radius: 0px 2px 2px 0px;
}
.post-gallery .grid-gal-item {
    margin-bottom: 2%;
}
.post .post-content-container .post-image,
.post .post-content-container .post-gallery,
.post .post-content-container .post-video,
.post .post-content-container .post-audio {
    margin-bottom: 33px !important;
}
/*.post-video iframe {
    width:100%;
    height:auto;
}*/

.post-image {
    position: relative;
    display: inline-block;
}
.post-image img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.post-link {
    margin-bottom: 10px;
    color: #cccccc;
    text-overflow: ellipsis;
}
.post-content .post-link {
    margin-top: 0px;
}
.post-quote {
    margin: 0 0 35px 0;
}
.post-quote .quote-text {
    margin: 0 0 0px 0;
    padding: 0;
}
.post-quote .quote-text a {
    color: #727272;
}
.post-quote .quote-text p {
    margin-bottom: 10px;
    padding: 0;
}
.post-quote .quote-source a {
    font-weight: normal;
    color: #bebebe;
    padding: 0;
}
/* Image Hover Overlay ---------------------------------------------------- */

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #74e8cb;
    background: rgba(90, 200, 251, 0.85);
    background: -moz-linear-gradient(top, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 237, 199, 0.85)), color-stop(100%, rgba(90, 200, 251, 0.85)));
    background: -webkit-linear-gradient(top, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    background: -o-linear-gradient(top, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    background: -ms-linear-gradient(top, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#52edc7', endColorstr='#5ac8fb', GradientType=0);
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
}
.overlay:before {
    content: "\f002";
    font-family: "FontAwesome";
    width: 96px;
    height: 96px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -49px 0 0 -49px;
    display: inline-block;
    font-size: 28px;
    line-height: 96px;
    border: 1px solid #ffffff;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index: 11;
}
.owl-gallery .owl-buttons div {
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    display: block;
    background-color: #353535;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.owl-gallery {
    overflow: hidden;
}
.owl-gallery .owl-buttons div.owl-prev {
    -webkit-border-radius: 0px 8px 8px 0;
    -moz-border-radius: 0px 8px 8px 0;
    border-radius: 0px 8px 8px 0;
    left: -50px;
    background-image: url(framework/images/slider-prev.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.owl-gallery .owl-buttons div.owl-next {
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;
    right: -50px;
    background-image: url(framework/images/slider-next.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.owl-gallery:hover .owl-buttons div.owl-next {
    right: 0;
}
.owl-gallery:hover .owl-buttons div.owl-prev {
    left: 0;
}
/* ------------------------------------------------------------------------ */

/* 15. Blog Medium - Overview */

/* ------------------------------------------------------------------------ */

.blog-medium .post-video,
.blog-medium .post-gallery,
.blog-medium .post-image,
.blog-medium .post-audio,
.blog-medium .post-link {
    width: 370px;
    float: left;
    margin-right: 20px;
    position: relative;
    min-height: 1px;
}
.post-gallery .owl-item {
  position: relative;
}
.wp-video {
    height: auto !important;
}
.blog-medium .post-icon {
    margin-left: -55px;
    position: relative;
    z-index: 999;
}
.blog-medium .post-content {
    overflow: hidden;
}
.blog-medium .post-more {
    text-align: left;
    float: none;
    margin: 20px 0 0 0;
}
.blog-medium .post-more a {
    margin: 0;
}
.blog-medium .no-post-image {
    display: block;
    width: 310px;
    height: 200px;
    border: 5px solid #efefef;
    background: #ffffff url(framework/images/noimage.png) no-repeat center center;
}
.blog-medium .no-post-image-link {
    display: block;
    width: 310px;
    height: 200px;
    border: 5px solid #efefef;
    background: #ffffff url(framework/images/noimage-link.png) no-repeat center center;
}
/* ------------------------------------------------------------------------ */

/* 16. Blog - Single Post */

/* ------------------------------------------------------------------------ */

.single .post {
    margin-bottom: 50px
}
.single .post-meta {
    margin-left: 0;
    margin-bottom: 34px;
    padding-bottom: 27px;
    border-bottom: 1px solid #dddddd;
}
.single .post-tags a {
    color: #727272;
}
.single .post-tags a:hover {
    background: #5ed2ee border-color: #5ed2ee color: #ffffff;
}
.single .post-content {
    margin-bottom: 35px;
}
.post-like {
    display: inline-block;
    margin-right: 40px;
    position: relative;
}
.post-like:after {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #9c9c9c;
    display: inline-block;
    margin: 0px 0 0 20px;
    position: absolute;
    top: 50%;
}
.post-like .like {
    padding-right: 13px;
    color: inherit;
}
/* Author Information ---------------------------------------------------- */

#author-info {
    margin: 0px 0px 45px 0px;
    overflow: hidden;
    padding: 45px 0 0px 0;
    border-top: 1px solid #ededed;
    position: relative;
}
#author-info h4 {
    margin-bottom: 25px;
}
#author-info .author-image {
    float: left;
    margin-right: 20px;
}
#author-info .author-image a {
    display: block;
    width: 72px;
    height: 72px;
}
#author-info .author-image a img {
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#author-info .author-bio {
    overflow: hidden;
    padding: 0px;
}
#author-info .about-title {
    margin: 0px 0 25px 0;
    font-size: 18px;
}
/* Sharebox ---------------------------------------------------- */

.sharebox {
    position: relative;
    display: inline-block;
    min-width: 120px;
}
.text-right {
    text-align: right;
}
.share-button i {
    padding-right: 14px;
}
.share-button {
    color: inherit;
    line-height: 1;
}
.sharebox-icons {
    position: absolute;
    z-index: 99;
    display: none;
}
.sharebox-icons ul {
    padding: 10px 15px;
    margin: 0 !important;
    border: 1px solid #dddddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    float: left;
    box-sizing: none;
}
.sharebox-icons ul li {
    list-style: none;
    line-height: 30px;
    margin: 0 !important;
    padding: 0 !important;
}
.sharebox-icons ul li a {
    color: inherit;
}
.sharebox-icons ul li a i {
    font-size: 16px;
    width: 26px;
    color: inherit;
}
.sharebox-icons .social-twitter a i {
    color: #00aced;
}
.sharebox-icons .social-facebook a i {
    color: #3b5998;
}
.sharebox-icons .social-googleplus a i {
    color: #dd4b39;
}
.sharebox-icons .social-linkedin a i {
    color: #007bb6;
}
.sharebox-icons .social-reddit a i {
    color: #cee3f8;
}
.sharebox-icons .social-digg a i {
    color: #000000;
}
.sharebox-icons .social-delicious a i {
    color: #31a9ff;
}
.sharebox-icons .social-email a i {
    color: #bb0000;
}
.adt-meta {
    width: 100%;
    padding: 20px 0px 20px;
    border-top: 1px solid #ededed;
}
/* Related Posts ---------------------------------------------------- */

#related-posts {
    position: relative;
    margin-bottom: 40px;
    padding-top: 40px;
    border-top: 1px solid #ededed;
}
#related-posts h4 {
    margin-bottom: 25px;
}
#related-posts ul {
    list-style: none;
    margin: 0px 0 0 0;
}
#related-posts ul li h5 {
    line-height: 22px;
    margin: 0px 0 0px;
}
#related-posts ul li .item-pic {
    margin-bottom: 20px;
}
#related-posts ul li h5 a:hover {
    color: #5ed2ee
}
#related-posts ul li span.date {
    color: #bebebe;
    font-size: 13px;
    display: block;
    margin-bottom: 15px;
}
#related-posts ul li a span {
    color: #cccccc;
    font-size: 11px;
    margin: 0 0 0 8px;
}
#related-posts ul li:before {
    color: #5ed2ee font-size: 12px;
}
/* ------------------------------------------------------------------------ */

/* 17. Pagination */

/* ------------------------------------------------------------------------ */

#content #pagination {
    margin-top: 20px;
}
#content:not(.timeline):not(.grid) #pagination {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #dddddd;
}
#pagination {
    text-align: center;
    position: relative;
}
#pagination a,
#pagination span {
    display: inline-block;
    margin: 0 4px 4px 4px;
    padding: 8px 18px 9px;
    line-height: 1;
    border: 1px solid #dddddd;
    text-align: center;
    color: inherit;
    border-radius: 8px;
    color: #424242;
}
#pagination a.next {
    display: block;
    position: absolute;
    right: 0;
    margin: 0;
    bottom: 0;
}
#pagination a.previous {
    display: block;
    position: absolute;
    left: 0;
    margin: 0;
    bottom: 0;
}
#pagination a:hover,
#pagination span.current {
    color: #30a2e6;
    border-color: #30a2e6;
}
/* ------------------------------------------------------------------------ */

/* 18. Comments - List */

/* ------------------------------------------------------------------------ */

#comments-title {
    padding-top: 45px;
    border-top: 1px solid #ededed;
    margin-bottom: 30px;
}
.commentlist {
    list-style: none;
    margin: 30px 0 0px 0;
}
.commentlist li:last-child {
    margin: 0;
}
.commentlist li ul {
    list-style: none;
}
.commentlist li .comment-body {
    margin: 0 0 40px;
    overflow: hidden;
    position: relative;
}
.commentlist li.comment,
.commentlist li.pingback {
    padding: 0 !important;
    margin: 0 !important;
}
.commentlist ul.children {
    margin: 0px !important;
    padding-left: 80px;
    list-style: none;
}
.commentlist ul.children li {
    position: relative;
}
.commentlist li ul li .comment-text {
    border-bottom: 0;
    padding-bottom: 0;
}
.commentlist li div.avatar {
    float: left;
    margin-right: 26px;
}
.commentlist li .avatar img {
    display: block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
.commentlist li .comment-text {
    overflow: hidden;
    position: relative;
}
.commentlist li .comment-text p {
    margin-bottom: 15px;
}
.commentlist li .comment-text p:last-child {
    margin-bottom: 0;
}
.commentlist li .author {
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 17px;
}
.commentlist li .author strong {
    color: #43b4f9;
    font-weight: inherit;
    text-transform: capitalize;
    padding-right: 10px;
}
.commentlist li .date-comment {
    color: #999999;
    float: none;
    text-align: left;
}
.comment-edit-link {
    color: #999999
}
.commentlist li em {
    font-size: 11px;
    color: #cccccc;
    font-style: normal;
    margin-bottom: 20px;
    display: block;
}
.title.pingbacklist {
    padding-top: 40px;
    border-top: 1px solid #ededed;
}
/* ------------------------------------------------------------------------ */

/* 19. Comments - Respond */

/* ------------------------------------------------------------------------ */

#respond {
    padding-top: 45px;
    border-top: 1px solid #ededed;
    margin-bottom: 30px;
}
#respond .required {
    color: #c82929;
    display: inline-block;
    margin: 3px 0 0 6px;
    font-size: 14px;
    font-weight: normal;
}
/*#respond p { clear: both }*/

#respond label {
    display: block;
    padding-bottom: 8px;
    color: #878787;
}
#respond-inputs input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#respond-textarea p {
    color: #878787;
}
#respond-inputs p.last {
    margin: 0;
}
#respond input[type=submit] {} #respond textarea {
    display: block;
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#respond p.comment-notes,
#respond p.form-allowed-tags {
    display: none
}
#respond input#submit {} #respond .headline-title-wrap {
    margin-top: 20px;
}
.comment-reply-link,
#cancel-comment-reply-link {
    color: #999999;
}
#reply-title {
    font-size: 18px;
    overflow: hidden;
}
#reply-title small {
    display: block;
    margin-top: 10px;
}
#cancel-comment-reply-link {} #commentform input.error,
#commentform textarea.error {
    border-color: #c82929;
    background: #fbf2f2;
}
#commentform div.error,
#commentform label.error {
    color: red;
    display: none !important;
}
/* ------------------------------------------------------------------------ */

/* 20. Portfolio - Overview */

/* ------------------------------------------------------------------------ */

#portfolio-wrap {
    width: 100%;
}
.embedd-video {
    display: none
}
.infscr {
    padding-bottom: 70px;
}
#infscr-loading {
    display: none;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    bottom: 35px;
}
#infscr-loading .fa {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -18px;
}
#infscr-loading img {
    display: none !important;
}
.pagination.portfolio {
    text-align: center;
    width: 100% !important;
    margin: 20px 0 20px 0 !important;
}
.loadmore {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.loadmore.striped {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.loadmore.striped.active {
    -webkit-animation: progressbar-bg-move 1.2s linear infinite;
    -moz-animation: progressbar-bg-move 1.2s linear infinite;
    -o-animation: progressbar-bg-move 1.2s linear infinite;
    animation: progressbar-bg-move 1.2s linear infinite;
}
.portfolio.pagination {
    display: block;
}
.portfolio.pagination.display {
    display: block !important;
}
/* Filters ---------------------------------------------------- */

#filters {
    margin-top: 0px;
    margin-bottom: 50px;
}
#filters.left {
    text-align: left;
}
#filters.center {
    text-align: center;
}
#filters.right {
    text-align: right;
}
#filters ul {
    margin: 0;
    list-style: none;
    display: inline-block;
    z-index: 9;
    position: relative;
}
#filters ul li {
    display: inline;
    display: inline-block;
    position: relative;
}
#filters ul li a {
    display: block;
    color: inherit;
    padding: 2px 15px 2px 19px;
    line-height: 1;
    font-size: 14px;
    margin: 0;
    position: relative;
    z-index: 9;
}
#filters ul li:before {
    content: "";
    border: 2px solid;
    color: inherit !important;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
#filters ul li:first-child a {
    padding-left: 0;
}
#filters ul li:first-child:before {
    display: none;
}
#filters ul li a.active,
#filters ul li a:hover {
    color: #5ed2ee
}
/* Portfolio Filter Transitions ---------------------------------------------------- */

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope {
    padding-bottom: 1px;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* End: Recommended Isotope styles */

/* Portfolio Items ---------------------------------------------------- */

.wpb_row:not(.vc_row_fullwidth) .vc_col-sm-12 div[id*="portfolio-wrap"] {
    margin-left: -15px;
    margin-right: -15px;
}
.no-margin {
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.slider-portfolio {
    position: relative;
    overflow: hidden;
}
.slider-portfolio.owl-theme .owl-controls {
    margin-top: 43px;
}
.portfolio-sidebyside > div {
    min-height: 1px;
}
.portfolio-wide .portfolio-image {
    margin-bottom: 20px;
}
#portfolio-images .portfolio-image {
    position: relative;
    overflow: hidden;
}
#portfolio-content #portfolio-video {
    margin-bottom: 40px;
}
#portfolio-video .wp-video {
    position: relative;
    width: 100% !important;
    max-width: 100%;
    padding-bottom: 82.989%;
    height: 0 !important;
    overflow: hidden;
}
#portfolio-video .wp-video .mejs-overlay.mejs-layer {
    width: 100% !important;
    height: 100% !important;
}
#portfolio-video .wp-video .mejs-overlay-button {
    margin-top: -50px !important;
}
#portfolio-video .wp-video-shortcode {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background-color: #000000;
}
.wp-video {
    width: 100% !important;
}
#portfolio-images .portfolio-image {
    margin-bottom: 30px;
}
#portfolio-images.grid .portfolio-image {
    float: left;
    display: inline-block;
    display: block;
    width: 31.333%;
    margin-left: 2%;
    margin-bottom: 2%;
}
#portfolio-images.grid {
    margin-left: -2%;
    overflow: hidden;
}
.portfolio-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.slider-portfolio .portfolio-item {
    margin: 0;
    float: left;
    width: 100%;
}
.portfolio-item.isotope-item.span4 {
    width: 33.29%;
}
.portfolio-item.isotope-item.span3 {
    width: 25%;
}
.portfolio-item.isotope-item.span6 {
    width: 49.99%;
}
.portfolio-item.no-margin.span3 {
    max-width: 100%;
}
.portfolio-item .portfolio-pic,
.portfolio-item #portfolio-video {
    overflow: hidden;
    display: block;
    position: relative;
}
.portfolio-item .portfolio-pic img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.portfolio-item img {
    display: block;
    width: 100%;
    height: auto;
}
.portfolio-item:hover .portfolio-pic img {
    transform: scale(1.1);
}
.portfolio-item-one .portfolio-content {
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
}
.portfolio-item .portfolio-content p:last-child,
.portfolio-item-one .portfolio-content p:last-child {
    margin-bottom: 0;
}
.portfolio-item .portfolio-title {
    margin-bottom: 5px;
    display: block;
    margin-top: 20px;
}
.portfolio-item .portfolio-title a {
    font-size: 18px;
    color: #333333;
}
.portfolio-item .portfolio-terms {
    overflow: hidden;
    margin-bottom: 20px;
}
.portfolio-item .portfolio-terms a {
    color: #333333;
}
.portfolio-item .portfolio-terms a:hover {
    text-decoration: underline;
}
a.readmore {
    display: inline-block;
    margin-top: 5px;
}
a.readmore:after {
    content: "\f105";
    font-family: "FontAwesome";
    margin-left: 7px;
    font-size: 14px;
}
.portfolio-item .portfolio-page-item .portfolio-title,
.portfolio-item-one .portfolio-page-item .portfolio-title {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    padding: 12px 10px 12px 10px;
    position: absolute;
    bottom: -65px;
    background: #fafafa;
    width: 100%;
}
.portfolio-item.no-margin {
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}
#portfolio-wrap {
    padding-bottom: 1px;
}
.portfolio-item.no-margin.span3 {
    width: 25%;
}
.portfolio-item.no-margin.span4 {
    width: 33.333333%;
}
.portfolio-item.no-margin.span6 {
    width: 49.9999%;
}
.portfolio-item.no-margin.one_fifth {
    width: 19.9999%;
}
.portfolio-item.no-margin.span2 {
    width: 16.66%;
}
.portfolio-item.no-margin.span8 {
    width: 66.667%;
}
.portfolio-item.no-margin.span12 {
    width: 100%;
}
.asw-masonry {
    width: 100%;
    float: left;
    clear: both;
    min-height: 210px;
    background: url(framework/images/masonry-loader.gif) no-repeat center center;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition-: background 0.5s;
}
.asw-masonry.no-loading {
    background: none;
}
.asw-masonry .portfolio-item .portfolio-pic,
.asw-masonry .portfolio-item #portfolio-video {
    margin-bottom: 0;
}
.asw-masonry .portfolio-item {
    float: left;
    margin: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.asw-masonry.no-loading .portfolio-item {
    opacity: 1;
}
.asw-masonry .portfolio-item .portfolio-pic {
    width: 100%;
    border: 3px solid transparent;
    box-sizing: border-box;
}
.portfolio-item .portfolio-page-item .portfolio-title a:before,
.portfolio-item-one .portfolio-page-item .portfolio-title a:before {
    content: '';
    display: block;
    float: left;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    background: url(framework/images/portfolio-title-icon.png) center center no-repeat #525252;
}
.portfolio-item .portfolio-page-item .portfolio-title a:hover,
.portfolio-item-one .portfolio-page-item .portfolio-title a:hover {
    color: #5ed2ee
}
.portfolio-item .portfolio-page-item .portfolio-title,
.portfolio-item-one .portfolio-page-item .portfolio-title {
    line-height: 35px !important;
    margin: 0;
}
.portfolio-item .portfolio-title h4 {
    margin: 0 0 5px 0;
    line-height: 1 !important;
    padding: 0;
}
.portfolio-item .portfolio-title span {
    line-height: 1 !important;
    display: block;
    margin: 0;
    padding: 0;
}
/* Portfolio Item Overlay ---------------------------------------------------- */

.portfolio-item .portfolio-pic .portfolio-overlay,
.portfolio-item-one .portfolio-pic .portfolio-overlay {
    display: block;
    overflow: hidden;
    background: #74e8cb;
    background: rgba(90, 200, 251, 0.85);
    background: -moz-linear-gradient(top, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 237, 199, 0.85)), color-stop(100%, rgba(90, 200, 251, 0.85)));
    background: -webkit-linear-gradient(top, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    background: -o-linear-gradient(top, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    background: -ms-linear-gradient(top, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(82, 237, 199, 0.85) 0%, rgba(90, 200, 251, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#52edc7', endColorstr='#5ac8fb', GradientType=0);
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}
.portfolio-item .portfolio-pic .portfolio-overlay .overlay-link,
.portfolio-item-one .portfolio-pic .portfolio-overlay .overlay-link {
    width: 96px;
    height: 96px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -49px 0 0 -49px;
    display: inline-block;
    font-size: 28px;
    line-height: 96px;
    border: 1px solid #ffffff;
    color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.portfolio-item .portfolio-pic .portfolio-overlay .overlay-link.zoom-out {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.portfolio-item .portfolio-pic .portfolio-overlay .title {
    display: inline-block;
    position: absolute;
    height: 24px;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -12px;
    line-height: 24px;
    font-size: 18px;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.portfolio-item .portfolio-pic .portfolio-overlay.title_overlay {
    top: 5px;
    right: 5px;
    left: 5px;
    bottom: 5px;
    width: auto;
    height: auto;
}
.portfolio-item .portfolio-pic .portfolio-overlay .title a {
    line-height: 24px;
    font-size: 18px;
    color: #ffffff;
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.portfolio-item .portfolio-pic .portfolio-overlay.title_tags_icon .title {
    margin-top: -40px;
}
.portfolio-item:hover .portfolio-pic .portfolio-overlay .title,
.portfolio-item:hover .portfolio-pic .portfolio-overlay.title_tags_icon .terms {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.portfolio-item .portfolio-pic .portfolio-overlay .title a:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.portfolio-item .portfolio-pic .portfolio-overlay.title_tags_icon .terms {
    display: inline-block;
    position: absolute;
    height: 24px;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -12px;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.portfolio-item .portfolio-pic .portfolio-overlay.title_tags_icon .terms a {
    line-height: 24px;
    font-size: 13px;
    color: #ffffff;
}
.portfolio-item .portfolio-pic .portfolio-overlay.title_tags_icon .overlay-link {
    margin-top: 30px;
    width: 34px;
    height: 34px;
    font-size: 14px;
    line-height: 30px;
    margin-left: -17px;
}
.portfolio-item .portfolio-pic .portfolio-overlay.title_tags_icon .overlay-link .fa-search {
    font-size: 11px;
}
.portfolio-item img,
.portfolio-item-one img {
    display: block;
    width: 100%;
    height: auto;
}
/* Portfolio Items: 4 Columns ---------------------------------------------------- */

.portfolio-item img {
    z-index: 8;
}
.portfolio-item.four h4 {
    font-size: 14px;
}
/* Portfolio Items: 1 Column ---------------------------------------------------- */

.portfolio-item-one {
    margin-bottom: 30px;
}
.portfolio-item-one .portfolio-picwrap {
    width: 460px;
    height: 300px;
    float: left;
    margin: 0 30px 24px 0;
    overflow: hidden;
    position: relative;
    background-color: #fafafa;
    border-bottom: 1px solid #ececec;
}
.portfolio-item-one .portfolio-desc .read-more-link {
    display: none;
}
.portfolio-item-one .portfolio-desc ul li {
    margin-left: 40px !important;
}
.portfolio-item-one .date {
    color: #999999;
    margin-bottom: 15px;
}
.portfolio-tags {
    margin: 0px 0px 20px 0px;
    color: #999999;
}
/* ------------------------------------------------------------------------ */

/* 21. Portfolio - Single */

/* ------------------------------------------------------------------------ */

.portfolio-wide .portfolio-pic,
.portfolio-wide #portfolio-images,
.portfolio-wide #portfolio-video,
.portfolio-wide #portfolio-slider {
    margin-bottom: 50px;
}
.portfolio-wide #portfolio-thumb-carousel {
    margin-bottom: 25px;
}
#portfolio-video iframe {
    max-width: 100%;
}
#portfolio-slider {
    overflow: hidden;
}
#portfolio-slider .flex-direction-nav a {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background-color: #5ed2ee opacity: 0.7;
    z-index: 9;
}
#portfolio-slider .flex-direction-nav a.flex-next {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}
#portfolio-slider .flex-direction-nav a.flex-prev {
    -webkit-border-radius: 0px 2px 2px 0px;
    -moz-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px;
}
#portfolio-slider .flex-direction-nav a:hover {
    opacity: 1;
}
#portfolio-thumb-carousel {
    margin-top: 25px;
}
#portfolio-thumb-carousel li {
    margin-left: 25px;
}
#portfolio-thumb-carousel li a {
    display: block;
    overflow: hidden;
}
#portfolio-thumb-carousel li:first-child {
    margin-left: 0;
}
#portfolio-thumb-carousel .flex-direction-nav li a {
    opacity: 0;
    visibility: hidden;
}
#portfolio-thumb-carousel:hover .flex-direction-nav li a {
    opacity: 1;
    visibility: visible;
}
.portfolio-detail-description-text {} .portfolio-sidebyside .portfolio-detail-description-text {
    margin-bottom: 30px;
}
.portfolio-detail-description .headline-title-wrap,
.portfolio-detail-attributes .headline-title-wrap {
    margin-bottom: 25px;
}
.portfolio-detail-attributes {
    margin-bottom: 25px;
}
.portfolio-detail-attributes div span {
    font-weight: normal;
}
.portfolio-detail-attributes .date h4,
.portfolio-detail-attributes .client h4 {
    margin-bottom: 0;
}
.portfolio-detail-attributes .category,
.portfolio-detail-attributes .date,
.portfolio-detail-attributes .client,
{
    margin-bottom: 25px;
    color: #828282;
}
.portfolio-detail-attributes ul {
    list-style: none;
    margin: 0;
}
.portfolio-detail-attributes ul li {
    color: #525252;
}
.portfolio-detail-attributes ul li strong {
    padding-right: 15px;
    font-weight: normal;
}
/* Related Portfolio Items ---------------------------------------------------- */

section#portfolio-related-post {
    padding-top: 30px;
    border-top: 1px solid #dedede;
    margin-top: 30px;
}
#portfolio-related-post > h4 {
    margin-bottom: 18px;
}
/* Portfolio Comments ---------------------------------------------------- */

.portfolio-detail .portfolio-comments {
    margin-top: 20px;
}
/* Projects Nav ---------------------------------------------------- */

.projects-nav {
    float: right;
    width: 100px;
    margin: 7px 0px 0 0;
}
.projectsnavpadding {
    padding: 0 !important;
    margin: 0px 0 0 0 !important;
}
.projects-nav a {
    display: block;
    text-indent: -9999px;
    background: #cccccc;
    width: 35px;
    height: 35px;
    float: right;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.projects-nav .next a {
    background-image: url(framework/images/slider-next.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.projects-nav .prev a {
    background-image: url(framework/images/slider-prev.png);
    background-position: center center;
    background-repeat: no-repeat;
}
/* ------------------------------------------------------------------------ */

/* 22. Content Pages */

/* ------------------------------------------------------------------------ */

/* Revolution Slider ---------------------------------------------------- */

.rev_slider {
    display: block !important;
    overflow: hidden !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.rev_slider_wrapper {
    overflow: hidden !important;
}
.fullwidthbanner-container .rev_slider {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
/* 404 Page ---------------------------------------------------- */

#error-404 {
    margin-bottom: 40px;
    padding: 100px 0;
    position: relative;
    color: #525252;
    font-size: 15px;
    z-index: 9;
}
#error-404 #searchform {
    text-align: center;
}
#error-404 #searchform input[type="text"] {
    display: inline-block;
    width: 278px;
}
h2.error-404 {
    font-size: 160px;
    line-height: 160px;
    margin: 0 0 10px 0;
    font-weight: bold;
}
/* ------------------------------------------------------------------------ */

/* 23. Sidebars */

/* ------------------------------------------------------------------------ */

#sidebar {} #sidebar .title {
    border-color: #ddd;
}
#sidebar .widget {
    margin-bottom: 50px;
}
#sidebar .widget h3 {
    font-size: 15px;
    margin: 0 0 15px 0;
}
#sidebar .widget ul li a {
    color: inherit;
}
#sidebar .widget #lang_sel li:before {
    content: '';
    display: none;
}
#sidebar .widget #lang_sel a:before {
    content: '';
}
#sidebar .widget ul li.current_page_item,
#sidebar .widget ul li.current-menu-item {
    font-weight: bold
}
#sidebar .accordion .accordion-title h4 {
    padding: 0 10px 0 10px;
}
#sidebar .accordion .accordion-inner {
    padding: 0 10px 10px 10px;
    margin-left: 26px;
}
#sidebar .accordion .accordion-title .acc-icon::before {
    margin-right: 5px;
}
#sidebar #flexslider-testimonial .flex-direction-nav a {
    top: -25px;
}
.widget_twitter .tweet {
    margin: 0 0 24px 0;
}
#sidebar .widget_twitter .tweet:before {
    content: "\f099";
    font-family: "FontAwesome";
    font-size: 14px;
    position: absolute;
    width: 10px;
    left: 0;
    top: 1px;
}
#sidebar .widget_twitter .tweet {
    padding-left: 22px;
    position: relative;
}
.widget_twitter .tweet a.date {
    color: #bebebe;
}
.widget_twitter .tweet a.date:hover {
    color: #525252;
}
.widget_categories ul li a:hover {
    text-decoration: none;
}
/* Side Navigation Template ---------------------------------------------------- */

.sidenav {
    margin: 0px;
    list-style: none;
    padding: 0;
}
.sidenav li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidenav li .children li a {
    border-top: 1px solid #e8e8e8;
    text-transform: none;
    margin: 0 20px;
    font-weight: normal;
    padding-left: 0;
}
.sidenav .children li a::after {
    content: "";
    float: left;
    width: 4px;
    height: 4px;
    background-color: #333333;
    margin: 7px 12px 0 7px;
}
.sidenav > li {
    border: 1px solid #e8e8e8;
    margin: 0 0 2px 0;
    padding: 0;
}
.sidenav li a {
    display: block;
    margin: 0px;
    padding: 10px 20px 11px;
    color: #333333;
    font-weight: normal;
}
.sidenav > li.parent > a::after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 13px;
    float: right;
}
.sidenav > li.parent:hover > a::after,
.sidenav > li.current_page_parent > a::after {
    content: "\f107";
}
.sidenav li.current_page_parent .children {
    display: block;
}
.sidenav .children {
    display: none;
}
.sidenav li:first-child a {
    border-top: 0;
}
.sidenav li a:hover,
.sidenav li.current_page_item > a,
.sidenav > li.current_page_parent > a,
.sidenav li.current_page_item a:hover {
    color: #5ed2ee
}
/* ------------------------------------------------------------------------ */

/* 24. Footer
/* ------------------------------------------------------------------------ */

#footer {
    border-top: 10px solid #142b3a;
    padding: 75px 0 60px;
    background: #223e50;
    color: #fff;
}
#footer a {
    color: #5ed2ee
}
#footer a:hover {
    text-decoration: underline;
}
/* Footer Widgets ---------------------------------------------------- */

#footer .widget {} #footer .widget h3 {
    font-size: 24px;
    color: #333333;
    padding: 0 0 0px 0;
    margin: 0 0 20px 0;
}
#footer .widget .separator {
    height: 0px;
    margin: 24px 0 32px;
}
.widget_recent_entries ul li span {
    color: #999999;
}
.widget_recent_entries ul li span:before {
    content: " - ";
}
#footer .widget .social-icons {
    display: block;
    width: 100%;
}
#footer .widget .social-icons ul li {
    padding: 0;
}
#footer .widget .social-icons a:hover i {
    color: #ffffff;
}
#footer .widget .social-icons:not(.icon) ul li {
    display: block;
    float: none;
    overflow: hidden;
    clear: both;
    margin: 0 0 5px 0;
    padding: 0;
}
#footer .widget .social-icons.title ul li {
    margin: 0;
}
#footer .widget .social-icons:not(.icon) ul li a {
    margin: 0;
    width: auto;
    height: auto;
    text-align: left;
    font-size: inherit;
    color: inherit;
    background: none !important;
    display: inline;
}
#footer .widget .social-icons.icon li a span {
    display: none;
}
#footer .widget .social-icons:not(.icon) ul li a i.fa {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 7px 0 0;
    color: #6a6d6f;
    background-color: #f7f7f7;
    float: left;
}
#footer .widget .social-icons.title ul li a i.fa {
    display: none;
}
/* ------------------------------------------------------------------------ */

/* 25. Copyright
/* ------------------------------------------------------------------------ */

#copyright {
    padding: 5px 0;
    background: #222222;
    color: #777777;
}
#copyright .menu-footer-menu-container {
    display: inline-block;
}
#copyright .menu li .sub-menu {
    display: none;
}
#copyright .menu {
    display: inline-block;
    margin: 0 0px 0 -20px;
    position: relative;
    vertical-align: middle;
    min-width: 200px;
}
#copyright .menu > li {
    list-style: none;
    display: inline-block;
    margin-left: 20px;
    line-height: 1;
    position: relative;
}
#copyright .menu > li:first-child {
    margin-left: 0;
}
#copyright .menu > li > a {
    color: inherit;
    padding: 10px 0 10px;
    display: block;
}
#copyright .menu > li a:hover {
    text-decoration: underline;
}
.wrap-table {
    display: table;
}
.cell {
    vertical-align: middle;
    display: inline-block;
    display: table-cell !important;
    float: none !important;
}
#copyright .copyright-text {
    padding: 10px 0 10px 0;
}
#copyright .social-icons {
    float: right;
    font-size: 11px;
    padding: 10px 0;
}
#copyright .social-icons li a:hover i {
    color: #ffffff !important;
}
/* ------------------------------------------------------------------------ */

/* 26. Back-To-Top Button
/* ------------------------------------------------------------------------ */

#back-to-top {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
    display: none;
}
#back-to-top a {
    display: block;
    width: 46px;
    height: 46px;
    background: #333333;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    transition: 0.4s all ease;
    -webkit-border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 46px;
    border-radius: 5px;
}
#back-to-top a:hover {
    background-color: #29aef0
}
/* ------------------------------------------------------------------------ */

/* 27. Widgets */

/* ------------------------------------------------------------------------ */

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget ul:not(.slides):not(.list-latestposts):not(.unstyled):not(.product_list_widget) li:before {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 15px;
    left: 1px;
    border: 2px solid;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 15px;
}
.widget ul:not(.slides):not(.list-latestposts):not(.unstyled):not(.product_list_widget) li {
    padding-left: 20px;
    margin-left: 0;
}
/* Search Widget /--------------------------------------------------------- */

.widget_search input {
    padding: 8px 8px 8px 8px;
    width: 100%;
    height: 38px;
    color: #bebebe;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
/* Calendar Widget /--------------------------------------------------------- */

#wp-calendar {
    width: 100%
}
#wp-calendar caption {
    padding: 0 10px;
    text-align: right;
    font-weight: bold;
    margin: -5px 0 5px 0;
}
#wp-calendar thead {
    font-size: 10px
}
#wp-calendar thead th {
    padding: 5px 10px;
    font-weight: bold;
    border-top: 1px solid #f5f5f5;
}
#wp-calendar tbody {
    color: #aaa
}
#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 5px 8px;
}
#wp-calendar tbody td:hover {
    background: #fff
}
#wp-calendar tbody .pad {
    background: none
}
#wp-calendar tfoot #next {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
    padding-top: 5px;
}
#wp-calendar tfoot #prev {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 5px;
}
/* Tag Cloud Widget /--------------------------------------------------------- */

.widget_tag_cloud a {
    display: block;
    float: left;
    background-color: #e9e9e9;
    color: #424242 !important;
    font-size: 13px !important;
    line-height: 28px;
    height: 28px;
    margin: 0 6px 6px 0px;
    padding: 0px 16px 0px 16px;
    text-decoration: none;
}
.widget_tag_cloud .tagcloud {
    overflow: hidden;
}
.widget_tag_cloud a:hover {
    background-color: #5ed2ee;
    color: #ffffff !important;
}
/* Embed Widget /--------------------------------------------------------- */

.widget_embed p {
    margin-top: 10px
}
.widget_embed iframe {
    max-width: 100%
}
/* Flickr Widget /--------------------------------------------------------- */

.flickr-list {
    margin-left: -4px;
    margin-right: -4px;
}
.flickr-list .flickr-item {
    float: left;
    display: block;
    margin: 0;
    padding: 0 4px 8px 4px;
    position: relative;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.flickr-list .flickr-item .overlay:before {
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    font-size: 16px;
    line-height: 32px;
    border: 0;
}
.flickr-list .flickr-item a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.flickr-list .flickr-item a img {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    width: 100%;
}
/* Instagram Widget /--------------------------------------------------------- */

.instagram-item a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.instagram-item {
    float: left;
    display: block;
    margin: 0 1% 2%;
    max-width: 150px;
    position: relative;
    padding: 0px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
/* Sponsor Widget /--------------------------------------------------------- */

.widget_sponsor .sponsors {
    margin-right: -20px
}
.widget_sponsor a {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}
.widget_sponsor a img {
    display: block
}
/* Twitter Widget /--------------------------------------------------------- */

.widget_twitter ul {
    list-style: none
}
.widget_twitter ul li {
    margin-bottom: 15px;
    background: url(framework/images/twitter.png) no-repeat 0px 4px;
    padding: 0 0 0 32px;
}
.widget_twitter ul li b a {
    display: block;
    font-size: 11px;
    color: #cccccc;
    font-weight: normal;
}
/* Contact Widget /--------------------------------------------------------- */

.widget_contact address {
    font-style: normal;
}
.widget_contact address span {
    display: block;
    margin-bottom: 12px;
}
#footer .widget_contact address span a {
    color: inherit;
}
.widget_contact address span:last-child {
    margin-bottom: 0;
}
.widget_contact address span strong {
    font-weight: normal;
}
.shortcode-map.grayscale .gm-style {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg);
    /* Firefox 4+ */
    filter: gray;
    /* IE 6-9 */
}
/* Portfolio  Widget /--------------------------------------------------------- */

.widget_portfolio .portfolio-item:last-child {
    margin: 0
}
.widget_portfolio .portfolio-widget-item {
    padding: 0 0 0px 0;
}
.widget_portfolio .portfolio-widget-item:nth-child(3n) {
    border: none !important;
    padding: 0;
    margin-right: 0;
}
.widget_portfolio .portfolio-widget-item .portfolio-pic {
    float: left;
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 2px;
}
.widget_portfolio .portfolio-widget-item .portfolio-pic:hover {
    background: #5ed2ee border-color: #5ed2ee
}
.widget_portfolio .portfolio-widget-item .portfolio-pic img {
    width: 100%;
    height: 100%;
    display: block;
}
/* Footer & Topbar Widgets (Color Change) ---------------------------------------------------- */

.widget ul.list-latestposts li {
    padding: 0;
    margin-left: 0;
}
.widget ul.list-latestposts li.post-item {
    margin-bottom: 24px;
}
.widget ul.list-latestposts li.post-item:last-child {
    margin-bottom: 0;
}
.widget ul.list-latestposts li.post-item p:last-child {
    margin: 0;
}
.widget ul.list-latestposts li a.title {
    font-weight: normal;
    color: #333333;
}
.widget .latest-blog-list .title {
    font-size: 13px;
    margin: 0px;
}
.widget .latest-blog-list .blog-list-item-img {
    margin-top: 3px;
}
.widget .latest-blog-list {
    margin-top: 27px;
}
.widget_latestposts .latest-blog-list:first-child {
    margin-top: 0;
}
#infobar .widget ul li {
    list-style: none;
    padding: 0px 0 13px 20px;
    line-height: inherit;
}
#infobar .widget ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #5ed2ee float: left;
    margin-right: 14px;
    position: absolute;
    top: 9px;
    display: block;
}
#footer .widget_search input,
#infobar .widget_search input {
    color: #aaaaaa;
    background-color: #555555;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #555555;
}
#footer .widget_search input:focus,
#infobar .widget_search input:focus {
    color: #ffffff
}
#footer #wp-calendar thead th,
#infobar #wp-calendar thead th {
    border-top: 1px solid #555555
}
#footer #wp-calendar tbody,
#infobar #wp-calendar tbody {
    color: #aaa
}
#footer #wp-calendar tbody td,
#infobar #wp-calendar tbody td {
    background: #555555;
    border: 1px solid #444444;
}
#footer #wp-calendar tbody td:hover,
#infobar #wp-calendar tbody td:hover {
    background: #444444;
    color: #ffffff;
}
#footer #wp-calendar tbody .pad,
#infobar #wp-calendar tbody .pad {
    background: none
}
#footer .widget_flickr #flickr_tab a,
#infobar .widget_flickr #flickr_tab a {
    border: 1px solid #333333;
    padding: 4px;
    background: #333333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#footer .widget_flickr #flickr_tab a:hover,
#infobar .widget_flickr #flickr_tab a:hover {
    background: #5ed2ee border-color: #5ed2ee
}
#footer .widget_twitter ul li:last-child,
#infobar .widget_twitter ul li:last-child {
    margin: 0
}
#footer .widget_portfolio .portfolio-widget-item,
#infobar .widget_portfolio .portfolio-widget-item {
    width: 33.333333%;
}
#footer .widget_portfolio .portfolio-widget-item .portfolio-pic:hover,
#infobar .widget_portfolio .portfolio-widget-item .portfolio-pic:hover {
    background: #5ed2ee border-color: #5ed2ee
}
#footer .twitter-list .tweet {
    padding-left: 40px;
    margin: 20px 0 0px 0;
    background: url(framework/images/twitter-bird.png) 1px 5px no-repeat;
}
#footer .twitter-list .tweet:first-child {
    margin: 0;
}
#footer .twitter-list a {
    color: #bebebe;
}
#footer .twitter-list a:hover {
    text-decoration: underline;
}
#footer .wpcf7 .button {
    -webkit-appearance: none;
    font-size: 14px;
    color: #878787;
    text-transform: none;
    font-weight: normal;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-shadow: 0px 3px 0px #222;
    -moz-box-shadow: 0px 3px 0px #222;
    box-shadow: 0px 3px 0px #222;
}
#footer .wpcf7 .input {
    margin: 0 !important;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #282828;
    background-color: #434343;
    color: #878787 !important;
    font-size: 14px;
    font-family: 'Open Sans';
    padding: 4px 10px 5px;
}
#footer .wpcf7 textarea.input {
    max-height: 78px;
}
#footer .wpcf7 p {
    margin: 0 0 10px 0 !important;
}
#copyright .small-logo {
    display: block;
    float: left;
    margin: -4px 16px 0 0;
    text-indent: -300px;
    overflow: hidden;
    width: 98px;
    height: 26px;
    background: url(framework/images/small-logo.png) center center no-repeat;
    background-size: 100% auto;
}
a.button.black i,
a.button.alternative-1 i,
a.button.alternative-2 i,
a.button.alternative-3 i,
.icon-white,
.nav > .active > a >[class^="icon-"],
.nav > .active > a >[class*=" icon-"],
.dropdown-menu > li > a:hover >[class^="icon-"],
.dropdown-menu > li > a:hover >[class*=" icon-"],
.dropdown-menu > .active > a >[class^="icon-"],
.dropdown-menu > .active > a >[class*=" icon-"] {
    color: #ffffff;
}
/* Style Swicher
================================================== */

#style_selector {
    position: absolute;
    top: 190px;
    left: 0px;
    width: 239px;
    background: #ffffff;
    z-index: 99;
    -webkit-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(100, 100, 100, 0.2);
    box-shadow: 2px 2px 3px 0 rgba(100, 100, 100, 0.2);
}
/** swicher menu */

.switcher {
    margin: 0;
    padding: 0px 0 10px;
    border: 1px solid #dedede;
    border-left: 0;
    -webkit-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}
.box {
    text-align: left;
    padding: 0 20px 15px;
    border-bottom: 1px solid #dedede;
    position: relative;
    margin: 0 0 18px;
}
.box-heading {
    text-align: left;
    padding: 11px 20px;
    border-bottom: 1px solid #dedede;
    position: relative;
    margin: 0 0 18px;
}
.box-heading h4 {
    margin-bottom: 0;
    font-size: 14px;
    text-transform: capitalize;
    color: #333333;
    font-weight: 600;
}
.box.last {
    margin-bottom: 0;
    border-bottom: 0;
}
.box h5 {
    margin-bottom: 18px;
    line-height: 21px;
    font-size: 12px;
    text-transform: uppercase;
    color: #949494;
}
.box select {
    margin-bottom: 0;
    padding: 7px 15px;
    color: #333333;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.box .radio_text {
    font-size: 14px;
    line-height: 20px;
    padding: 0px;
    display: block;
    overflow: hidden;
    margin: 0px;
    color: #525252;
}
.box .radio_text input[type="radio"] {
    margin: 3px 5px 0 0;
    float: left;
}
.box .radio_text label {
    display: inline-block;
}
.box label {
    padding: 1px 0px 10px 27px;
}
.box input[type=radio] {
    display: none;
}
.box input[type=radio] + label {
    background: none;
}
.box input[type=radio]:checked + label {
    background: url(framework/images/slider-handle.png) no-repeat 0px 0px;
}
.radio-range {
    width: 17px;
    height: 120px;
    background: url(framework/images/slider-range.png) no-repeat 0px 0px;
    position: absolute;
    z-index: -1;
    top: 37px;
    left: 31px;
}
#style_selector .style-toggle {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #333333;
    background: #fff;
    border: 1px solid #dedede;
    border-left: 0;
    padding-left: 5px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -49px;
    z-index: 999;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
#style_selector .style-toggle.active {
    background-position: right center;
}
#style_selector .images {
    margin-left: -10px;
}
#style_selector .images img {
    width: 26px;
    height: 26px;
    margin-left: 10px;
    margin-bottom: 10px;
    z-index: 1000;
    border: 1px solid;
    border-color: #dedede;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#style_selector .images img.active,
#style_selector .images a:hover img {
    border-color: #555555;
}
/* controls */

#style_selector .predefined {
    border: none;
    background: none;
}
.switcher small {
    font-size: 10px;
    color: #999;
}
.switcher ul.colors {
    margin: 0 0 0 -10px;
}
.switcher .colors li {
    float: left;
    list-style-type: none;
    margin: 0;
}
.switcher .colors li a {
    position: relative;
    padding: 0;
    display: block;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    margin-bottom: 10px;
    z-index: 1000;
    border: 1px solid;
    border-color: #dedede;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.switcher .colors .st1 a {
    background: #5ed2ee
}
.switcher .colors .st2 a {
    background: #2ecc71;
}
.switcher .colors .st3 a {
    background: #ff5900;
}
.switcher .colors .st4 a {
    background: #ffd427;
}
.switcher .colors .st5 a {
    background: #ed1f24;
}
.switcher .colors .st6 a {
    background: #A0B5B6;
}
.switcher .colors .st7 a {
    background: #2997ab;
}
.switcher .colors .st8 a {
    background: #719234;
}
/* control active style */

.switcher li a.active,
.switcher li a:hover {
    border-color: #555555;
}
.mb10 {
    margin-bottom: 10px;
}
.slct {
    display: block;
    border: 1px solid #c7c7c7;
    width: 106px;
    padding: 4px 30px 4px 10px;
    color: #525252;
    background: url(framework/images/select-bg.gif) 97% center no-repeat;
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.slct a {
    color: #525252;
}
.drop {
    margin: 0;
    padding: 0;
    width: 146px;
    border: 1px solid #cecece;
    border-top: none;
    display: none;
    position: absolute;
    background: #fff;
    z-index: 9;
}
.drop li {
    list-style: none;
    border-top: 1px dotted #e8e8e8;
    cursor: pointer;
    display: block;
    color: #444;
    padding: 4px 10px 4px 10px;
    background-position: 10px -119px;
}
.drop li a {
    color: #525252;
}
.drop li:hover {
    background-color: #e8e8e8;
    color: #222;
}
input.miniColors {
    margin-right: 4px;
    max-width: 100px;
    float: left;
    display: none;
}
.miniColors-selector {
    position: absolute;
    width: 175px;
    height: 150px;
    background: white;
    border: solid 1px #bababa;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    z-index: 999999
}
.miniColors.opacity.miniColors-selector {
    width: 200px
}
.miniColors-selector.black {
    background: black;
    border-color: black
}
.miniColors-selector.gray {
    background: #DDD;
    border-color: #EEE
}
.miniColors-colors {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 150px;
    height: 150px;
    background: url(framework/images/colors.png) -40px 0 no-repeat;
    cursor: crosshair
}
.miniColors.opacity .miniColors-colors {
    left: 30px
}
.miniColors-hues {
    position: absolute;
    top: 5px;
    left: 160px;
    width: 20px;
    height: 150px;
    background: url(framework/images/colors.png) 0 0 no-repeat;
    cursor: crosshair
}
.miniColors.opacity .miniColors-hues {
    left: 185px
}
.miniColors-opacity {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 150px;
    background: url(framework/images/colors.png) -20px 0 no-repeat;
    cursor: crosshair
}
.miniColors-colorPicker {
    position: absolute;
    width: 11px;
    height: 11px;
    border: 1px solid black;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px
}
.miniColors-colorPicker-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 7px;
    border: 2px solid white;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px
}
.miniColors-huePicker,
.miniColors-opacityPicker {
    position: absolute;
    left: -2px;
    width: 22px;
    height: 2px;
    border: 1px solid black;
    background: white;
    margin-top: -1px;
    border-radius: 2px
}
.miniColors-trigger,
.miniColors-triggerWrap {
    width: 23px;
    height: 23px;
    display: inline-block;
}
.miniColors-triggerWrap {
    position: absolute;
    right: 30px;
    top: 0px;
}
.miniColors-triggerWrap {
    background: url(framework/images/trigger.png) -22px 0 no-repeat
}
.miniColors-triggerWrap.disabled {
    filter: alpha(opacity=50);
    opacity: .5
}
.miniColors-trigger {
    vertical-align: middle;
    outline: none;
    background: url(framework/images/trigger-bg.png) 0 0 no-repeat;
    background-color: transparent !important;
}
.miniColors-triggerWrap.disabled .miniColors-trigger {
    cursor: default
}
/*last update version 1.1*/

/*top bar*/

#top-bar {
    background-color: #fafafa;
    border-bottom: 1px solid #dddddd;
}
#top-bar .block-right > * {
    margin-right: 0 !important;
}
#top-bar .call-us {
    line-height: 1;
    padding: 5px 0;
    display: inline-block;
    margin: 0 25px 0 -15px;
}
#top-bar .call-us ul {
    display: inline-block;
}
.call-us ul li {
    display: inline-block;
    margin-left: 15px;
}
.call-us ul li i {
    padding-right: 8px;
    line-height: 1;
}
.call-us a:hover {
    text-decoration: underline;
}
/*header varsions*/

#header.disable-grid .container {
    max-width: 100%;
    width: 100%;
}
#header.header2 .logo {
    float: none;
    display: block;
    padding: 10px 0;
}
#header.header2 .logo img {
    max-width: auto;
    height: 100%;
    box-sizing: border-box;
}
#header.header2 #navigation ul.menu {
    float: none !important;
    margin: 0;
    text-align: center;
    display: inline-block;
    line-height: 0;
}
#header.header2 #navigation {
    float: none !important;
    margin: 0;
    text-align: center;
    line-height: 0;
}
#header.header2 #navigation ul.menu > li {
    line-height: 1;
    position: relative;
    margin-left: 0;
    padding: 14px 0;
    height: auto !important;
}
#header.header2 #navigation ul.menu > li > a {
    margin: 0 0px 0 0 !important;
    display: inline;
    display: inline-block;
    float: none;
    position: relative;
}
#header.header2 #navigation .menu > li > .sub-menu {
    left: 0;
}
#header.header2 #navigation .menu li.megamenu > .sub-menu {
    left: 0;
}
#header.header2 #navigation .menu ul {
    text-align: left;
}
#header.header4 #navigation ul {
    float: none !important;
    margin: 0;
    text-align: left;
}
#header.header4 .header-search {
    max-width: 270px;
    display: inline-block;
}
#header.header4 .header-search form,
#header.header4 .header-search input {
    margin-bottom: 0;
}
#header.header4 #navigation ul li {
    margin-left: 0;
    line-height: 1;
}
#header.header4 #navigation {
    border-top: 1px solid #dddddd;
    float: none;
}
#header.header4 #navigation .menu li.megamenu > .sub-menu {
    left: 0;
}
#header.header4 #navigation .menu > li > a {
    margin: 0 0px 0 0 !important;
    display: inline;
    display: inline-block;
    float: none;
    position: relative;
}
#header.header4 #navigation ul.menu > li {
    padding: 15px 15px;
}
#header.header4 #navigation ul.menu > li {
    border-left: 1px solid transparent;
}
#header.header4 #navigation ul.menu > li:first-child {
    padding-left: 0;
}
#header.header4 #navigation ul.menu > li:first-child {
    border-left: 0;
}
.header4 #navigation .select-menu {
    margin-top: 20px;
}
.my-table {
    display: table;
    width: 100%;
}
.my-td {
    display: table-cell;
    vertical-align: middle;
}
.my-tr {
    display: table-row;
    vertical-align: middle;
}
.block-right {
    text-align: right;
}
#header.header4 .logo {
    padding: 15px 0;
}
.content-area-info {
    text-align: right;
    padding: 15px 0;
}
#header.header3 {
    border: 0 !important;
}
#header.header3 .logo img {
    max-width: auto;
    height: 100%;
    box-sizing: border-box;
}
#header.header3 .logo .logo_text {
    display: inline-block;
}
#header.header3 #navigation ul.menu {
    float: none !important;
    margin: 0;
    text-align: center;
    display: inline-block;
    line-height: 0;
}
#header.header3 #navigation {
    float: none !important;
    margin: 0;
    text-align: center;
    line-height: 0;
}
#header.header3 #navigation ul.menu > li {
    line-height: 1;
    position: relative;
    margin-left: 0;
    padding: 15px 0;
}
#header.header3 #navigation {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
#header.header3 #navigation .menu > li > .sub-menu {
    left: 0;
}
#header.header3 #navigation .menu li.megamenu > .sub-menu {
    left: 0;
}
#header.header3 #navigation ul.menu > li > a {
    margin: 0 0px 0 0 !important;
    display: inline;
    display: inline-block;
    float: none;
    position: relative;
}
#header.header3 #navigation ul.menu > li {
    border-right: 1px solid transparent;
}
#header.header3 .logo {
    text-align: center;
    float: none;
    padding: 15px 0;
}
#header.header3 #navigation .menu ul {
    text-align: left;
}
#header.header3 #navigation ul li:first-child {
    border-left: 1px solid transparent;
}
#header.header5 {
    background: none;
    background-color: transparent;
    position: absolute;
    z-index: 99;
}
.menu-item a[class*="fa-"]:before {
    font-family: "FontAwesome";
    margin-right: 5px;
    color: inherit;
}
#dl-menu .menu-item[class*="fa-"]:before,
.menu-item[class*="fa-"]:after {
    content: "";
    display: none;
}
#header-main:not(.header-scrolled) #header.header5.header-light .span12 .my-table {
    border-color: #ffffff;
}
.logo_light,
.logo_dark,
.logo_text_light,
.logo_text_dark {
    display: none;
    opacity: 0;
}
#header-main:not(.header-scrolled) #header.header-light .logo .logo_text_light {
    color: #ffffff;
    display: block;
    opacity: 1;
}
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.menu-item > a {
    color: #ffffff;
}
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.menu-item > a {
    color: #333333;
}
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.sfHover > a,
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.sfHover > a:hover,
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu li.menu-item a:hover,
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.current-menu-item > a:hover,
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.current-menu-item > a,
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.current-menu-ancestor > a:hover,
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.current-menu-ancestor > a,
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.current-menu-parent > a:hover,
#header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.current-menu-parent > a,
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.sfHover > a,
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.sfHover > a:hover,
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu li.menu-item a:hover,
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.current-menu-item > a:hover,
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.current-menu-item > a,
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.current-menu-ancestor > a:hover,
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.current-menu-ancestor > a,
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.current-menu-parent > a:hover,
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.current-menu-parent > a {
    color: #9e9e9e;
}
#header-main:not(.header-scrolled) #header.header5.header-dark .span12 .my-table {
    border-color: #333333;
}
#header-main:not(.header-scrolled) #header.header-dark .logo .logo_text_dark {
    color: #333333;
    display: block;
    opacity: 1;
}
#header-main:not(.header-scrolled) #header.header-dark #navigation ul.menu > li.megamenu > ul.sub-menum #header-main:not(.header-scrolled) #header.header-light #navigation ul.menu > li.megamenu > ul.sub-menu {
    margin-top: -1px;
}
#header-main:not(.header-scrolled) #header.header-dark .logo_dark {
    display: block;
    opacity: 1;
}
#header-main:not(.header-scrolled) #header.header-light .logo_light {
    display: block;
    opacity: 1;
}
#header-main:not(.header-scrolled) #header.header-light .logo_main,
#header-main:not(.header-scrolled) #header.header-dark .logo_main,
#header-main:not(.header-scrolled) #header.header-dark .logo_text_main,
#header-main:not(.header-scrolled) #header.header-light .logo_text_main {
    display: none;
    opacity: 0;
}
/*----------------------*/

#main .tparrows.custom {
    z-index: 20;
    cursor: pointer;
    background-color: transparent;
    width: 25px;
    height: 57px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#main .tparrows.custom:before {
    content: "";
}
#main .tp-leftarrow.custom {
    background-image: url(framework/images/tp-leftarrow.png);
}
#main .tp-rightarrow.custom {
    background-image: url(framework/images/tp-rightarrow.png);
}

#main .tp-bullets.custom.horizontal .tp-bullet {
    cursor: pointer;
    background: #333333;
    width: 8px;
    height: 8px;
    float: left;
    margin: 0 4px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid transparent;
}
#main .tp-bullets.custom.horizontal .tp-bullet.selected {
    background: none;
    cursor: default;
    border-color: #333333;
}
.wpb_images_carousel {
    padding: 0 40px;
}
a.vc-carousel-control {
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    display: block;
    background-color: #dddddd;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.vc-carousel-control.vc-right {
    right: -40px;
    background-image: url(framework/images/slider-next.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
}
a.vc-carousel-control.vc-left {
    left: -40px;
    background-image: url(framework/images/slider-prev.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    display: block !important;
}
.wpb_images_carousel.clients .vc-item img {
    border: 1px solid #e3e3e3;
}
.wpb_row {
    background-repeat: no-repeat !important;
}
.wpb_row.row-fluid.videosection {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.wpb_row.parallax-bg {
    background-repeat: repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
.vc_parallax-no {
    overflow: visible !important;
}
.wpb_row {} .wpb_row.bg_pos_right {
    background-position: top right !important;
}
.wpb_row.vc_row_fullwidth .vc_col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}
#content .wpb_row {
    margin-bottom: 0;
}
#content .vc_row:not(.vc_inner) {
    margin-left: 0;
    margin-right: 0;
}

body.side-navigation-enabled.sidenav-static #header.fixed_header {
    position: absolute;
}
body.side-navigation-enabled.sidenav-static.sidenav-left {
    padding-left: 270px;
}
body.side-navigation-enabled.sidenav-static.sidenav-left #header.header-scrolled {
    left: 270px;
    width: auto;
    position: fixed;
}
body.side-navigation-enabled.sidenav-static.sidenav-right {
    padding-right: 270px;
}
body.side-navigation-enabled.sidenav-static.sidenav-right #header.header-scrolled {
    right: 270px;
    width: auto;
    position: fixed;
}
body.side-navigation-enabled.sidenav-toggle #header.fixed_header {
    position: absolute;
}
body.side-navigation-enabled.sidenav-toggle.sidenav-left {
    padding-left: 70px;
}
body.side-navigation-enabled.sidenav-toggle.sidenav-left #header.header-scrolled {
    left: 70px;
    width: auto;
    position: fixed;
}
body.side-navigation-enabled.sidenav-toggle.sidenav-right {
    padding-right: 70px;
}
body.side-navigation-enabled.sidenav-toggle.sidenav-right #header.header-scrolled {
    right: 70px;
    width: auto;
    position: fixed;
}
body.admin-bar.side-navigation-enabled aside.side-navigation {
    top: 32px;
}
aside.side-navigation {
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 99998;
}
aside.side-navigation.side-navigation-static {
    width: 270px;
    -webkit-box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 37px;
    padding-right: 37px;
}
aside.side-navigation.side-navigation-toggle {
    width: 70px;
    -webkit-box-shadow: 0px 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 0;
    left: 0;
}
aside.side-navigation.side-navigation-toggle.show-on-mobile {
    display: none;
}
body.sidenav-right aside.side-navigation.side-navigation-toggle {
    right: 0;
    left: auto;
}
body.sidenav-right aside.side-navigation.side-navigation-toggle .navbar-menu {
    left: auto;
    right: 70px;
}
aside.side-navigation.side-navigation-toggle .logo {
    width: 100%;
    overflow: hidden;
    height: 72px;
    margin-bottom: 0;
    text-align: center;
}
aside.side-navigation.side-navigation-toggle .logo h1.text {
    font-size: 48px;
}
aside.side-navigation.side-navigation-toggle .logo h1.text {
    line-height: 72px;
    height: 72px;
    font-size: 48px;
}
aside.side-navigation.side-navigation-toggle .logo h1 a {
    color: inherit !important;
    line-height: 72px;
}
aside.side-navigation.side-navigation-toggle .toggleMenu {
    width: 70px;
    height: 77px;
    background-color: #f5f5f5;
    font-size: 24px;
    font-weight: 100;
    color: #3b4f42;
    display: block;
    text-align: center;
    line-height: 77px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
aside.side-navigation.side-navigation-toggle .navbar-menu.show {
    display: block;
}
aside.side-navigation.side-navigation-toggle .navbar-menu {
    width: 200px;
    padding: 20px;
    background: #f5f5f5;
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 70px;
    display: none;
    color: #424242;
}
body.sidenav-right aside.side-navigation.side-navigation-toggle .navbar-menu {
    border-right: 1px solid #e8e8e8;
}
body.sidenav-left aside.side-navigation.side-navigation-toggle .navbar-menu {
    border-left: 1px solid #e8e8e8;
}
.side-navigation-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.55);
}
.side-navigation-overlay.show {
    display: block;
}
ul#side-nav-toggle,
#side-nav-toggle ul {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 999;
}
ul#side-nav-toggle ul.sub-menu {
    display: none;
}
ul#side-nav-toggle > li > a {
    font-size: 12px;
    line-height: 36px;
    text-transform: uppercase;
    color: #424242;
    font-weight: 600;
    display: inline-block;
}
ul#side-nav-toggle li a {
    position: relative;
    width: 100%;
}
ul#side-nav-toggle > li.menu-item-has-children:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    line-height: 36px;
    height: 36px;
    width: 10px;
    top: 0;
    right: 0;
    text-align: center;
    position: absolute;
    color: #9b9b9b;
    display: block;
}
body.sidenav-right ul#side-nav-toggle > li.menu-item-has-children:after {
    right: 0;
}
aside.side-navigation.text-left ul#side-nav-toggle > li.menu-item-has-children:after {
    right: 0;
    left: auto;
}
aside.side-navigation.text-right ul#side-nav-toggle > li.menu-item-has-children:after {
    left: 0;
    right: auto;
}
ul#side-nav-toggle > li > ul > li {
    padding-left: 10px;
}
ul#side-nav-toggle li ul li {
    position: relative;
}
ul#side-nav-toggle > li > ul > li ul {
    padding-left: 15px;
}
ul#side-nav-toggle li ul li a {
    color: #8e8e8e;
    line-height: 36px;
    font-size: 13px;
    display: block;
}
body.sidenav-left aside.side-navigation {
    left: 0;
}
body.sidenav-right aside.side-navigation {
    right: 0;
}
aside.side-navigation .logo {
    margin-bottom: 50px;
}
body.sidenav-right aside.side-navigation {
    text-align: right;
}
aside.side-navigation .logo h1 a {
    color: #333333;
    font-size: 45px;
    display: block;
    line-height: 1;
    margin-bottom: 0;
}
aside.side-navigation .logo h1 a:hover {
    color: inherit;
}
aside.side-navigation .logo h1.text {
    text-indent: -3px;
}
aside.side-navigation::-webkit-scrollbar,
aside.side-navigation-toggle .navbar-menu::-webkit-scrollbar {
    display: none;
}
ul#side-nav,
#side-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 999;
}
ul#side-nav > li > a {
    font-size: 12px;
    line-height: 36px;
    text-transform: uppercase;
    color: #424242;
    font-weight: 600;
    display: inline-block;
    width: 100%;
}
ul#side-nav li a .sf-sub-indicator {
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    text-indent: -99999px;
}
body.sidenav-right ul#side-nav li a .sf-sub-indicator {
    right: 0;
}
aside.side-navigation.text-left ul#side-nav li a .sf-sub-indicator {
    right: 0;
    left: auto;
}
aside.side-navigation.text-right ul#side-nav li a .sf-sub-indicator {
    left: 0;
    right: auto;
}
ul#side-nav.show-indicator li a .sf-sub-indicator:before {
    content: "\f078";
    width: 10px;
    font-family: "FontAwesome";
    height: 10px;
    font-size: 9px;
    line-height: 10px;
    text-align: center;
    color: #9b9b9b;
    display: block;
    position: absolute;
    top: 0;
    text-indent: 0;
    left: 0;
    font-weight: normal;
}
ul#side-nav.show-indicator li.sfHover > a .sf-sub-indicator:before {
    content: "\f054";
    color: #5ed2ee
}
body.sidenav-right ul#side-nav.show-indicator li.sfHover > a .sf-sub-indicator:before {
    content: "\f053";
}
ul#side-nav li.current-menu-ancestor > a,
ul#side-nav li.current-menu-item > a,
ul#side-nav li.current_page_ancestor > a,
ul#side-nav li > a:hover,
ul#side-nav-toggle li.current-menu-ancestor > a,
ul#side-nav-toggle li.current-menu-item > a,
ul#side-nav-toggle li.current_page_ancestor > a,
ul#side-nav-toggle li > a:hover {
    color: #5ed2ee
}
ul#side-nav li.current-menu-ancestor > a .sf-sub-indicator:before,
ul#side-nav li.current-menu-item > a .sf-sub-indicator:before,
ul#side-nav li.current_page_ancestor > a .sf-sub-indicator:before,
ul#side-nav li > a:hover {
    color: #5ed2ee
}
body.side-navigation-enabled aside.side-navigation .social-icons ul li {
    color: #babdbf;
    float: none;
    display: inline-block;
}
body.side-navigation-enabled aside.side-navigation .social-icons ul li a {
    color: #babdbf;
}
body.side-navigation-enabled aside.side-navigation .socials-block .social-icons {
    display: block;
    margin-bottom: 10px;
}
body.side-navigation-enabled aside.side-navigation .socials-block {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 37px 20px 37px;
}
body.side-navigation-enabled aside.side-navigation .social-icons ul li a:hover {
    color: #fff;
}
.sf-vertical {
    width: 100%;
}
.sf-vertical li ul {
    position: absolute;
    display: none;
    z-index: 99;
    width: 210px;
    padding: 10px 20px !important;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0 3px 1px rgba(0, 0, 0, 0.15);
}
.sf-vertical li ul li a {
    color: #424242;
    font-size: 13px;
    line-height: 36px;
    display: inline-block;
    width: 100%;
}
body.sidenav-left .sf-vertical li ul {
    left: 100%;
    margin-left: 23px !important;
    top: 0;
}
body.sidenav-right .sf-vertical li ul {
    right: 100%;
    margin-right: 23px !important;
    top: 0;
}
body.sidenav-right .sf-vertical > li > ul >li >ul,
body.sidenav-left .sf-vertical > li > ul >li >ul {
    top: -10px;
}
body.sidenav-left ul#side-nav > li > ul {
    margin-left: 40px !important;
}
body.sidenav-right ul#side-nav > li > ul {
    margin-right: 40px !important;
}
.sf-vertical > li {
    float: none;
    position: relative;
    width: 100%;
}
.sf-vertical li {
    width: 100%;
}
/*** alter arrow directions ***/

.sf-vertical.sf-arrows > li > .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF;
    /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255, 255, 255, .5);
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
    border-left-color: white;
}
#lang_sel img,
#lang_sel_list img,
#lang_sel_footer img {
    top: 0px !important;
}
.affix {
    position: fixed;
    top: 160px;
    width: 100%
}
/**LAZY LOADING */

/*<div class="spinner">
  <div class="double-bounce1"></div>
  <div class="double-bounce2"></div>
</div>*/

.page-loading {
    position: fixed;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 99999;
    height: 100%;
}
.spinner {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
}
.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #999999;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
    margin: 0;
}
#content .woocommerce ul.products, 
.woocommerce #content ul.products, 
.woocommerce-page #content ul.products {
    margin-right: -15px;
    margin-left: -15px;
}
#content .woocommerce ul.products li.product, 
.woocommerce #content ul.products li.product, 
.woocommerce-page #content ul.products li.product {
    width: 25%;
    margin:0 0 30px 0;
    padding: 0 15px !important;
    float: left;
}
#content .woocommerce ul.products.columns-3 li.product, 
.woocommerce #content ul.products.cols-3 li.product, 
.woocommerce-page #content ul.products.cols-3 li.product {
    width: 33.333%;
}
#content .woocommerce ul.products.columns-2 li.product,
.woocommerce #content ul.products.cols-2 li.product, 
.woocommerce-page #content ul.products.cols-2 li.product {
    width: 50%;
}
#content .woocommerce ul.products.columns-5 li.product,
.woocommerce #content ul.products.cols-5 li.product,
.woocommerce-page #content ul.products.cols-5 li.product {
    width: 20%;
}
#content .woocommerce ul.products li.product a img,
.woocommerce #content ul.products li.product a img,
#content .woocommerce ul.products li.product a img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 0px;
}
#content .woocommerce .star-rating, 
.woocommerce #content .star-rating, 
#content .woocommerce .star-rating {
    font-size: 13px !important;
    letter-spacing: 3px;
    width: 6.30em;
}
#content .woocommerce ul.products li.product .star-rating,
.woocommerce #content ul.products li.product .star-rating, 
#content .woocommerce ul.products li.product .star-rating {
    left: 50%;
    margin-left: -3.15em;
}
.woocommerce .woocommerce-ordering select {
    width: 200px;
    background-color: #f6f6f6;
    border: 0;
    color: #666666;
    margin-bottom: 0;
    padding: 12px 15px; 
}
.woocommerce #content .woocommerce-result-count {
    margin-top: 6px;
}
.woocommerce #content .woocommerce-ordering {
    margin-bottom: 40px;
}
.woocommerce #content ul.products li.product .price,
#content .woocommerce ul.products li.product .price {
    font-size: 16px;
}
.woocommerce #content div.product p.price {
    font-size: 24px;
    margin-bottom: 33px;
}
.woocommerce #content div.product div[itemprop*="description"] {
    margin-bottom: 35px;
}
.woocommerce #content div.product div[itemprop*="description"] p:last-child {
    margin-bottom: 0;
}
.woocommerce #content div.product form.cart, .woocommerce #content div.product p.cart {
    margin-bottom: 60px;
}
#content .woocommerce ul.products li.product .price del, 
.woocommerce #content ul.products li.product .price del {
    opacity: 1;
    display: inline;
    padding-right: 5px;
}
#content .woocommerce ul.products li.product .price ins, 
.woocommerce #content ul.products li.product .price ins {
    text-decoration: none;
    font-weight: inherit;
    display: inline;
}
.woocommerce #content ul.products li.product h3,
#content .woocommerce ul.products li.product h3 {
    font-size: 18px;
    padding: .5em 0 1px 0;
}
.woocommerce #content ul.products li.product,
#content .woocommerce ul.products li.product {
    text-align: center;
}
#content .woocommerce div.product p.price del,
.woocommerce #content div.product p.price del {
    display: inline;
    padding-right: 5px;
    opacity: 1;
}
.woocommerce #content div.product p.price ins,
#content .woocommerce div.product p.price ins {
    text-decoration: none;
    font-weight: inherit;
    display: inline;
}
#content .woocommerce #respond input#submit, #content .woocommerce a.button, #content .woocommerce button.button, #content .woocommerce input.button,
.woocommerce #content .add_to_cart_button, .woocommerce #content .single_add_to_cart_button,
.woocommerce #content ul.products li.product a.added_to_cart,
.woocommerce #review_form #respond .form-submit input,
#content .woocommerce .cart .button, #content .woocommerce .cart input.button,
.woocommerce-cart #content .wc-proceed-to-checkout a.checkout-button {
      font-size: 100%;
      margin: 0 0 0 0px;
      line-height: 1;
      cursor: pointer;
      position: relative;
      font-family: inherit;
      text-decoration: none;
      overflow: visible;
      padding: 15px 15px;
      font-weight: 100;
      left: auto;
      color: #515151;
      background-color: #ebe9eb;
      border: 0;
      white-space: nowrap;
      display: inline-block;
      background-image: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      text-shadow: none;
      webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
      
}
#content .shipping-calculator-form button.button {
    padding: 11px 14px;
}
.woocommerce #content ul.products li.product a.added_to_cart,
#content .woocommerce ul.products li.product a.added_to_cart {
    display: none;
}
.woocommerce #content ul.products li.product a.add_to_cart_button,
#content .woocommerce ul.products li.product a.add_to_cart_button {
    font-size: 14px;
    line-height: 1;
    padding: 15px 15px;
    webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.woocommerce #content ul.products li.product a.button.loading,
#content .woocommerce ul.products li.product a.button.loading {
    opacity: 1;
}
.woocommerce #content ul.products li.product a.button.loading:after,
#content .woocommerce ul.products li.product a.button.loading:after {
    position: relative;
    margin-left: .53em;
    top: auto;
    left: auto;
    right: auto;
}
.woocommerce #content ul.products li.product .onsale, 
.woocommerce #content span.onsale, 
#content .woocommerce span.onsale {
      top: 16px;
      z-index: 9;
      right: 31px;
      left: auto;
      margin: 0;
      width: 42px;
      height: 42px;
      font-size: 12px;
      line-height: 41px;
      font-weight: 100;
}
#content .woocommerce span.onsale,
.woocommerce #content span.onsale {
    right: auto;
    left: 16px;
    top: 16px;
    background-color: #5ed2ee;
}
.woocommerce ul.products li.product .thumbnail_container {
    position: relative;
    overflow: hidden;
    margin-bottom: 9px;
}
.woocommerce ul.products li.product .thumbnail_container .asw_thumb_hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=00);
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    -webkit-backface-visibility: hidden;
}
.woocommerce ul.products li.product:hover .thumbnail_container .asw_thumb_hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.woocommerce ul.products li.product .button_container {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -40px;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.woocommerce ul.products li.product:hover .button_container {
    bottom: 24px;
    opacity: 1;
}
.woocommerce #pagination .next, .woocommerce #pagination .previous {
    display: none;
}
.woocommerce #content div.quantity,
#content .woocommerce div.quantity {
    width: 90px;
    margin-top: 11px;
}
#content .quantity .qty {
    padding: 0;
    width: 34px;
    text-align: center;
    border: 0;
    float: left;
    color: #333333;
    margin: 0;
}
#content .quantity .qty::-webkit-outer-spin-button,
#content .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}
.woocommerce div.product div.images img {
    border-radius: 3px;
}
.woocommerce div.product .product_title {
    font-size: 24px;
    margin-bottom: 0;
}
.quantity .minus, .quantity .plus {
    -webkit-appearance: none;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 16px;
    float: left;
    text-align: center;
    padding: 0;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    box-shadow: none;
    outline: none;
    color: #333333;
}
.quantity .minus:hover, .quantity .plus:hover {
    color: #ffffff;
    background-color: #5ed2ee;
    border-color: #5ed2ee;
}
.woocommerce-review-link {
    color: #666666;
}
.woocommerce .product_meta span {
    display: block;
}
.woocommerce  #content .woocommerce-tabs ul.tabs {
    padding: 0;
}
.woocommerce #content .woocommerce-tabs ul.tabs li {
    margin: 0 5px -1px 0;
    border-radius: 10px 10px 0 0;
    padding: 0;
    background:none;
    border-color: #dfdfdf;
    border-bottom-color: transparent;
}
.woocommerce #content .woocommerce-tabs ul.tabs li a {
    padding: 12px 22px;
    font-weight: inherit;
    font-size: 16px;
    color: #333333;
}
.woocommerce #content .woocommerce-tabs ul.tabs li.active{
    background: #ffffff;
}
.woocommerce #content .woocommerce-tabs .panel {
    padding: 50px 30px;
    margin-bottom: 50px;
    border-radius: 0px 10px 10px 10px;
}
.woocommerce #content .woocommerce-tabs .panel p:last-child {
    margin-bottom: 0;
}
.woocommerce  #content .woocommerce-tabs ul.tabs:before,
.woocommerce  #content .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    content:;
    display: none !important;
}
.woocommerce #review_form {
    padding-top: 25px;
}
.woocommerce #review_form #respond form {
    margin-bottom: 0;
}
.woocommerce #reviews #comments h2 {
    font-size: 18px;
    margin-bottom: 15px;
}
.woocommerce #content #reviews #comments ol.commentlist li {
    margin-bottom: 20px !important;
}
.woocommerce #content .related ul.products,
.woocommerce #content .upsells ul.products {
    margin-left: -15px;
    margin-right: -15px;
}
.woocommerce #content .related > h2,
.woocommerce #content .upsells > h2,
#content .woocommerce .cross-sells > h2 {
    margin-bottom: 30px;
}

#content .woocommerce .cart-collaterals .cross-sells ul.products,
#content .woocommerce-page .cart-collaterals .cross-sells ul.products {
    margin-left: -15px;
    margin-right: -15px;
}
#content .woocommerce .cart-collaterals .cross-sells ul.products li, #content .woocommerce-page .cart-collaterals .cross-sells ul.products li {
    width: 50%;
    margin: 0;
    padding: 0 15px;
}
.woocommerce .upsells.products, .woocommerce-page .upsells.products {
    margin-bottom: 30px;
}
#content .woocommerce-error:before, 
#content .woocommerce-info:before, 
#content .woocommerce-message:before {
    position: relative;
    margin-right: 7px;
    left: auto;
    top: auto;
}
#content .woocommerce-message:before {
    color: #5ed2ee;
}
#content .woocommerce-info:before {
    color: #999999;
}
#content .woocommerce-error:before {
    color: #ff5e3a;
}
#content .woocommerce-error, 
#content .woocommerce-info, 
#content .woocommerce-message {
    padding: 12px 22px 13px !important;
    margin: 0 0 30px !important;
    position: relative;
    background-color: #f7f6f7;
    border: 0px solid transparent;
    border-radius: 3px;
    color: #333333;
    font-size: 14px;
}
#content .woocommerce-message {
    background-color: #eaf8fe;
}
#content .woocommerce-error {
    background-color: #ffeae6;
}
#content .woocommerce-info {
    background-color: #f9f9f9;
}
#content .woocommerce-error .button, 
#content .woocommerce-info .button, 
#content .woocommerce-message .button {
    padding: 0;
    width: auto;
    height: auto;
    background: none;
    font-weight: inherit;
    font-size: 14px;
    color: #333333;
    line-height: inherit;
}
#content .woocommerce table.shop_table th, #content .woocommerce table.shop_table td{
    border: 0;
    border-bottom: 1px solid;
    border-color: #ececec;
}
#content .woocommerce table.shop_table {
    border:0;
    margin-bottom: 55px;
}
.woocommerce-cart #content table.cart img {
    width: 90px;
}
#content .woocommerce table.shop_table td.product-remove {
    width: 20px;
}
#content .woocommerce table.shop_table td.product-thumbnail {
    width: 131px;
}
#content .woocommerce table.shop_table th {
    background: none;
    font-weight: normal;
    text-transform: none;
    color: #333333;
}
#content .woocommerce a.remove {
    color: #333333 !important;
}
#content .woocommerce a.remove:hover {
    color: #ffffff !important;
}
#content .woocommerce table.shop_table td {
    padding: 25px 12px;
}
.woocommerce-cart #content table.cart td.actions .coupon .input-text {
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 11px 20px 12px;
    outline: none;
    font-size: 13px;
    font-weight: 100;
    color: #999999;
    margin: 0 20px 0 0;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
}
.woocommerce-cart #content .cart-collaterals .cart_totals table {
    border: 0;
}
.woocommerce-cart #content .cart-collaterals .cart_totals tr td, 
.woocommerce-cart #content .cart-collaterals .cart_totals tr th {
    border-top: 0;
}
.woocommerce-cart #content .cart-collaterals .cart_totals table td, 
.woocommerce-cart #content .cart-collaterals .cart_totals table th {
    padding: 20px 4px;
    font-weight: normal;
}
.woocommerce-cart #content .wc-proceed-to-checkout {
    text-align: right;
}
#content .select2-container .select2-choice {
  padding: 0px 0 0px 20px;
  height: 41px;
  line-height: 41px;
  border: 1px solid #dedede;
  color: #999999;
  border-radius: 5px;
}
#content .select2-container .select2-choice .select2-arrow {
    width: 36px;
}
#content .select2-container .select2-choice .select2-arrow b:after {
    content: "\f107";
    font-family: "FontAwesome";
    color: #999999;
    top: 0% !important;
    margin: 0 !important;
    border:0;
}
#select2-drop.select2-drop  {
    padding-top: 8px;
    margin-top: -4px;
    border: 1px solid #dedede;
    border-top: 0;
    border-bottom: 0;
    background: #ffffff !important;
}
#content .woocommerce-billing-fields .select2-container .select2-choice {
    margin-right: -1px;
}
.select2-results {
    padding: 0 !important;
    background: none !important;
}
.select2-results::-webkit-scrollbar { 
    display: none !important; 
}
.select2-results li {
    margin: 0;
    padding: 0 10px;
    background: #ffffff;
}
#customer_details {
    margin-bottom: 60px;
}
.woocommerce-checkout .cart-subtotal td, .woocommerce-checkout .shipping td, .woocommerce-checkout .product-name .product-quantity {
    font-weight: inherit !important;
}
#content .woocommerce-checkout #payment {
    background: #ffffff;
    border:1px solid #dedede;
    border-radius: 8px;
    padding: 0;
}
#content .woocommerce-checkout #payment ul.payment_methods {
    border-bottom:0;
    padding: 0;
}
#content .woocommerce-checkout #payment ul.payment_methods li {
    padding: 30px 25px;
    border-bottom: 1px solid #dedede;
}
#content .woocommerce-checkout #payment div.payment_box {
    background: none;
    color: inherit;
    padding-left: 28px;
    color: #999999;
}
.woocommerce-checkout #payment ul.payment_methods li input {
    float: left;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal input {
    margin-top: 18px;
}
.woocommerce-checkout #payment ul.payment_methods li label {
    overflow: hidden;
    line-height: 1;
    clear: right;
}
#content .woocommerce-checkout #payment div.payment_box:after {
    display: none;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
    position: relative;
    padding-left: 25px;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address #ship-to-different-address-checkbox {
    position: absolute;
    left: 0px;
    top: 9px;
}
#order_comments_field #order_comments {
    min-height: 121px;
}
.woocommerce-billing-fields > h3, h3#ship-to-different-address {
    font-size: 24px;
}
#content .woocommerce form.checkout_coupon, #content .woocommerce form.login, #content .woocommerce form.register {
    border-color:#dedede !important;
}

.cart {
}
.cart > a {
    display: block;
    padding-right: 0px;
    text-transform: uppercase;
    text-align: center !important;
}
.cart > a.empty-cart {
    width: auto !important;
}
.cart-contents, .cart-empty {
    display: none;
    min-width: 220px;
    max-width: 220px;
    overflow-x: hidden;
    text-align: left;
    position: absolute;
    top: 100%;
    left:0;
    background-color: #ffffff;
    margin-top: -1px;
    z-index: 95;
    border: 1px solid #ededed;
    line-height: 1;
}
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li .cart-contents, 
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li .cart-contents,
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li .cart-empty, 
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li .cart-empty {
    border: 1px solid #303030;
    background: #242424 !important;
}
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li .cart-contents .cart-content a, 
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li .cart-contents .cart-content a,
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li .cart-empty .cart-content, 
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li .cart-empty .cart-content {
    border-bottom: 1px solid #303030;
}
.cart-contents .cart-content-wrapper {
    overflow: auto;
    max-height: 323px;
    width: 235px;
    overflow-x:hidden;
}
.cart-contents .cart-content-wrapper::-webkit-scrollbar { 
    display: none !important; 
}
.cart-content {
    overflow: hidden;
}
.cart-contents .cart-content a, .cart-empty .cart-content {
    display: block !important;
    line-height: normal;
    color: inherit;
    padding: 15px 13px !important;
    width: 100%;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

#header-main:not(.header-scrolled) .header-dark #navigation .cart-contents .cart-content a, 
#header-main:not(.header-scrolled) .header-light #navigation .cart-contents .cart-content a, 
#header-main:not(.header-scrolled) .header-dark #navigation .cart-empty .cart-content, 
#header-main:not(.header-scrolled) .header-light #navigation .cart-empty .cart-content {
    color: #c3c3c3;
}
.cart-contents .cart-content:last-child a {
    border-bottom: 0;
}
.cart-contents .cart-subtotal {
    padding: 10px 15px;
    line-height: normal !important;
    text-align: right;
    overflow: hidden;
    color: #333333;
    border-top: 1px solid #ededed;
}
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li .cart-contents .cart-subtotal, 
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li .cart-contents .cart-subtotal {
    border-top: 1px solid #303030;
    color:#c3c3c3;
}
.cart-contents .cart-subtotal strong {
    padding-right: 15px;
    font-weight: normal;
    color: inherit;
    float: left;
    display: block;
}

.cart-content .cart-desc {
    float: left;
}
.cart-content a img {
    float: left;
    display: inline-block;
    max-width: 50px;
    margin-right: 15px;
}
.cart-content a .cart-desc {
    display: block;
    overflow: hidden;
}
.cart-contents a span {
    line-height: normal;
}
.cart-content a .cart-title, #topnav .cart-content a .quantity {
    display: block;
    font-size: 12px !important;
}
.cart-content a .cart-title {
    margin-bottom: 5px;
}
.cart-checkout, .cart-go-shop {
    overflow: hidden;
    padding: 8px 15px;
    border-top: 1px solid #e8e8e8;
}
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li .cart-contents .cart-checkout, 
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li .cart-contents .cart-checkout,
#header-main:not(.header-scrolled) .header-light #navigation ul.menu > li .cart-contents .cart-go-shop, 
#header-main:not(.header-scrolled) .header-dark #navigation ul.menu > li .cart-contents .cart-go-shop {
    border-top: 1px solid #303030;
    color: #c3c3c3;
}
.cart-link {
    float: left;
}
.checkout-link {
    float: right;
}
.cart-contents .cart-checkout a {
    font-size: 12px !important;
    line-height: normal;
    color: inherit;
}
.cart-checkout .cart-link a:before {
    font-family: 'FontAwesome';
    content: "\f07a";
    margin-right: 6px;
}
.cart-checkout .checkout-link a:before {
    font-family: 'FontAwesome';
    content: "\f046";
    margin-right: 6px;
}
#sidebar .woocommerce ul.cart_list li img, #sidebar .woocommerce ul.product_list_widget li img,
#footer .woocommerce ul.cart_list li img, #footer .woocommerce ul.product_list_widget li img,
#content .woocommerce ul.cart_list li img, #content .woocommerce ul.product_list_widget li img {
    margin-top: 0px;
    width: 64px;
    margin-left: 0;
    margin-right: 25px;
    float: left;
    border-radius: 5px;
}
#content .woocommerce ul.product_list_widget li,
#footer .woocommerce ul.product_list_widget li,
#sidebar .woocommerce ul.product_list_widget li {
    padding: 20px 0 0px 0;
    margin: 20px 0 0 0;
    border-top: 1px solid #ededed;
}
#sidebar .woocommerce ul.cart_list li,
#footer .woocommerce ul.cart_list li,
#content .woocommerce ul.cart_list li {
    padding: 10px 0 10px 24px;
    margin: 10px 0;
}
#content .woocommerce ul.product_list_widget li:first-child,
#footer .woocommerce ul.product_list_widget li:first-child,
#sidebar .woocommerce ul.product_list_widget li:first-child {
    margin: 0;
    border-top: 0;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 50% !important;
    margin-top: -10px;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    font-weight: normal !important;
    color: #333333;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: 1px solid #ededed !important;
    border-bottom: 1px solid #ededed !important;
    padding: 10px 0 10px 3px !important;
    margin-top: 15px;
}
#content .widget_price_filter .ui-slider .ui-slider-handle,
#sidebar .widget_price_filter .ui-slider .ui-slider-handle,
#footer .widget_price_filter .ui-slider .ui-slider-handle {
    background-color:#ffffff !important;
    border: 1px solid #e0e0e0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    top: -5px;
    margin-left: -15px;
}
#content .widget_price_filter .ui-slider .ui-slider-handle:nth-child(2),
#sidebar .widget_price_filter .ui-slider .ui-slider-handle:nth-child(2),
#footer .widget_price_filter .ui-slider .ui-slider-handle:nth-child(2) {
    margin-left: -1px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #e4e4e4 !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 30px !important;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    margin-top: 3px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
    background: none !important;
    border: 1px solid !important;
    color: #333333 !important;
    padding: 12px 20px;
    font-size: 14px !important;
    font-weight: normal !important;  
}
.widget_product_search .screen-reader-text, .widget_product_search .woocommerce-product-search input[type=submit] {
    display: none;
}
/* ------------------------------------------------------------------------ */
/* EOF
/* ------------------------------------------------------------------------ */