@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700,900");

/* columns with 20 and 40 percents width */
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-20 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-20 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-20 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-20 {
        width: 20%;
        float: left;
    }
}

.col-xs-40,
.col-sm-40,
.col-md-40,
.col-lg-40 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-40 {
    width: 40%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-40 {
        width: 40%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-40 {
        width: 40%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-40 {
        width: 40%;
        float: left;
    }
}

/* half on .container in .container-fluid */
.container-left-half,
.container-right-half {
    padding-right: 15px;
    padding-left: 15px;
}

.container-left-half {
    margin-right: 0;
    margin-left: auto;
}

.container-right-half {
    margin-right: auto;
    margin-left: 0;
}

@media (min-width: 768px) {

    .container-left-half,
    .container-right-half {
        width: 375px;
    }
}

@media (min-width: 992px) {

    .container-left-half,
    .container-right-half {
        width: 485px;
    }
}

@media (min-width: 1200px) {

    .container-left-half,
    .container-right-half {
        width: 585px;
    }
}

/* bootstrap breadcrumbs*/
.breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    color: inherit;
    font-weight: 700;
    font-size: 14px;
}

.breadcrumb>.active {
    color: #54be73;
}

.breadcrumb>li+li:before {
    color: #818181;
    padding: 0 20px 0 16px;
    content: "/";
    font-size: 12px;
    position: relative;
    top: -1px;
}

@media (min-width: 768px) {
    .breadcrumb>li+li:before {
        padding: 0 15px 0 11px;
    }
}

/* pagination */
.pagination {
    margin: 0;
    display: block;
    line-height: 0;
}

.pagination>li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
}

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

.pagination>li>a,
.pagination>li>span {
    text-align: center;
    padding: 12px 0;
    border: none;
    color: #1f232b;
    background-color: #f2f2f2;
    font-weight: 400;
    margin-left: 0;
    min-width: 46px;
    border-radius: 0;
    text-transform: uppercase;
    border-radius: 3px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 3px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #54be73;
    border-color: #54be73;
    color: #ffffff;
}

.pagination.color1>li>a:hover,
.pagination.color1>li>span:hover,
.pagination.color1>li>a:focus,
.pagination.color1>li>span:focus,
.pagination.color1>.active>a,
.pagination.color1>.active>span,
.pagination.color1>.active>a:hover,
.pagination.color1>.active>span:hover,
.pagination.color1>.active>a:focus,
.pagination.color1>.active>span:focus {
    background-color: #54be73;
    border-color: #54be73;
}

.pagination>.disabled>a,
.pagination>.disabled>span,
.pagination>.disabled>a:hover,
.pagination>.disabled>span:hover,
.pagination>.disabled>a:focus,
.pagination>.disabled>span:focus {
    background-color: #f2f2f2;
}

/* forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select,
.form-control {
    height: 40px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: none;
    color: #1f232b;
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 6px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 30px;
}

input[type="text"]+.theme_button,
input[type="email"]+.theme_button,
input[type="url"]+.theme_button,
input[type="password"]+.theme_button,
input[type="search"]+.theme_button,
input[type="tel"]+.theme_button,
input[type="number"]+.theme_button,
textarea+.theme_button,
select+.theme_button,
.form-control+.theme_button {
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    color: #1f232b;
    box-shadow: none;
    background-color: transparent !important;
    border-color: transparent !important;
}

input[type="text"]+.theme_button i,
input[type="email"]+.theme_button i,
input[type="url"]+.theme_button i,
input[type="password"]+.theme_button i,
input[type="search"]+.theme_button i,
input[type="tel"]+.theme_button i,
input[type="number"]+.theme_button i,
textarea+.theme_button i,
select+.theme_button i,
.form-control+.theme_button i {
    font-size: 1em;
    top: 0;
}

.ds input[type="text"]+.theme_button,
.cs input[type="text"]+.theme_button,
.ds input[type="email"]+.theme_button,
.cs input[type="email"]+.theme_button,
.ds input[type="url"]+.theme_button,
.cs input[type="url"]+.theme_button,
.ds input[type="password"]+.theme_button,
.cs input[type="password"]+.theme_button,
.ds input[type="search"]+.theme_button,
.cs input[type="search"]+.theme_button,
.ds input[type="tel"]+.theme_button,
.cs input[type="tel"]+.theme_button,
.ds input[type="number"]+.theme_button,
.cs input[type="number"]+.theme_button,
.ds textarea+.theme_button,
.cs textarea+.theme_button,
.ds select+.theme_button,
.cs select+.theme_button,
.ds .form-control+.theme_button,
.cs .form-control+.theme_button {
    color: #ffffff;
}

.form-group {
    position: relative;
}

.form-group:last-child {
    margin-bottom: 0;
}

.form-group-wrap {
    position: relative;
    display: inline-block;
}

/* select styling */
.form-control option {
    color: #1f232b;
    background-color: #ffffff;
}

.form-control-unstyled {
    border: none;
    background-color: transparent;
}

/* select styling */
.select-group {
    position: relative;
    border-radius: 3px;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.select-group select {
    position: relative;
    cursor: pointer;
    z-index: 1;
    padding-right: 70px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent !important;
    border: none !important;
}

.select-group select::-ms-expand {
    display: none;
}

.select-group .empty {
    color: #818181 !important;
}

.select-group option {
    font-weight: 300;
}

.select-group option[data-default] {
    color: rgba(129, 129, 129, 0.6);
}

.select-group:hover .no_bg_button.color1 {
    color: #1f232b;
}

.select-group .theme_button {
    font-size: 16px;
}

.inline-form .select-group {
    display: inline-block;
    min-width: 200px;
}

.form-control:focus {
    box-shadow: none;
}

.form-control.invalid {
    box-shadow: 0 0 0 2px #54be73;
}

.form-control:focus {
    border-color: rgba(129, 129, 129, 0.5);
}

.form-control:-moz-placeholder {
    color: #818181;
    font-style: italic;
}

.form-control::-moz-placeholder {
    color: #818181;
    font-style: italic;
}

.form-control:-ms-input-placeholder {
    color: #818181;
    font-style: italic;
}

.form-control::-webkit-input-placeholder {
    color: #818181;
    font-style: italic;
}

.form-control:focus:-moz-placeholder {
    color: transparent;
}

.form-control:focus::-moz-placeholder {
    color: transparent;
}

.form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.form-control:focus::-webkit-input-placeholder {
    color: transparent;
}

/*icons for forms */
form label+[class*="icon2-"],
form label+[class*="fa-"] {
    position: absolute;
    font-size: 14px;
    left: 15px;
    top: 13px;
    width: 1em;
    text-align: center;
}

form label+[class*="icon2-"]+.form-control,
form label+[class*="fa-"]+.form-control {
    padding-left: 40px;
}

form .with_icon {
    padding-left: 25px;
}

form .with_icon+[class*="fa-"],
form .with_icon+[class*="icon2-"] {
    position: absolute;
    top: 17px;
    left: 2px;
    font-size: 13px;
}

form .with_icon:focus+[class*="fa-"],
form .with_icon:focus+[class*="icon2-"] {
    color: #face77;
}

label {
    font-weight: inherit;
}

.checkbox label,
.radio label {
    font-weight: inherit;
}

.checkbox label[for],
.radio label[for] {
    font-weight: inherit;
}

.form-control+[class*="icon2-"] {
    position: absolute;
    font-size: 24px;
    left: 20px;
    top: 50%;
    color: #54be73;
}

.checkbox label[for]+input[type=checkbox],
.checkbox label[for]+input[type=radio],
.radio label[for]+input[type=checkbox],
.radio label[for]+input[type=radio] {
    left: 20px;
}

input[type=checkbox],
input[type=radio] {
    margin-top: 7px;
}

.form-wrapper.with_background,
.form-wrapper.muted_background,
.form-wrapper.cs,
.form-wrapper.ds,
.form-wrapper.ls {
    padding: 35px;
}

.form-inline-button .form-inline {
    position: relative;
}

.form-inline-button .form-inline .form-control {
    width: 100%;
    margin: 0;
}

.form-inline-button .form-inline label {
    display: block;
}

.form-inline-button .form-inline label[for] {
    display: none;
}

.form-inline-button .form-inline .form-group {
    display: block;
    vertical-align: top;
    position: relative;
}

@media (min-width: 768px) {
    .form-inline-button .form-inline .form-group.inline-block {
        min-width: 370px;
        margin-right: 5px;
    }
}

.form-inline-button .form-inline [type="text"],
.form-inline-button .form-inline [type="password"],
.form-inline-button .form-inline [type="search"],
.form-inline-button .form-inline [type="email"] {
    padding-right: 50px;
    width: 100%;
}

.form-inline-button .form-inline [type="submit"],
.form-inline-button .form-inline .theme_button {
    font-size: 0;
    padding-left: 22px;
    padding-right: 22px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background-color: #54be73;
    color: #ffffff;
}

.form-inline-button .form-inline [type="submit"] i,
.form-inline-button .form-inline .theme_button i {
    font-size: 16px;
    content: "\e656";
    font-family: 'rt-icons-2';
    line-height: 1;
    top: 0;
}

.form-inline-button .form-inline [type="submit"]:hover,
.form-inline-button .form-inline .theme_button:hover {
    opacity: 0.5;
}

.has-error .form-control {
    border-color: #54be73;
}

.has-error label,
.has-error .help-block {
    color: #54be73;
}

/*styled checkbox */
.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox label+input[type="checkbox"],
.checkbox label>input[type="checkbox"] {
    display: inline-block;
}

input[type="checkbox"]+label {
    padding-left: 0;
}

input[type="checkbox"]+label>a {
    color: #1f232b;
}

input[type="checkbox"]+label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 1px 10px 4px 0;
    text-align: center;
    padding-right: 0.1em;
    width: 16px;
    height: 16px;
    line-height: 14px;
    font-size: 15px;
    border: 2px solid #e5e5e5;
    font-family: "FontAwesome";
}

input[type="checkbox"]:checked+label:before {
    content: "\f00c";
    color: #1f232b;
}

input[type="checkbox"]:disabled+label:before {
    background-color: #e5e5e5;
}

/*styled radio*/
.radio input[type="radio"] {
    display: none;
}

.radio label+input[type="radio"],
.radio label>input[type="radio"] {
    display: inline-block;
}

input[type="radio"]+label {
    padding-left: 0;
}

input[type="radio"]+label>a {
    color: #999999;
}

input[type="radio"]+label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
}

input[type="radio"]:checked+label:before {
    padding: 3px;
    background-color: #1f232b;
    background-clip: content-box;
}

input[type="radio"]:disabled+label:before {
    background-color: #e5e5e5;
}

/* inline input with button */
.button-on-input {
    position: relative;
}

.button-on-input input[type*="text"],
.button-on-input input[type*="email"] input[type*="password"],
.button-on-input .form-group {
    width: 100%;
}

.button-on-input button,
.button-on-input input[type*="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

/* carousel */
.carousel {
    overflow: hidden;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-width: 0;
    background-color: #1f232b;
    margin: 0 3px;
    transition: all 0.2s ease-in-out 0s;
}

.carousel-indicators li:hover {
    opacity: 0.8;
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background-color: #54be73;
}

.carousel-control.left,
.carousel-control.right {
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 0px;
    width: 50px;
    height: 50px;
    left: -50px;
    top: 50%;
    margin-top: -25px;
    text-shadow: none;
    opacity: 1;
    background-image: none;
    filter: alpha(opacity=100);
    text-align: center;
}

.carousel-control.right {
    right: -50px;
}

.carousel:hover .carousel-control {
    left: 50px;
}

.carousel:hover .carousel-control.right {
    left: auto;
    right: 50px;
}

.carousel-control.left span,
.carousel-control.right span {
    font-family: 'rt-icons-2';
    width: 50px;
    height: 50px;
    margin: 0;
    font-size: 16px;
    left: 0;
    top: 0;
    line-height: 50px;
}

.carousel-control .icon-prev:before {
    content: "\e7c4";
}

.carousel-control .icon-next:before {
    content: "\e7c5";
}

/* collapse accordion */
.panel-heading .panel-title {
    font-size: inherit;
    letter-spacing: 0;
    padding: 0;
    position: relative;
}

.panel-heading .panel-title>a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    padding: 23px 50px 22px 30px;
    margin: -2px;
    background-color: #54be73;
    border: none;
    color: #ffffff;
    border-radius: 3px;
    word-wrap: break-word;
}

.panel-heading .panel-title>a.collapsed:hover,
.panel-heading .panel-title>a:hover {
    background-color: #54be73;
    color: #ffffff;
}

.panel-heading .panel-title>a.collapsed:hover i,
.panel-heading .panel-title>a:hover i {
    color: #ffffff;
}

.panel-heading .panel-title>a.collapsed {
    color: rgba(129, 129, 129, 0.7);
    background-color: #f2f2f2;
}

.panel-heading .panel-title>a.collapsed i {
    color: #54be73;
}

.panel-heading .panel-title>a:after {
    content: '-';
    position: absolute;
    text-align: center;
    right: 0;
    top: 0;
    width: 50px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 300;
}

.panel-heading .panel-title>a.collapsed:after {
    content: '+';
}

.panel-heading .panel-title>a>i {
    position: relative;
    width: 2em;
    padding-right: 10px;
    text-align: center;
    display: inline-block;
    line-height: 0;
}

.panel {
    box-shadow: none;
}

.panel-group .panel {
    border-radius: 5px;
    background-color: transparent;
}

.panel-default>.panel-heading {
    background-color: transparent;
    color: inherit;
    position: relative;
    border: none;
    border-radius: 0;
    padding: 0;
}

.panel-default {
    border: none;
}

.panel-group .panel+.panel {
    margin-top: 15px;
}

.panel-body {
    border-top: none !important;
}

.panel-body .media-left {
    padding-right: 15px;
}

.panel-body .media-left .img-circle {
    max-width: 50px;
}

.panel-body .media-left img {
    max-width: 80px;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    padding: 20px;
    border-radius: 0px;
}

@media (min-width: 400px) {
    .panel-group .panel-heading+.panel-collapse .panel-body {
        padding: 32px 35px 20px;
    }
}

.collapse-unstyled .panel h4 {
    margin: 0 0 0.5em;
}

.collapse-unstyled .panel h4 a:after {
    color: #54be73;
    padding: 0 5px;
    display: inline-block;
    font-family: 'FontAwesome';
    content: "\f107";
}

.collapse-unstyled .panel h4 a.collapsed:after {
    content: "\f105";
}

.collapse-unstyled .panel-content {
    padding: 10px 20px;
}

/* progress bars */
.progress-bar-title {
    font-weight: 500;
    margin-bottom: 6px;
}

.progress {
    overflow: visible;
    height: 5px;
    margin-bottom: 23px;
    position: relative;
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.ls .with_background .progress {
    background-color: #ffffff;
}

.ls.ms .with_background .progress {
    background-color: #ffffff;
}

.progress-bar {
    background-color: #54be73;
    color: inherit;
    box-shadow: none;
    height: 5px;
}

.progress-bar span {
    position: absolute;
    right: 0;
    top: -28px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2em;
}

.progress-bar-success {
    background-color: #face77;
}

.progress-bar-info {
    background-color: #54be73;
}

.progress-bar-warning {
    background-color: #712357;
}

.progress-bar-danger {
    background-color: #e34f61;
}

/* nav and tabs */
.nav>li>a:hover,
.nav>li>a:focus {
    background-color: inherit;
}

.unstyled-tabs-title {
    margin-bottom: -20px;
}

.nav-unstyled {
    list-style: none;
    padding: 0;
    margin: 0 -12px;
}

.nav-unstyled li {
    display: inline-block;
    margin-bottom: -1px;
}

.nav-unstyled li a {
    display: inline-block;
    padding: 10px 12px;
    font-weight: 500;
}

.nav-unstyled .active a {
    color: #1f232b;
    border-color: #54be73;
}

/*tabs*/
.tab-content {
    border-radius: 0;
    padding: 30px 20px;
    background-color: #f2f2f2;
}

.tab-content.no-border {
    padding: 30px 0 0;
    background-color: transparent;
}

.tab-content.top-color-border {
    position: relative;
}

.tab-content.top-color-border:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 10px;
    background-color: #54be73;
}

.tab-content.tab-unstyled {
    padding: 10px 0 0;
    border: none;
    background-color: transparent;
}

.ls .tab-content.tab-unstyled,
.ds .tab-content.tab-unstyled,
.cs .tab-content.tab-unstyled {
    background-color: transparent;
}

.tab-content .featured-tab-image {
    margin: -35px -35px 30px -35px;
}

@media (min-width: 400px) {
    .tab-content {
        padding: 35px;
    }
}

@media (min-width: 400px) {
    aside .tab-content {
        padding: 30px 20px;
    }
}

@media (min-width: 1200px) {
    .tab-content.big-padding {
        padding: 55px;
    }
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-bottom: none;
}

.nav-tabs {
    border-bottom: none;
    margin-top: 0px;
}

.nav-tabs>li {
    margin-bottom: 0;
}

.nav-tabs>li+li {
    margin-left: 3px;
}

.nav-tabs>li>a {
    position: relative;
    z-index: 1;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
    margin-right: 0;
    margin-top: 0px;
    border: none;
    background-color: transparent;
    border: 2px solid #bebebe;
    border-bottom: none;
    color: #bebebe;
    border-radius: 3px 3px 0 0;
}

.small-tabs .nav-tabs>li>a {
    padding: 10px;
}

.nav-tabs>li>a i {
    position: relative;
    top: 4px;
    padding-right: 5px;
    font-size: 1.6em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
    line-height: 0;
}

@media (min-width: 992px) {
    .nav-tabs>li>a {
        padding: 15px 25px;
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .nav-tabs>li>a {
        padding: 21px 50px 20px;
    }
}

@media (max-width: 400px) {
    .nav-tabs>li>a {
        font-size: 10px;
        padding: 8px;
    }

    .small-tabs .nav-tabs>li>a {
        font-size: 10px;
        padding: 8px;
    }
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-color: #54be73;
    background-color: #54be73;
    color: #ffffff;
    border-width: 2px;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs.nav-justified>.active>a {
    border-color: #54be73;
    background-color: #54be73;
    color: #ffffff;
}

/*vertical tabs*/
.vertical-tabs .tab-content.no-border {
    padding-top: 0;
}

.vertical-tabs .nav>li>a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #f2f2f2;
    padding: 18px 40px 17px 30px;
    margin-bottom: 10px;
    position: relative;
    color: #818181;
}

.vertical-tabs .nav>li>a i {
    position: relative;
    top: 4px;
    padding-right: 8px;
    font-size: 1.6em;
    width: 2em;
    text-align: center;
    display: inline-block;
    line-height: 0;
}

.vertical-tabs .nav>li>a:after {
    font-family: 'rt-icons-2';
    content: "\e7c5";
    position: absolute;
    font-size: 13px;
    line-height: 60px;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    letter-spacing: 0;
}

.vertical-tabs.no-arrows .nav>li>a:after {
    display: none;
}

.vertical-tabs.no-arrows .nav>li>a {
    padding: 24px 0;
}

.vertical-tabs .nav>li.active a,
.vertical-tabs .nav>li>a:hover {
    background-color: #54be73;
    border-color: #54be73;
    color: #ffffff;
}

@media (min-width: 768px) {
    .vertical-tabs .nav>li.active {
        position: relative;
        z-index: 2;
    }
}

/* modal */
.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

.modal-content {
    border-radius: 1px;
}

.modal-content [class*="col-"]:last-child {
    margin-bottom: 0;
}

/* bootstrap tables */
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 15px 15px;
    border-color: #e5e5e5;
}

.table {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.table td+th,
.table th+td,
.table th+th,
.table td+td {
    border-left: 1px solid #e5e5e5;
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}

.table>tbody>tr>td.media-middle {
    vertical-align: middle;
}

.table-responsive {
    border: none;
}

/* bootstrap buttons */
.btn {
    padding: 22px 30px 22px;
    margin: 0 0 4px 0;
    font-weight: 700;
    border: none;
    border-radius: 0;
    outline: none;
    transition: all 0.3s ease-in-out 0s;
}

.btn:hover,
.btn:focus {
    outline: none;
}

/* media elements */
.media {
    margin-top: 20px;
}

.media .media-object {
    max-width: 100px;
}

li.media:before,
li.media:after {
    display: block;
    content: '';
    clear: both;
}

.media-right,
.media>.pull-right {
    padding-left: 20px;
}

.media-left,
.media>.pull-left {
    padding-right: 20px;
}

.media-left img,
.media-right img {
    max-width: 70px;
}

@media (min-width: 768px) {

    .big-left-media .media-left img,
    .big-left-media .media-right img {
        max-width: 100px;
    }
}

td .media-body {
    width: auto;
}

/* bootstrap dropdown menu */
.dropdown-menu {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    border-color: transparent;
    z-index: 1001;
    font-size: 13px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
}

[class*="right"] .dropdown-menu {
    right: 0;
    left: auto;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #1f232b;
    background-color: transparent;
}

.dropdwon-menu-title {
    padding: 10px 30px;
}

.well {
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.embed-responsive-3by2 {
    padding-bottom: 66.666%;
}

.embed-placeholder:after {
    transition: all 0.2s ease-in-out 0s;
    content: "\f04b";
    font-family: 'FontAwesome';
    position: absolute;
    color: #ffffff;
    font-size: 14px;
    line-height: 56px;
    width: 60px;
    height: 60px;
    text-align: center;
    border: 2px solid #ffffff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}

.embed-placeholder:hover:after {
    opacity: 0.4;
}

.alert {
    border-radius: 2px;
    border-width: 0;
    padding: 17px 30px;
    margin-bottom: 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px;
}

.alert i {
    position: relative;
    top: 1px;
}

.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
    color: #ffffff;
}

.alert-success {
    background-color: #face77;
}

.alert-info {
    background-color: #54be73;
}

.alert-warning {
    background-color: #712357;
}

.alert-danger {
    background-color: #e34f61;
}

button.close {
    min-width: 0;
    margin-bottom: 0;
    margin-top: 5px;
}

/* small in headings */
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    color: inherit;
    font-weight: 300;
}

/* labels */
.label-success {
    color: #ffffff;
    background-color: #face77;
}

.label-info {
    color: #ffffff;
    background-color: #54be73;
}

.label-warning {
    color: #ffffff;
    background-color: #712357;
}

.label-danger {
    color: #ffffff;
    background-color: #e34f61;
}

/*
** General Styles for HTML tags
*/
html {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
}


body {
    font-family: 'Roboto', sans-serif, '微軟正黑體';
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    background-color: #ccc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
    line-height: 1;
    word-break: break-word;
    margin-top: 1.3em;
    margin-bottom: 0.8em;
}

h1 {
    font-size: 52px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

p {
    margin-bottom: 20px;
}

p:last-child {
    margin-bottom: 0;
}

blockquote {
    position: relative;
    margin: 25px 0;
    padding: 0;
    border: none;
    font-size: 20px;
    line-height: 30px;
    color: rgba(129, 129, 129, 0.8);
    font-style: italic;
}

blockquote img {
    display: block;
    max-width: 120px;
    margin: 0 auto 15px;
    border-radius: 50%;
}

blockquote .item-meta {
    font-style: normal;
    line-height: 24px;
}

blockquote .item-meta.media {
    margin: 0;
}

blockquote .item-meta h4 {
    margin-bottom: 0;
}

blockquote .media-left {
    padding-right: 15px;
}

@media (min-width: 768px) {
    blockquote.text-center {
        max-width: 85%;
        margin-right: auto;
        margin-left: auto;
    }
}

blockquote.with_single_quote {
    z-index: 1;
}

blockquote.with_single_quote .item-meta:after {
    content: "“";
    display: block;
    margin-top: 25px;
    font-style: normal;
    color: #54be73;
    font-size: 48px;
}

.owl-carousel blockquote {
    margin-top: 0;
    margin-bottom: 0;
}

img,
figure {
    max-width: 100%;
    height: auto;
}

figcaption,
.entry-caption {
    padding: 2px 0 12px;
}

figcaption p,
.entry-caption p {
    margin-bottom: 0;
}

label {
    color: #1f232b;
}

a {
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}

a:hover {
    color: #face77;
    text-decoration: none;
    transition: all 0.2s linear 0s;
}

input:focus,
button:focus,
select:focus,
textarea:focus,
a:focus {
    outline: medium none;
    text-decoration: none;
}

a>img {
    transition: all 0.2s ease-in-out 0s;
}

a:hover>img {
    opacity: 0.8;
}

hr {
    border: none;
    height: 1px;
    margin-left: 0;
    margin-right: 0;
    background-color: #ddd;
}

iframe {
    border: none;
    max-width: 100%;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

table {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
}

table td,
table th {
    padding: 13px 4px;
    line-height: 1.42857143;
    vertical-align: top;
}

table th {
    color: #1f232b;
    font-weight: normal;
    vertical-align: middle;
    line-height: 1;
}

.table_template thead {
    background-color: #54be73;
    color: #1f232b;
}

.table_template thead.light {
    background-color: #ffffff;
}

.table_template th {
    font-weight: 700;
}

.table_template td,
.table_template th {
    padding: 18px 30px;
}

.table_template tbody tr:nth-of-type(odd) {
    background-color: rgba(238, 238, 238, 0.1);
}

.table_template tbody tr:nth-of-type(even) {
    background-color: rgba(17, 17, 17, 0.05);
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/*
** Styled Lists
*/
ul,
ol {
    padding-left: 30px;
    margin-bottom: 20px;
}

.list1 ul,
ul.list1 {
    list-style: none;
    padding: 0;
}

.padding_30 .list1 ul,
.padding_30 ul.list1 {
    margin: 0;
}

.list1 li {
    position: relative;
    padding: 9px 0 10px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.muted_background .list1 li {
    border-color: rgba(255, 255, 255, 0.4);
}

.list1 li>.media {
    margin: 3px 0;
}

.list1.big-padding li {
    padding-top: 22px;
    padding-bottom: 21px;
}

.list1.huge-padding li {
    padding-top: 37px;
    padding-bottom: 36px;
}

.list1.no-bullets li {
    padding-left: 0;
}

.list1.no-bullets li:before {
    display: none;
}

.list1.no-top-border li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.list1.no-bottom-border li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.list1 li:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #54be73;
    left: 10px;
    top: 18px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.list2 ul,
ul.list2 {
    list-style: none;
    padding-left: 20px;
}

.list2 li {
    position: relative;
    padding: 8px 0 8px 0;
}

.list2 li:first-child {
    padding-top: 0;
}

.list2 li:first-child:before {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.list2 li:before {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #face77;
}

.list2.checklist {
    padding-left: 30px;
}

/* .list2.checklist li:before {
    content: "\f00c";
    font-size: 14px;
    left: -30px;
} */

.list3 ol,
ol.list3 {
    counter-reset: li;
    list-style: none outside none;
    padding: 0;
}

.list3 li {
    position: relative;
    padding: 2px 0 2px 25px;
}

.list3 li:after {
    content: counter(li) ".";
    counter-increment: li;
    position: absolute;
    left: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 700;
    color: #54be73;
}

.list-unstyled .media {
    margin-bottom: 10px;
}

.list-unstyled li:last-child>.media {
    margin-bottom: 0;
}

.list-unstyled .media-left {
    padding-right: 10px;
}

.list-unstyled .media-left img {
    border-radius: 50%;
}

.list-unstyled .media-right {
    padding-left: 10px;
}

.list-unstyled .media-right img {
    border-radius: 50%;
}

.list-unstyled .media-body .pull-right {
    margin: 0 20px;
}

/* 
** Buttons 
*/
.theme_buttons a,
.theme_button,
.wc-proceed-to-checkout .checkout-button,
.buttons a,
button,
input[type="submit"] {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 22px 35px 22px;
    margin-bottom: 4px;
    line-height: 1;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    border: none;
    background-color: #1f232b;
    border-radius: 3px;
    border: 2px solid #1f232b;
    position: relative;
    transition: all 0.4s linear 0s;
}

.theme_buttons.color1 a,
.theme_button.color1,
.button.alt,
.btn-accent,
.wc-proceed-to-checkout .checkout-button,
.form-submit [type="submit"] {
    background-color: #face77;
    border-color: #face77;
}

.theme_buttons.color1 a:hover,
.theme_buttons.color1 a:focus,
.theme_buttons.color1 a:active,
.theme_button.color1:hover,
.theme_button.color1:focus,
.theme_button.color1:active,
.button.alt:hover,
.button.alt:focus,
.button.alt:active,
.btn-accent:hover,
.btn-accent:focus,
.btn-accent:active,
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus,
.wc-proceed-to-checkout .checkout-button:active,
.form-submit [type="submit"]:hover,
.form-submit [type="submit"]:focus,
.form-submit [type="submit"]:active {
    color: #1f232b;
    border-color: #face77;
}

.theme_buttons.color2 a,
.theme_button.color2 {
    background-color: #face77;
    border-color: #face77;
}

.theme_buttons.color2 a:hover,
.theme_buttons.color2 a:focus,
.theme_buttons.color2 a:active,
.theme_button.color2:hover,
.theme_button.color2:focus,
.theme_button.color2:active {
    color: #1f232b;
    border-color: #face77;
}

.theme_button[class*="color"]:hover,
.theme_button[class*="color"]:focus,
.theme_button[class*="color"]:active {
    color: #1f232b;
}

.theme_buttons a:active,
.theme_buttons a:hover,
.theme_buttons a:focus,
.theme_button:active,
.theme_button:hover,
.theme_button:focus,
.wc-proceed-to-checkout .checkout-button:hover {
    color: #1f232b;
    border-color: #1f232b;
    opacity: 1;
    text-decoration: none;
    outline: none;
    transition: all 0.05s linear 0s;
}

.theme_buttons a:active,
.theme_button:active {
    top: 1px;
}

.theme_button.inverse {
    color: #1f232b;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.theme_button.inverse:hover,
.theme_button.inverse:focus,
.theme_button.inverse:active {
    color: #54be73;
    background-color: #f2f2f2;
}

.theme_button.inverse.color1 {
    background-color: transparent;
    border-color: #54be73;
    color: #1f232b;
}

.theme_button.inverse.color1:hover,
.theme_button.inverse.color1:focus,
.theme_button.inverse.color1:active {
    color: #ffffff;
    background-color: #54be73;
}

.theme_button.inverse.color2 {
    background-color: transparent;
    border-color: #face77;
    color: #1f232b;
}

.theme_button.inverse.color2:hover,
.theme_button.inverse.color2:focus,
.theme_button.inverse.color2:active {
    color: #ffffff;
    background-color: #face77;
}

.muted_buttons a,
.muted_button {
    opacity: 0.2;
}

.small_buttons a,
.small_button {
    padding: 5px 7px 2px;
    text-transform: uppercase;
    font-weight: 100;
    min-width: auto;
}

.square_buttons a,
.square_button {
    padding-left: 10px;
    padding-right: 10px;
    min-width: auto;
}

.wide_buttons a,
.wide_button {
    padding-right: 45px;
    padding-left: 45px;
}

.block_buttons a,
.block_button {
    display: block;
    width: 100%;
    text-align: center;
}

.no_bg_button {
    background-color: transparent !important;
}

.no_bg_button.color1 {
    color: #54be73;
}

.no_bg_button.color2 {
    color: #face77;
}

.no_bg_button[class*="color"]:hover,
.no_bg_button[class*="color"]:focus,
.no_bg_button[class*="color"]:active {
    color: #1f232b;
}

/*icons in headings, paragraphs and buttons*/
h1>[class*="rt-icon"],
h2>[class*="rt-icon"],
h3>[class*="rt-icon"],
h4>[class*="rt-icon"],
h5>[class*="rt-icon"],
h6>[class*="rt-icon"] {
    position: relative;
    top: .08em;
    padding-right: 0.1em;
}

p>[class*="rt-icon"] {
    font-size: 1.1em;
    position: relative;
    top: .1em;
    line-height: 0;
    padding: 0 0.2em;
}

p>[class*="rt-icon"]+[class*="rt-icon"] {
    margin-left: -0.75em;
}

.theme_buttons a>[class*="rt-icon"],
.theme_button>[class*="rt-icon"] {
    font-size: 1.8em;
    line-height: 0;
    position: relative;
    top: 5px;
    padding: 0 3px;
}

.theme_buttons a>[class*="glyphicon"],
.theme_buttons a>[class*="fa-"],
.theme_button>[class*="glyphicon"],
.theme_button>[class*="fa-"] {
    font-size: 1.5em;
    position: relative;
    top: 3px;
    line-height: 0;
}

.form-inline [type="submit"],
.form-inline .btn,
.form-inline .theme_button {
    margin-bottom: 0;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 16px 16px;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
}

.read-more {
    display: block;
    margin-bottom: -10px;
    width: 60px;
    margin-right: auto;
    margin-left: auto;
}

.read-more:before {
    content: "\f107";
    font-family: FontAwesome;
    position: relative;
    top: 0;
    transition: top 0.2s ease 0s;
}

.read-more:hover:before {
    top: 5px;
}

/*
**plugins
*/
/* Owl carousel v 2.1.6 styles */
/* Owl Carousel - Core */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.2s ease-in-out 0s;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    display: none;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel.dots-center .owl-dots {
    text-align: center;
}

.owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    counter-reset: owl-dots;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0 6px;
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    display: block;
    border: 2px solid #1f232b;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    text-indent: -9999px;
    transition: all 0.2s ease-in-out 0s;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    border-color: #54be73;
}

.owl-carousel .owl-nav {
    transition: all 0.6s ease 0s;
}

.owl-carousel .owl-nav>div {
    color: transparent;
    font-size: 0;
    display: inline-block;
    right: 0;
    text-align: center;
}

.owl-carousel .owl-nav>div.disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-carousel .owl-nav>div:first-child {
    left: 0;
    right: auto;
}

.owl-carousel .owl-nav>div:after {
    transition: all 0.3s ease 0s;
    font-family: FontAwesome;
    font-size: 40px;
    line-height: 60px;
    content: "\f105";
    color: #818181;
}

.owl-carousel .owl-nav>div:first-child:after {
    content: "\f104";
}

.owl-carousel .owl-nav>div:hover:after {
    color: #54be73;
}

@media (max-width: 1299px) {
    .container .owl-carousel[data-nav=true] {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1300px) {
    .container .owl-carousel[data-nav=true] .owl-nav {
        left: -60px;
        right: -60px;
    }
}

@media (min-width: 1600px) {
    .container .owl-carousel[data-nav=true] .owl-nav {
        left: -150px;
        right: -150px;
    }
}

.container aside .owl-carousel {
    padding-right: 0;
    padding-left: 0;
}

.container aside .owl-carousel .owl-nav {
    left: 0 !important;
    right: 0 !important;
}

.top-right-nav .owl-nav {
    position: absolute;
    top: -70px;
    right: 0;
}

.top-right-nav .owl-nav>div {
    background: transparent;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* Owl Carousel - Auto Height Plugin */
.owl-height {
    transition: height 500ms ease-in-out;
}

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../img/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/* Owl Default Theme */
.owl-theme:hover .owl-nav {
    opacity: 1;
}

.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav>div {
    font-size: 0;
    position: absolute;
    right: 0;
    text-align: center;
    margin-top: -30px;
    width: 30px;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-dots {
    margin-top: 40px;
}

/* .owl-center theme */
.owl-center .owl-nav {
    top: 0;
    bottom: 0;
    position: static;
    margin-top: 0;
    opacity: 1;
}

.owl-center .owl-nav>div {
    right: 0;
    width: 30px;
    top: 40%;
    bottom: 0;
    margin: 0;
    height: 80px;
    text-align: center;
    opacity: 0;
    background-color: rgba(31, 35, 43, 0.6);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-center .owl-nav>div:first-child {
    left: 0;
    right: auto;
}

.owl-center .owl-nav>div:first-child:after {
    left: 4px;
}

.owl-center .owl-nav>div:after {
    position: absolute;
    top: 50%;
    color: #ffffff;
    font-size: 20px;
    left: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-center:hover .owl-nav>div {
    top: 50%;
    opacity: 1;
}

/* text-nav */
.text-nav {
    padding-right: 30px;
    padding-left: 30px;
}

.text-nav .owl-nav {
    position: static;
}

.text-nav .owl-nav>div {
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 0;
    background-color: #f2f2f2;
}

.text-nav .owl-nav>div:first-child {
    left: 0;
}

.text-nav .owl-nav>div:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "next";
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, '微軟正黑體';
    line-height: 1;
    color: #1f232b;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
}

.text-nav .owl-nav>div:first-child:after {
    content: "prev";
}

@media (min-width: 600px) {
    .text-nav {
        padding-right: 60px;
        padding-left: 60px;
    }

    .text-nav .owl-nav>div {
        width: 60px;
    }
}

/* owl images fix */
.owl-carousel .owl-item {
    transition: opacity 0.2s ease 0.1s;
    opacity: 0;
}

.owl-carousel .owl-item.active {
    opacity: 1;
}

.owl-center .owl-item {
    opacity: 1;
}

.with_shadow_items .owl-stage-outer {
    margin: -20px;
    padding: 20px;
}

/*
** Flexslider
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles */
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides>li:first-child {
    display: block;
}

.flexslider .slides>li {
    position: relative;
}

/* FlexSlider Default Theme */
.flexslider {
    margin: 0 0;
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
    z-index: 1;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    text-align: center;
}

.flex-direction-nav .flex-prev {
    left: 10px;
}

.flex-direction-nav .flex-next {
    right: 10px;
    text-align: right;
}

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 20px;
    content: '\f104';
    position: absolute;
    top: 5px;
    left: 16px;
}

.flex-direction-nav a.flex-next:before {
    content: '\f105';
    left: 17px;
}

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: 'rt-icons-2';
    font-size: 20px;
    display: inline-block;
    content: "\e6a2";
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: "\e711";
}

/* Control Nav */
.flex-control-nav {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 25px;
    text-align: center;
    z-index: 10;
}

.flex-control-nav li {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px;
    zoom: 1;
    *display: inline;
}

.flex-control-nav li:first-child {
    padding-left: 0;
}

.flex-control-nav li:last-child {
    padding-right: 0;
}

.flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    border: 2px solid #1f232b;
    color: transparent;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
}

.ds .flex-control-paging li a,
.cs .flex-control-paging li a {
    border-color: #ffffff;
}

.flex-control-paging li a:hover {
    border-color: #54be73;
}

.flex-control-paging li a.flex-active {
    border-color: #face77;
}

.cs .flex-control-paging li a:after,
.ds .flex-control-paging li a:after {
    background-color: rgba(255, 255, 255, 0.5);
}

.cs .flex-control-paging li a:hover,
.cs .flex-control-paging li a.flex-active,
.ds .flex-control-paging li a:hover,
.ds .flex-control-paging li a.flex-active {
    color: #ffffff;
}

.cs .flex-control-paging li a:hover:after,
.cs .flex-control-paging li a.flex-active:after,
.ds .flex-control-paging li a:hover:after,
.ds .flex-control-paging li a.flex-active:after {
    background-color: #ffffff;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 600px) {
    .flex-direction-nav .flex-prev {
        top: 24%;
    }

    .flex-direction-nav .flex-next {
        top: 24%;
    }
}

/* custom nav for flex slider*/
.flex-custom-nav {
    text-align: center;
    position: absolute;
    bottom: 38px;
    right: 0;
    left: 0;
    z-index: 3;
    line-height: 1;
    transition: all 0.2s ease-in-out 0s;
}

.flex-custom-nav .flex-control-nav {
    width: auto;
    display: inline-block;
    position: static;
}

.flex-custom-nav .flex-custom-link {
    font-size: 13px;
    position: relative;
    bottom: 7px;
    margin: 0 8px;
    color: #1f232b;
}

.ds .flex-custom-nav .flex-custom-link,
.cs .flex-custom-nav .flex-custom-link {
    color: #ffffff;
}

.flex-custom-nav .flex-custom-link:hover {
    color: #54be73;
}

.intro_section:hover .flex-custom-nav {
    opacity: 1;
}

/*
** prettyPhoto
*/
div.facebook .pp_description {
    margin: 0 37px 0 0;
}

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_content {
    height: 40px;
    min-width: 40px;
    overflow: hidden;
}

* html .pp_content {
    width: 40px;
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

.pp_content_container .pp_left {
    padding-left: 20px;
}

.pp_content_container .pp_right {
    padding-right: 20px;
}

.pp_content_container .pp_details {
    float: left;
    padding: 8px 10px;
    line-height: 1;
    background-color: #ffffff;
}

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: left;
    margin: 0 0 0 30px;
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: auto;
    overflow: hidden;
}

.pp_social .facebook iframe {
    max-width: 100px;
}

.pp_social .twitter {
    float: left;
}

.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 4px 6px;
    font-weight: bold;
    opacity: 0.7;
}

.pp_nav .pp_play,
.pp_nav .pp_pause,
a.pp_arrow_previous,
a.pp_arrow_next {
    float: left;
    text-align: center;
    font-size: 0;
    color: transparent;
}

.pp_nav .pp_play:before,
.pp_nav .pp_pause:before,
a.pp_arrow_previous:before,
a.pp_arrow_next:before {
    line-height: 20px;
    display: inline-block;
    width: 20px;
    font-family: 'FontAwesome';
    font-size: 13px;
    color: #1f232b;
    opacity: 0.7;
    content: "\f04b";
}

.pp_nav .pp_play:hover:before,
.pp_nav .pp_pause:hover:before,
a.pp_arrow_previous:hover:before,
a.pp_arrow_next:hover:before {
    opacity: 1;
}

.pp_nav .pp_pause:before {
    content: "\f04c";
}

a.pp_arrow_previous:before {
    content: "\f04a";
}

a.pp_arrow_next:before {
    content: "\f04e";
}

a.pp_arrow_previous.disabled,
a.pp_arrow_next.disabled {
    visibility: hidden;
    cursor: default;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}

.pp_gallery ul {
    float: left;
    height: 35px;
    position: relative;
    white-space: nowrap;
    margin: 0 0 0 5px;
    padding: 0;
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.1) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}

.pp_gallery ul a:hover,
.pp_gallery ul .selected a {
    border-color: #54be73;
}

.pp_gallery ul a img {
    border: 0;
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.pp_gallery li.default a {
    background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}

div.facebook .pp_gallery .pp_arrow_previous,
div.facebook .pp_gallery .pp_arrow_next {
    margin-top: 7px;
}

a.pp_next,
a.pp_previous {
    position: relative;
    display: block;
    float: right;
    height: 100%;
    width: 49%;
    font-size: 0;
    color: transparent;
    opacity: 0;
}

a.pp_next:before,
a.pp_previous:before {
    line-height: 1;
    background-color: rgba(31, 35, 43, 0.3);
    font-size: 18px;
    padding: 10px 15px 10px 18px;
    color: #ffffff;
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 30px;
}

a.pp_next:hover,
a.pp_previous:hover {
    opacity: 1;
}

a.pp_previous {
    float: left;
}

a.pp_previous:before {
    content: "\f104";
    right: auto;
    padding: 10px 18px 10px 15px;
    left: 30px;
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 30px;
    top: 19px;
    z-index: 20000;
    font-size: 0;
    color: transparent;
    text-align: center;
}

a.pp_expand:before,
a.pp_contract:before {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    font-family: 'FontAwesome';
    content: "\f0b2";
    background-color: rgba(31, 35, 43, 0.3);
    padding: 12px 13px;
}

a.pp_contract:before {
    content: "\f066";
}

a.pp_close {
    display: none;
    position: absolute;
    right: -7px;
    top: -25px;
    font-size: 0;
    color: transparent;
}

a.pp_close:before {
    background-color: #1c1c1c;
    padding: 6px 8px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'FontAwesome';
    content: "\f00d";
}

.pp_loaderIcon {
    height: 50px;
    width: 50px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -25px 0 0 -25px;
    text-align: center;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.pp_loaderIcon:before {
    display: block;
    font-family: 'FontAwesome';
    content: "\f1ce";
    color: #ffffff;
    font-size: 50px;
    line-height: 50px;
    opacity: 0.6;
}

#pp_full_res {
    line-height: 1;
}

#pp_full_res .pp_inline {
    text-align: left;
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px;
}

div.ppt {
    color: #ffffff;
    display: none;
    font-size: 18px;
    z-index: 9999;
    margin: 0 0 5px 20px;
}

.pp_top,
.pp_bottom {
    position: relative;
}

* html .pp_top,
* html .pp_bottom {
    padding: 0 20px;
}

.pp_top .pp_left,
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}

.pp_top .pp_middle,
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}

* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}

.pp_top .pp_right,
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_fade,
.pp_gallery li.default a img {
    display: none;
}

/*
** Easy pieChart
*/
.chart {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    line-height: 0;
}

.chart .chart-meta {
    position: absolute;
    width: 100%;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.chart .chart-meta h4 {
    font-size: 20px;
    margin: 0;
}

.percent {
    display: inline-block;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    z-index: 2;
    font-family: 'Lusitana', serif, '微軟正黑體';
}

.percent:after {
    content: '%';
    font-size: 35px;
}

.angular {
    margin-top: 100px;
}

.angular .chart {
    margin-top: 0;
}

/* 
** Time Table 
*/
#timetable span {
    display: block;
}

#timetable th,
#timetable td {
    vertical-align: middle;
    font-weight: normal;
    text-align: center;
    padding: 25px 5px;
}

#timetable thead {
    color: #ffffff;
}

#timetable thead th {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-width: 0 1px;
}

#timetable tbody th,
#timetable tbody td {
    border: 1px solid #e5e5e5;
    transition: all 0.2s ease-in-out 0s;
}

#timetable tbody .current {
    background-color: #54be73;
    border-color: #54be73;
}

#timetable tbody .current a {
    color: #ffffff;
}

/* 
** toTop
*/
#toTop {
    bottom: 10px;
    right: 10px;
    display: none;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    z-index: 9999;
    font-size: 0;
    color: transparent;
    color: #ffffff;
    background-color: #face77;
    border-radius: 50%;
}

@media (min-width: 768px) {
    #toTop {
        bottom: 30px;
        right: 30px;
    }
}

#toTop:after {
    color: #ffffff;
    content: '\f106';
    font-size: 16px;
    line-height: 50px;
    font-family: 'FontAwesome';
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.2s linear;
}

#toTopHover,
#toTop:hover {
    bottom: 15px;
    opacity: 1;
}

@media (min-width: 768px) {

    #toTopHover,
    #toTop:hover {
        bottom: 35px;
    }
}

#toTop:hover:after {
    color: #ffffff;
}

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

.modal-open #toTop {
    visibility: hidden;
}

/* Countdown */
#comingsoon-countdown {
    text-align: center;
}

#comingsoon-countdown:before,
#comingsoon-countdown:after {
    clear: both;
    display: table;
    content: ' ';
}

.countdown-rtl {
    direction: rtl;
}

.countdown-row {
    clear: both;
    display: table;
    margin: auto;
    padding: 20px 0;
    text-align: center;
}

.countdown-section {
    display: table-cell;
    padding: 10px 30px 20px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.countdown-section:first-child {
    border-left-width: 0;
}

.countdown-amount {
    font-size: 80px;
    line-height: 1;
    font-weight: 700;
    color: #54be73;
}

.countdown-period {
    display: block;
    color: #1f232b;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 700;
    min-width: 11em;
}

.countdown-descr {
    display: block;
}

@media (max-width: 767px) {
    .countdown-section {
        padding: 20px 8px 0;
    }

    .countdown-amount {
        font-size: 40px;
    }

    .countdown-period {
        min-width: 4em;
        letter-spacing: 0.1em;
    }
}

/* scroll button */
.scroll_button {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #1f232b !important;
    background-color: #ffffff;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    z-index: 2;
}

.scroll_button:before {
    content: "\f107";
    font-family: FontAwesome;
    line-height: 60px;
}

.scroll_button:hover {
    -webkit-transform: translate(-50%, 60%);
    transform: translate(-50%, 60%);
}

/*
** Vertical Margins and Paddings
*/
/*same top and bottom paddings for sections*/
.section_padding_0>[class*="container"] {
    padding: 0;
}

.section_padding_15>[class*="container"] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.section_padding_25>[class*="container"] {
    padding-top: 25px;
    padding-bottom: 25px;
}

.section_padding_50>[class*="container"] {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section_padding_75>[class*="container"] {
    padding-top: 75px;
    padding-bottom: 75px;
}

.section_padding_100>[class*="container"] {
    padding-top: 100px;
    padding-bottom: 100px;
}

/*top paddings for sections*/
.section_padding_top_0>[class*="container"] {
    padding-top: 0;
}

.section_padding_top_5>[class*="container"] {
    padding-top: 5px;
}

.section_padding_top_15>[class*="container"] {
    padding-top: 15px;
}

.section_padding_top_25>[class*="container"] {
    padding-top: 25px;
}

.section_padding_top_30>[class*="container"] {
    padding-top: 30px;
}

.section_padding_top_40>[class*="container"] {
    padding-top: 40px;
}

.section_padding_top_50>[class*="container"] {
    padding-top: 50px;
}

.section_padding_top_65>[class*="container"] {
    padding-top: 65px;
}

.section_padding_top_75>[class*="container"] {
    padding-top: 75px;
}

.section_padding_top_100>[class*="container"] {
    padding-top: 100px;
}

.section_padding_top_130>[class*="container"] {
    padding-top: 130px;
}

.section_padding_top_150>[class*="container"] {
    padding-top: 150px;
}

/*bottom paddings for sections*/
.section_padding_bottom_0>[class*="container"] {
    padding-bottom: 0;
}

.section_padding_bottom_5>[class*="container"] {
    padding-bottom: 5px;
}

.section_padding_bottom_15>[class*="container"] {
    padding-bottom: 15px;
}

.section_padding_bottom_25>[class*="container"] {
    padding-bottom: 25px;
}

.section_padding_bottom_30>[class*="container"] {
    padding-bottom: 30px;
}

.section_padding_bottom_40>[class*="container"] {
    padding-bottom: 40px;
}

.section_padding_bottom_50>[class*="container"] {
    padding-bottom: 50px;
}

.section_padding_bottom_65>[class*="container"] {
    padding-bottom: 65px;
}

.section_padding_bottom_75>[class*="container"] {
    padding-bottom: 75px;
}

.section_padding_bottom_100>[class*="container"] {
    padding-bottom: 100px;
}

.section_padding_bottom_130>[class*="container"] {
    padding-bottom: 130px;
}

.section_padding_bottom_150>[class*="container"] {
    padding-bottom: 150px;
}

.section_padding_bottom_165>[class*="container"] {
    padding-bottom: 165px;
}

@media (max-width: 991px) {

    .section_padding_100>[class*="container"],
    .section_padding_top_100>[class*="container"],
    .section_padding_top_130>[class*="container"],
    .section_padding_top_150>[class*="container"] {
        padding-top: 75px;
    }

    .section_padding_100>[class*="container"],
    .section_padding_bottom_100>[class*="container"],
    .section_padding_bottom_130>[class*="container"],
    .section_padding_bottom_150>[class*="container"],
    .section_padding_bottom_165>[class*="container"] {
        padding-bottom: 75px;
    }
}

.section_padding_top_15per>[class*="container"] {
    padding-top: 14.1%;
}

.section_padding_bottom_15per>[class*="container"] {
    padding-bottom: 14.1%;
}

@media (max-width: 992px) {
    .section_padding_top_15per>[class*="container"] {
        padding-top: 150px;
    }

    .section_padding_bottom_15per>[class*="container"] {
        padding-bottom: 150px;
    }
}

[class*="col-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}

[class*="col-"]>.checkbox,
[class*="col-"]>.radio {
    margin: 0;
}

[class*="_0"] [class*="col-"],
header [class*="col-"],
.page_topline [class*="col-"] {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
}

.columns_padding_1 [class*="col-"] {
    margin-top: 0;
    margin-bottom: 1px;
}

.columns_padding_2 [class*="col-"] {
    margin-top: 1px;
    margin-bottom: 1px;
}

.columns_padding_5 [class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.columns_padding_10 [class*="col-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.columns_padding_1 [class*="col-"] {
    padding-left: 0;
    padding-right: 1px;
}

.columns_padding_2 [class*="col-"] {
    padding-left: 1px;
    padding-right: 1px;
}

.columns_padding_5 [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.columns_padding_10 [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.columns_padding_0 [class*="col-"] {
    padding: 0;
}

.columns_padding_0>.container,
.columns_padding_1>.container,
.columns_padding_2>.container {
    padding-left: 30px;
    padding-right: 30px;
}

.columns_padding_5>.container {
    padding-left: 25px;
    padding-right: 25px;
}

.columns_padding_10>.container {
    padding-left: 20px;
    padding-right: 20px;
}

.columns_padding_10>.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.columns_padding_0>.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.row.columns_padding_0,
.columns_padding_0 .row {
    margin: 0;
}

.row.columns_padding_1,
.columns_padding_1 .row {
    margin-left: 0;
    margin-right: -1px;
}

.row.columns_padding_2,
.columns_padding_2 .row {
    margin-left: -1px;
    margin-right: -1px;
}

.row.columns_padding_5,
.columns_padding_5 .row {
    margin-left: -5px;
    margin-right: -5px;
}

.row.columns_padding_10,
.columns_padding_10 .row {
    margin-left: -10px;
    margin-right: -10px;
}

@media (min-width: 992px) {

    .columns_padding_25>[class*="container"]>.row,
    .row.columns_padding_25 {
        margin-right: -25px;
        margin-left: -25px;
    }

    .columns_padding_25>[class*="container"]>.row>[class*="col-"],
    .row.columns_padding_25>[class*="col-"] {
        padding-left: 25px;
        padding-right: 25px;
    }

    .columns_padding_50>[class*="container"]>.row {
        margin-right: -50px;
        margin-left: -50px;
    }

    .columns_padding_50>[class*="container"]>.row>[class*="col-"] {
        padding-left: 50px;
        padding-right: 50px;
    }

    .columns_padding_80>[class*="container"]>.row {
        margin-right: -50px;
        margin-left: -50px;
    }

    .columns_padding_80>[class*="container"]>.row>[class*="col-"] {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 1200px) {
    .columns_padding_80>[class*="container"]>.row {
        margin-right: -80px;
        margin-left: -80px;
    }

    .columns_padding_80>[class*="container"]>.row>[class*="col-"] {
        padding-left: 80px;
        padding-right: 80px;
    }
}

.container_padding_60 .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

@media (min-width: 600px) {
    .container_padding_60 .container-fluid {
        padding-right: 60px;
        padding-left: 60px;
    }
}

/*top and bottom margins for columns inside sections and rows */
.columns_margin_top_0 [class*="col-"],
.row.columns_margin_top_0 [class*="col-"] {
    margin-top: 0;
}

.columns_margin_top_5 [class*="col-"],
.row.columns_margin_top_5 [class*="col-"] {
    margin-top: 5px;
}

.columns_margin_top_10 [class*="col-"],
.row.columns_margin_top_10 [class*="col-"] {
    margin-top: 10px;
}

.columns_margin_top_15 [class*="col-"],
.row.columns_margin_top_15 [class*="col-"] {
    margin-top: 15px;
}

.columns_margin_top_20 [class*="col-"],
.row.columns_margin_top_20 [class*="col-"] {
    margin-top: 20px;
}

.columns_margin_top_30 [class*="col-"],
.row.columns_margin_top_30 [class*="col-"] {
    margin-top: 30px;
}

.columns_margin_top_60 [class*="col-"],
.row.columns_margin_top_60 [class*="col-"] {
    margin-top: 60px;
}

.columns_margin_bottom_0 [class*="col-"],
.row.columns_margin_bottom_0 [class*="col-"] {
    margin-bottom: 0;
}

.columns_margin_bottom_5 [class*="col-"],
.row.columns_margin_bottom_5 [class*="col-"] {
    margin-bottom: 5px;
}

.columns_margin_bottom_10 [class*="col-"],
.row.columns_margin_bottom_10 [class*="col-"] {
    margin-bottom: 10px;
}

.columns_margin_bottom_15 [class*="col-"],
.row.columns_margin_bottom_15 [class*="col-"] {
    margin-bottom: 15px;
}

.columns_margin_bottom_20 [class*="col-"],
.row.columns_margin_bottom_20 [class*="col-"] {
    margin-bottom: 20px;
}

.columns_margin_bottom_30 [class*="col-"],
.row.columns_margin_bottom_30 [class*="col-"] {
    margin-bottom: 30px;
}

.columns_margin_bottom_40 [class*="col-"],
.row.columns_margin_bottom_40 [class*="col-"] {
    margin-bottom: 40px;
}

/* vertical alignmetn in columns */
.table_section .container {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
}

.table_section .row {
    display: table;
    min-width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}

.table_section [class*="col-"] {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

@media screen and (max-width: 767px) {

    .table_section .row,
    .table_section [class*="col-"] {
        display: block;
    }

    aside {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 991px) {

    .table_section.table_section_md .row,
    .table_section.table_section_md>[class*="container"]>.row>[class*="col-"] {
        display: block;
    }
}

@media screen and (max-width: 1199px) {

    .table_section.table_section_lg .row,
    .table_section.table_section_lg>[class*="container"]>.row>[class*="col-"] {
        display: block;
    }
}

@media screen and (min-width: 992px) {

    /* overlap featured person */
    .top-overlap {
        margin-top: -50px;
        max-width: 110%;
    }

    .top-overlap-small {
        margin-top: -40px;
        max-width: 140%;
        margin-right: -20%;
        margin-left: -20%;
    }
}

@media (min-width: 1200px) {
    .top-overlap {
        margin-top: -200px;
    }
}

.section_full_height {
    min-height: 100vh;
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-row>[class*='col-'] {
    min-width: 300px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-row>[class*='col-']>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex-row.flex-row-vertical-centered>[class*='col-']>* {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .container-fluid>.row {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 45px;
        padding-left: 45px;
    }
}

@media (min-width: 1600px) {
    .container-fluid {
        padding-right: 65px;
        padding-left: 65px;
    }
}

.fluid_padding_0 .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 767px) {
    .table_section .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

/* float clear fixes */
@media (min-width: 768px) and (max-width: 991px) {
    .clear-sm {
        clear: both;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .clear-md {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .clear-lg {
        clear: both;
    }
}

/*
** Common Sections Styles
*/
/*parallax*/
.image_cover,
.background_cover,
.parallax {
    background-size: cover;
}

.background_cover {
    background-position: center;
}

.image_cover {
    display: block;
    position: absolute;
    width: 50%;
    z-index: 2;
    top: 0;
    bottom: 0;
    background-position: 50% 50%;
}

.image_cover>img {
    visibility: hidden;
}

.image_cover>a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.image_cover.image_cover_right {
    right: 0;
}

@media (max-width: 991px) {
    .image_cover {
        height: 0;
        padding-bottom: 66%;
        margin-bottom: -30px;
        width: 100%;
        position: relative;
    }
}

.image_cover+[class*='container'] [class*='col-']>img,
.image_cover+[class*='container'] [class*='col-']>a:after,
.image_cover+[class*='container'] [class*='col-']>a>img {
    display: none;
}

@media (min-width: 992px) {
    .half_section.columns_padding_80>[class*="container"]>.row {
        margin-left: 0;
        margin-right: 0;
    }
}

.half_section .image_cover_left+.container .col-md-6 {
    padding-right: 0;
}

.half_section .image_cover_right+.container .col-md-6 {
    padding-left: 0;
}

.parallax {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 767px) {
    .parallax {
        background-size: auto auto;
    }
}

.parallax.ls:after {
    background-color: #ffffff;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)";
    filter: alpha(opacity=92);
    opacity: 0.92;
}

.parallax.ls.ms:after {
    background-color: #f2f2f2;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)";
    filter: alpha(opacity=88);
    opacity: 0.88;
}

.parallax.cs:after {
    background-color: #54be73;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=83);
    opacity: 0.83;
}

.parallax.cs.main_color2:after {
    background-color: #face77;
}

.parallax.cs.main_color3:after {
    background-color: #e57885;
}

.parallax.ds:after {
    background-color: #1f232b;
    opacity: 0.89;
}

.background_cover.ds:after {
    background-color: #1f232b;
    opacity: 0.9;
}

.parallax.ds.ms:after {
    background-color: #1c1c1c;
    opacity: 0.9;
}

.parallax.abstract_background.ls:after,
.parallax.abstract_background.ds:after {
    display: none;
}

.texture_bg {
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../img/aside_bg.jpg);
}

.muted_section:before {
    background-color: rgba(31, 35, 43, 0.1);
    opacity: 1;
}

.parallax>*,
.muted_section>*,
.radial_gradient>*,
.gradient>*,
.vertical_gradient>*,
.darken_gradient>*,
.diagonal_section>*,
.background_cover>* {
    z-index: 4;
    position: relative;
}

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

.gradient,
.muted_section,
.vertical_gradient,
.darken_gradient,
.background_cover {
    position: relative;
}

.muted_section:before,
.muted_section:after,
.parallax:before,
.parallax:after,
.gradient:before,
.gradient:after,
.vertical_gradient:before,
.vertical_gradient:after,
.darken_gradient:before,
.darken_gradient:after,
.background_cover:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.background_cover:after {
    display: none;
}

.background_cover.background_overlay:after {
    display: block;
}

.muted_section:before,
.muted_section:after,
.parallax:before,
.parallax:after,
.background_cover:after {
    opacity: 0.8;
}

.gradient:before,
.dark_gradient:before {
    background: #54be73;
    background: linear-gradient(to right, #54be73 0%, #face77 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=1);
}

.vertical_gradient:before {
    background: #54be73;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #54be73 0%, #face77 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=0);
    /* IE6-9 */
}

.darken_gradient:before {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
}

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

.with_top_border,
.with_bottom_border,
.with_top_border_container .container,
.with_bottom_border_container .container {
    position: relative;
}

.with_top_border:before,
.with_bottom_border:after,
.with_top_border_container .container:before,
.with_bottom_border_container .container:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    background-color: #e5e5e5;
    z-index: 1;
}

.ds .with_top_border:before,
.ds .with_bottom_border:after,
.ds .with_top_border_container .container:before,
.ds .with_bottom_border_container .container:after {
    background-color: rgba(255, 255, 255, 0.2);
}

.ds.with_top_border:before,
.ds.with_bottom_border:after,
.ds.with_top_border_container .container:before,
.ds.with_bottom_border_container .container:after {
    background-color: rgba(255, 255, 255, 0.2);
}

.with_top_border_container .container:before,
.with_bottom_border_container .container:after {
    right: 15px;
    left: 15px;
}

.with_bottom_border:after,
.with_bottom_border_container .container:after {
    top: auto;
    bottom: 0;
}

.bg_image,
.bg_image:after {
    background-image: url(../img/background_section.png);
}

/* Hero text in sections */
.section_header {
    margin-bottom: 30px;
    font-size: 40px;
    position: relative;
    word-wrap: break-word;
    text-transform: uppercase;
    font-weight: 900;
}

.section_header.big {
    font-size: 40px;
}

@media (min-width: 1200px) {
    .section_header.big {
        font-size: 60px;
    }
}

.media_heading {
    margin-bottom: 40px;
}

.media_heading .media-left {
    font-weight: 900;
    font-size: 78px;
    padding-right: 5px;
}

@media (min-width: 1200px) {
    .media_heading .media-left {
        font-size: 100px;
        padding-right: 10px;
    }
}

.media_heading .section_header {
    margin: 5px 0 0;
    line-height: 0.9;
}

h3+.section_header,
.big+.section_header {
    margin-top: -17px;
}

.section_header+h3 {
    margin: -5px 0 44px;
    font-size: 30px;
}

h4+.section_header {
    margin-top: 0;
}

.section_header.big+.underheading {
    margin-bottom: 30px;
}

@media (min-width: 992px) {

    .text-center .section_header+p,
    .section_header.text-center+p {
        max-width: 68%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media (max-width: 991px) {

    .section_header.text-center+p,
    .text-center .section_header+p {
        max-width: 100%;
    }

    .section_header+p {
        font-size: 1.1em;
        letter-spacing: 0;
    }
}

/*page preloader*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.99);
    z-index: 13000;
    height: 100%;
}

.no-js .preloader,
.lt-ie9 .preloader,
.lt-ie10 .preloader {
    display: none;
}

.preloader_image {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
    margin: -50px 0 0 -50px;
}

/* animated elements */
.to_animate {
    visibility: hidden;
}

.no-js .to_animate,
.lt-ie10 .to_animate,
.lt-ie9 .to_animate {
    visibility: visible;
}

.animated {
    /*IE7 fix*/
    visibility: visible !important;
}

/* boxed layout */
#box_wrapper,
#canvas {
    overflow: hidden;
    position: relative;
}

#box_wrapper>section,
#box_wrapper>div>section {
    clear: both;
}

#canvas.boxed {
    padding: 1px 0;
}

body.boxed {
    position: static;
    width: auto;
    height: auto;
}

.pattern1 {
    background-image: url(../img/pattern1.png);
}

.pattern2 {
    background-image: url(../img/pattern2.png);
}

.pattern3 {
    background-image: url(../img/pattern3.png);
}

.pattern4 {
    background-image: url(../img/pattern4.png);
}

.pattern5 {
    background-image: url(../img/pattern5.png);
}

.pattern6 {
    background-image: url(../img/pattern6.png);
}

.pattern7 {
    background-image: url(../img/pattern7.png);
}

.pattern8 {
    background-image: url(../img/pattern8.png);
}

.pattern9 {
    background-image: url(../img/pattern9.png);
}

.pattern10 {
    background-image: url(../img/pattern10.png);
}

.pattern11 {
    background-image: url(../img/pattern11.png);
}

.boxed .container,
.boxed .container-fluid,
.boxed .container-left-half,
.boxed .container-right-half {
    max-width: 100%;
}

.boxed .container,
.boxed .container-left-half,
.boxed .container-right-half {
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 500px) {
    .boxed .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1400px) {
    .boxed #box_wrapper.container {
        width: 1370px;
    }
}

@media (min-width: 1590px) {
    .boxed #box_wrapper.container {
        width: 1560px;
    }
}

.boxed #box_wrapper.container {
    padding: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
    .section_bottom_overlap {
        position: relative;
        z-index: 3;
        right: 0;
        left: 0;
    }

    .section_bottom_overlap.ds {
        background-color: rgba(31, 35, 43, 0.5);
    }
}

/*
**utilites
*/
/* 
**Helper Utilites 
*/
/* layout */
.clear,
.clearfix {
    clear: both;
}

.alignleft {
    float: left;
    margin: 5px 30px 15px 0;
    max-width: 50%;
}

.alignright {
    float: right;
    margin: 5px 0 15px 30px;
    max-width: 50%;
}

.round {
    border-radius: 50%;
}

.rounded {
    border-radius: 3px;
}

.overflow-hidden {
    overflow: hidden;
}

.inline-block {
    display: inline-block;
    max-width: 100%;
}

.divided-content>* {
    display: inline-block;
    padding-right: 7px;
}

.divided-content>*+*:before {
    content: "|";
    display: inline-block;
    padding-right: 11px;
    color: #818181;
}

.with_padding {
    padding: 30px 20px;
}

@media (min-width: 400px) {
    .with_padding {
        padding: 35px;
    }
}

@media (min-width: 1200px) {
    .with_padding.big-padding {
        padding: 55px;
    }
}

.with_background {
    background-color: #f2f2f2;
}

.with_background.transp_black_bg {
    background-color: rgba(31, 35, 43, 0.6);
}

.muted_background {
    background-color: rgba(31, 35, 43, 0.03);
}

.with_border {
    border: 1px solid #e5e5e5;
}

.with_border.color_border {
    border-color: #54be73;
}

.with_shadow {
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
}

.no_top_border {
    border-top: none;
}

.no_bottom_border {
    border-bottom: none;
}

.bottom_color_border {
    border-bottom: 5px solid #54be73;
}

.bottom-border {
    position: relative;
}

.bottom-border:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.1);
}

.before_cover,
.after_cover {
    overflow: hidden;
}

.before_cover,
.after_cover,
.before_cover>*,
.after_cover>* {
    position: relative;
    z-index: 2;
}

.before_cover:before,
.after_cover:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.top-corner {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
}

.big {
    font-size: 42px;
    line-height: 1;
}

@media (min-width: 768px) {
    .big {
        font-size: 52px;
    }
}

/* borders, colors and backgrouns */
.response,
.highlight {
    color: #54be73;
    border-color: #face77;
}

.highlight2 {
    color: #face77;
    border-color: #face77;
}

.highlight3 {
    color: #e34f61;
    border-color: #e34f61;
}

.red,
.required {
    color: #fa5c5d;
}

.lightgrey {
    color: #bebebe;
}

.black {
    color: #1c1c1c;
    border-color: #1c1c1c;
}

.grey {
    color: #1f232b;
    border-color: #1f232b;
}

.greylinks a {
    color: #818181;
}

.greylinks a.social-icon {
    color: rgba(129, 129, 129, 0.6);
}

.greylinks a.social-icon:hover,
.greylinks a.social-icon:focus,
.greylinks a.social-icon:active {
    color: #54be73;
}

.darklinks a {
    color: #1f232b;
}

.colorlinks a {
    color: #face77;
}

.colorlinks a:hover,
.colorlinks a:focus,
.colorlinks a:active {
    color: #54be73;
}

.color2links a,
.color2links a.social-icon {
    color: #face77;
}

.color2links a:hover,
.color2links a:focus,
.color2links a:active,
.color2links a.social-icon:hover,
.color2links a.social-icon:focus,
.color2links a.social-icon:active {
    color: #1f232b;
}

.underlined-links a {
    text-decoration: underline;
}

.thin {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.medium {
    font-weight: 500;
}

.bold {
    font-weight: 700;
}

.weight-black {
    font-weight: 900;
}

.success_color {
    color: #face77;
}

.info_color {
    color: #54be73;
}

.warning_color {
    color: #712357;
}

.danger_color {
    color: #e34f61;
}

.main_bg_color,
.main_bg_color2,
.main_bg_color3,
.dark_bg_color,
.darkblue_bg_color,
.darkgrey_bg_color,
.success_bg_color,
.info_bg_color,
.warning_bg_color,
.danger_bg_color,
.danger_bg_color {
    color: #ffffff;
}

.main_bg_color h1,
.main_bg_color h2,
.main_bg_color h3,
.main_bg_color h4,
.main_bg_color h5,
.main_bg_color h6,
.main_bg_color2 h1,
.main_bg_color2 h2,
.main_bg_color2 h3,
.main_bg_color2 h4,
.main_bg_color2 h5,
.main_bg_color2 h6,
.main_bg_color3 h1,
.main_bg_color3 h2,
.main_bg_color3 h3,
.main_bg_color3 h4,
.main_bg_color3 h5,
.main_bg_color3 h6,
.dark_bg_color h1,
.dark_bg_color h2,
.dark_bg_color h3,
.dark_bg_color h4,
.dark_bg_color h5,
.dark_bg_color h6,
.darkblue_bg_color h1,
.darkblue_bg_color h2,
.darkblue_bg_color h3,
.darkblue_bg_color h4,
.darkblue_bg_color h5,
.darkblue_bg_color h6,
.darkgrey_bg_color h1,
.darkgrey_bg_color h2,
.darkgrey_bg_color h3,
.darkgrey_bg_color h4,
.darkgrey_bg_color h5,
.darkgrey_bg_color h6,
.success_bg_color h1,
.success_bg_color h2,
.success_bg_color h3,
.success_bg_color h4,
.success_bg_color h5,
.success_bg_color h6,
.info_bg_color h1,
.info_bg_color h2,
.info_bg_color h3,
.info_bg_color h4,
.info_bg_color h5,
.info_bg_color h6,
.warning_bg_color h1,
.warning_bg_color h2,
.warning_bg_color h3,
.warning_bg_color h4,
.warning_bg_color h5,
.warning_bg_color h6,
.danger_bg_color h1,
.danger_bg_color h2,
.danger_bg_color h3,
.danger_bg_color h4,
.danger_bg_color h5,
.danger_bg_color h6,
.danger_bg_color h1,
.danger_bg_color h2,
.danger_bg_color h3,
.danger_bg_color h4,
.danger_bg_color h5,
.danger_bg_color h6 {
    color: #ffffff;
}

.main_bg_color {
    background-color: #54be73;
}

.main_bg_color2 {
    background-color: #face77;
}

.main_bg_color3 {
    background-color: #e34f61;
}

.main_bg_color3.transparent {
    background-color: rgba(227, 79, 97, 0.75);
}

.dark_bg_color {
    background-color: #1c1c1c;
}

.darkblue_bg_color {
    color: #ffffff;
    background-color: #2f363c;
}

.darkgrey_bg_color {
    color: #ffffff;
    background-color: #1f232b;
}

.success_bg_color {
    background-color: #face77;
}

.info_bg_color {
    background-color: #54be73;
}

.warning_bg_color {
    background-color: #712357;
}

.danger_bg_color {
    background-color: #e34f61;
}

.light_bg_color {
    background-color: #ffffff;
}

.transp_gradient_bg {
    background: linear-gradient(to right, rgba(250, 206, 119, 0.9), rgba(227, 79, 97, 0.9));
}

.theme_bg {
    background-color: #ffffff;
}

/*dividers, margins and paddings*/
.divider_20 {
    margin: 20px 0;
}

.divider_25 {
    margin: 25px 0;
}

.divider_30 {
    margin: 30px 0;
}

.divider_40 {
    margin: 40px 0;
}

.divider_70_1 {
    width: 70px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.divider_30_2 {
    width: 30px;
    height: 2px;
}

.margin_0 {
    margin: 0 !important;
}

.topmargin_0 {
    margin-top: 0 !important;
}

.topmargin_1 {
    margin-top: 1px;
}

.topmargin_10 {
    margin-top: 10px;
}

.topmargin_20 {
    margin-top: 20px;
}

.topmargin_25 {
    margin-top: 25px;
}

.topmargin_30 {
    margin-top: 30px;
}

.topmargin_40 {
    margin-top: 40px;
}

.topmargin_45 {
    margin-top: 45px;
}

.topmargin_50 {
    margin-top: 50px;
}

.topmargin_60 {
    margin-top: 60px;
}

.bottommargin_0 {
    margin-bottom: 0 !important;
}

.bottommargin_5 {
    margin-bottom: 5px;
}

.bottommargin_10 {
    margin-bottom: 10px;
}

.bottommargin_20 {
    margin-bottom: 20px;
}

.bottommargin_25 {
    margin-bottom: 25px;
}

.bottommargin_30 {
    margin-bottom: 30px;
}

.bottommargin_40 {
    margin-bottom: 40px;
}

.bottommargin_50 {
    margin-bottom: 50px;
}

.bottommargin_60 {
    margin-bottom: 60px;
}

.leftmargin_10 {
    margin-left: 10px;
}

.leftmargin_20 {
    margin-left: 20px;
}

.leftmargin_30 {
    margin-left: 30px;
}

.leftmargin_40 {
    margin-left: 40px;
}

.leftmargin_50 {
    margin-left: 50px;
}

.leftmargin_60 {
    margin-left: 60px;
}

.rightmargin_10 {
    margin-right: 10px;
}

.rightmargin_20 {
    margin-right: 20px;
}

.rightmargin_30 {
    margin-right: 30px;
}

.rightmargin_40 {
    margin-right: 40px;
}

.rightmargin_50 {
    margin-right: 50px;
}

.rightmargin_60 {
    margin-right: 60px;
}

.padding_0 {
    padding: 0;
}

.padding_10 {
    padding: 10px;
}

.padding_20 {
    padding: 20px;
}

.padding_30 {
    padding: 30px;
}

.padding_40 {
    padding: 40px;
}

.toppadding_10 {
    padding-top: 10px;
}

.toppadding_20 {
    padding-top: 20px;
}

.toppadding_30 {
    padding-top: 30px;
}

.toppadding_40 {
    padding-top: 40px;
}

.toppadding_50 {
    padding-top: 50px;
}

.toppadding_60 {
    padding-top: 60px;
}

.bottompadding_10 {
    padding-bottom: 10px;
}

.bottompadding_20 {
    padding-bottom: 20px;
}

.bottompadding_30 {
    padding-bottom: 30px;
}

.bottompadding_40 {
    padding-bottom: 40px;
}

.bottompadding_50 {
    padding-bottom: 50px;
}

.bottompadding_60 {
    padding-bottom: 60px;
}

.leftpadding_10 {
    padding-left: 10px;
}

.leftpadding_20 {
    padding-left: 20px;
}

.leftpadding_30 {
    padding-left: 30px;
}

.leftpadding_40 {
    padding-left: 40px;
}

.leftpadding_50 {
    padding-left: 50px;
}

.leftpadding_60 {
    padding-left: 60px;
}

.rightpadding_5 {
    padding-right: 5px;
}

.rightpadding_10 {
    padding-right: 10px;
}

.rightpadding_20 {
    padding-right: 20px;
}

.rightpadding_25 {
    padding-right: 25px;
}

.rightpadding_30 {
    padding-right: 30px;
}

.rightpadding_40 {
    padding-right: 40px;
}

.rightpadding_50 {
    padding-right: 50px;
}

.rightpadding_60 {
    padding-right: 60px;
}

.fontsize_14 {
    font-size: 14px;
}

.fontsize_16 {
    font-size: 16px;
}

.fontsize_18 {
    font-size: 18px;
}

.fontsize_20 {
    font-size: 20px;
    line-height: 40px;
}

.fontsize_22 {
    font-size: 22px;
}

.fontsize_24 {
    font-size: 24px;
}

.fontsize_28 {
    font-size: 28px;
}

.fontsize_30 {
    font-size: 30px;
}

.fontsize_32 {
    font-size: 32px;
}

.lineheight_thin {
    line-height: 24px;
}

/*alignment*/
.display_table {
    display: table;
    min-width: 100%;
    height: 100%;
    margin: auto;
    border-collapse: collapse;
}

.display_table_cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
    overflow: hidden;
    zoom: 1;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .pull-lg-right {
        float: right;
    }

    .pull-lg-left {
        float: left;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-left {
        text-align: left;
    }

    .text-lg-center {
        text-align: center;
    }

    .display_table_lg {
        display: table;
        min-width: 100%;
        height: 100%;
        margin: auto;
        border-collapse: collapse;
    }

    .display_table_cell_lg {
        display: table-cell;
        vertical-align: middle;
        float: none;
        overflow: hidden;
        zoom: 1;
        box-sizing: border-box;
    }
}

@media (min-width: 992px) {
    .pull-md-right {
        float: right;
    }

    .pull-md-left {
        float: left;
    }

    .text-md-right {
        text-align: right;
    }

    .text-md-left {
        text-align: left;
    }

    .text-md-center {
        text-align: center;
    }

    .display_inline_md {
        display: inline;
    }

    .display_table_md {
        display: table;
        min-width: 100%;
        height: 100%;
        margin: auto;
        border-collapse: collapse;
    }

    .display_table_cell_md {
        display: table-cell;
        vertical-align: middle;
        float: none;
        overflow: hidden;
        zoom: 1;
        box-sizing: border-box;
    }
}

@media (min-width: 768px) {
    .pull-sm-right {
        float: right;
    }

    .pull-sm-left {
        float: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-left {
        text-align: left;
    }

    .text-sm-center {
        text-align: center;
    }

    .display_table_sm {
        display: table;
        min-width: 100%;
        height: 100%;
        margin: auto;
        border-collapse: collapse;
    }

    .display_table_cell_sm {
        display: table-cell;
        vertical-align: middle;
        float: none;
        overflow: hidden;
        zoom: 1;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .text-xs-right {
        text-align: right;
    }

    .text-xs-left {
        text-align: left;
    }

    .text-xs-center {
        text-align: center;
    }
}

@media (max-width: 500px) {
    .hidden-xxs {
        display: none;
    }
}

.inline-dropdown {
    list-style: none;
    margin: 0;
}

.inline-dropdown>li {
    display: inline-block;
    margin: 0 -2px;
}

.small-text {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.small-text.small {
    font-size: 11px;
    font-weight: 400;
}

.nowrap {
    white-space: nowrap;
}

.media.inline-block {
    display: inline-block;
}

.media.inline-block .media-body {
    width: auto;
}

.content-justify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-justify.vertical-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-justify.content-margins>* {
    margin-top: 10px;
    margin-bottom: 10px;
}

.inline-content {
    margin-right: -15px;
    margin-left: -15px;
}

.inline-content>* {
    vertical-align: middle;
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
}

.inline-content>*.media {
    margin-top: 10px;
    margin-bottom: 10px;
}

.clipped img {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* media items - common side and vertical items */
.with_border .item-media,
.with_border .entry-thumbnail {
    margin: -1px -1px -2px -1px;
    z-index: 1;
}

.with_border.full-padding .item-media {
    margin: 0;
}

/* side and vertical items paddings */
.side-item .row {
    margin: 0;
}

.side-item .row [class*="col-"] {
    padding: 0;
    margin: 0;
}

.side-item .item-title+.item-content {
    padding-top: 20px;
}

.side-item [class*="col-"]>.item-title {
    padding: 15px 30px;
}

.side-item [class*="col-"]>.item-title h2,
.side-item [class*="col-"]>.item-title h3,
.side-item [class*="col-"]>.item-title h4 {
    margin: 0;
}

.side-item.with_border [class*="col-"]>.item-title {
    margin: -1px;
}

.flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-content>* {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media (min-width: 992px) {
    .flex-content .entry-meta {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-content .entry-meta:before {
        top: auto;
        bottom: 0;
    }
}

/*-xs- side-item paddings and margins*/
@media (max-width: 767px) {

    .no-content-padding [class*='col-xs-'] .item-content,
    .full-padding [class*='col-xs-'] .item-content {
        padding-left: 30px;
    }

    .no-content-padding [class*='col-xs-'][class*='col-xs-pull'] .item-content,
    .full-padding [class*='col-xs-'][class*='col-xs-pull'] .item-content {
        padding-left: 0;
        padding-right: 30px;
    }

    .no-content-padding .col-xs-12 .item-content,
    .full-padding .col-xs-12 .item-content {
        padding-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
}

/*-sm- side-item paddings and margins*/
@media (min-width: 768px) {

    .no-content-padding [class*='col-sm-'] .item-content,
    .full-padding [class*='col-sm-'] .item-content {
        padding-left: 30px;
    }

    .no-content-padding [class*='col-sm-'][class*='col-sm-pull'] .item-content,
    .full-padding [class*='col-sm-'][class*='col-sm-pull'] .item-content {
        padding-left: 0;
        padding-right: 30px;
    }

    .no-content-padding .col-sm-12 .item-content,
    .full-padding .col-sm-12 .item-content {
        padding-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
}

/*-md- side-item paddings and margins*/
@media (min-width: 992px) {

    .no-content-padding [class*='col-md-'] .item-content,
    .full-padding [class*='col-md-'] .item-content {
        padding-left: 30px;
    }

    .no-content-padding [class*='col-md-'][class*='col-md-pull'] .item-content,
    .full-padding [class*='col-md-'][class*='col-md-pull'] .item-content {
        padding-left: 0;
        padding-right: 30px;
    }

    .no-content-padding .col-md-12 .item-content,
    .full-padding .col-md-12 .item-content {
        padding-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
}

/*-lg- side-item paddings and margins*/
@media (min-width: 1200px) {

    .no-content-padding [class*='col-lg-'] .item-content,
    .full-padding [class*='col-lg-'] .item-content {
        padding-left: 30px;
    }

    .no-content-padding [class*='col-lg-'][class*='col-lg-pull'] .item-content,
    .full-padding [class*='col-lg-'][class*='col-lg-pull'] .item-content {
        padding-left: 0;
        padding-right: 30px;
    }

    .no-content-padding .col-lg-12 .item-content,
    .full-padding .col-lg-12 .item-content {
        padding-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
}

.vertical-item .item-content {
    position: relative;
}

.vertical-item .item-content .entry-date.main_bg_color {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vertical-item.post .item-content {
    padding-top: 0;
}

.vertical-item h3 {
    line-height: 1.1;
    margin-bottom: 30px;
}

.vertical-item h4 {
    line-height: 1.25;
}

.vertical-item .list1 {
    text-align: left;
    margin: 0;
}

.vertical-item .list1+.social-icons {
    margin-top: 30px;
}

.vertical-item.content-padding .item-content {
    padding: 30px 20px;
}

@media (min-width: 400px) {
    .vertical-item.content-padding .item-content {
        padding: 35px;
    }
}

@media (min-width: 1200px) {
    .vertical-item.big-padding .item-content {
        padding: 40px 50px;
    }
}

.vertical-item.content-absolute {
    position: relative;
}

.vertical-item.content-absolute .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 2;
}

@media (min-width: 400px) {
    .vertical-item.content-absolute .item-content {
        padding: 30px;
    }
}

.vertical-item.content-absolute.vertical-center .item-content {
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.vertical-item+.item-title {
    padding: 10px 30px;
}

.vertical-item+.item-title h2,
.vertical-item+.item-title h3,
.vertical-item+.item-title h4 {
    margin: 0;
}

.vertical-item.hover-content {
    overflow: hidden;
}

.vertical-item.hover-content .item-content {
    margin-bottom: -100px;
    opacity: 0;
    transition: all 0.4s ease 0s;
}

.vertical-item.hover-content:hover .item-content {
    opacity: 1;
    margin-bottom: 0;
}

.vertical-item.hover-content.type2 .item-content {
    margin-bottom: 0;
    opacity: 1;
    padding: 20px 20px 23px;
}

@media (min-width: 400px) {
    .vertical-item.hover-content.type2 .item-content {
        padding: 20px 30px 23px;
    }
}

.vertical-item.hover-content.type2 .inner-content {
    max-height: 0;
    opacity: 0;
    transition: all 0.4s ease 0s;
}

.vertical-item.hover-content.type2:hover .inner-content {
    max-height: 300px;
    opacity: 1;
}

.side-item.content-padding .item-content {
    padding: 25px 20px;
}

@media (min-width: 400px) {
    .side-item.content-padding .item-content {
        padding: 35px;
    }
}

@media (min-width: 1200px) {
    .side-item.big-padding .item-content {
        padding-right: 55px;
    }
}

/* item meta */
.item-meta {
    font-size: 14px;
    margin-bottom: 5px;
}

.item-meta i {
    width: 1em;
    text-align: center;
    position: relative;
    font-size: 20px;
    top: 2px;
}

/* item media links */
.item-media {
    position: relative;
    overflow: hidden;
}

.item-media img {
    width: 100%;
}

a.bottom-right-corner {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    border: 25px solid transparent;
    border-right-color: #face77;
    border-bottom-color: #face77;
    font-size: 13px;
    z-index: 0;
}

a.bottom-right-corner i {
    color: #ffffff;
    position: absolute;
    right: -16px;
    bottom: -16px;
    z-index: 1;
    transition: all 0.2s ease 0s;
}

a.bottom-right-corner:hover i,
a.bottom-right-corner:focus i,
a.bottom-right-corner:active i {
    color: #e34f61;
}

.media-links {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.media-links div {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -25px;
    z-index: 4;
}

.media-links:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(38, 38, 38, 0.5);
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.2s linear;
}

[class*="-item"]:hover .media-links:before {
    opacity: 1;
}

.media-links a.abs-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

[class*="-item"]:hover .media-links a.abs-link {
    opacity: 1;
}

[class*="-item"] .links-wrap a {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 46px;
    top: -100px;
    border: 2px solid transparent;
    border-radius: 5px;
    display: inline-block;
    z-index: 5;
    font-size: 16px;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

[class*="-item"] .links-wrap a.p-view {
    color: #54be73;
}

[class*="-item"] .links-wrap a.p-view:hover {
    color: #1f232b;
}

[class*="-item"] .links-wrap a.p-link {
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
    -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
    -ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
    -o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
}

[class*="-item"] .links-wrap a.p-link:hover {
    color: #54be73;
}

[class*="-item"] .links-wrap a:before {
    font-family: 'FontAwesome';
    content: "\f002";
}

[class*="-item"] .links-wrap a.p-link:before {
    content: "\f041";
}

[class*="-item"]:hover .links-wrap a {
    top: 0px;
    filter: alpha(opacity=100);
    opacity: 1;
}

[class*="-item"]:hover .media-links div {
    filter: alpha(opacity=100);
    opacity: 1;
}

/* item icons */
.item-icons {
    display: table;
    width: 100%;
    border-top: 1px solid rgba(128, 128, 128, 0.1);
}

.item-icons i {
    font-size: 14px;
}

.item-icons>div {
    padding: 24px 50px 24px;
    display: table-cell;
    width: 400px;
    white-space: nowrap;
}

@media (max-width: 1199px) {
    .item-icons>div {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.item-icons>div.text-right {
    padding-left: 0;
}

.item-icons [data-id] {
    display: none;
}

/* 
** Header 
*/
.header_white {
    color: #818181;
    background-color: #face77;
}

.header_white.affix {
    box-shadow: 0px 1px 15px 0 rgba(0, 0, 0, 0.07);
}

.header_white a.logo {
    color: #000;
    font-weight: bold;
    font-size: 26px;
}

.header_darkgrey {
    background-color: #1f232b;
}

.header_darkgrey.affix {
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.3);
}

.header_darkgrey a[class*='soc-'] {
    color: #ffffff;
}

.header_darkgrey .logo-meta,
.header_darkgrey .grey {
    color: #ffffff;
}

.header_darkgrey.header_darkblue {
    background-color: #2f363c;
}

.header_darkgrey.header_half_transparent {
    background-color: rgba(0, 0, 0, 0.75);
}

.header_darkgrey.dark {
    background-color: #1c1c1c;
}

.header_darkgrey.with_top_border:before {
    background-color: rgba(255, 255, 255, 0.2);
}

.header_color {
    background-color: #54be73;
}

/* topline buttons */
.currency-dropdown .dropdown-menu {
    min-width: 0;
    padding: 20px 10px;
}

.currency-dropdown .dropdown-menu>li>a {
    color: inherit;
    padding: 5px 20px;
}

.currency-dropdown .dropdown-menu>li>a:hover,
.currency-dropdown .dropdown-menu>li.active-currency {
    color: #1f232b;
}

.header-notes-dropdown .dropdown-menu,
.login-dropdown .dropdown-menu {
    min-width: 400px;
    padding: 0;
}

.header-notes-dropdown .dropdown-menu .list-unstyled,
.login-dropdown .dropdown-menu .list-unstyled {
    padding: 30px;
}

.header-notes-dropdown .dropdown-menu .list1,
.login-dropdown .dropdown-menu .list1 {
    padding: 20px 0;
}

.header-notes-dropdown .dropdown-menu .list1 .media-left img,
.login-dropdown .dropdown-menu .list1 .media-left img {
    max-width: 40px;
    border-radius: 50%;
}

.header-notes-dropdown .dropdown-menu .list1 li,
.login-dropdown .dropdown-menu .list1 li {
    padding-left: 30px;
    padding-right: 30px;
}

.header-notes-dropdown .dropdown-menu .list1 h5,
.login-dropdown .dropdown-menu .list1 h5 {
    margin-top: 1em;
    font-size: inherit;
}

.header-notes-dropdown .dropdown-menu .list1 h5 .pull-right,
.login-dropdown .dropdown-menu .list1 h5 .pull-right {
    font-weight: 300;
    opacity: 0.8;
}

.cart-dropdown .dropdown-menu {
    min-width: 400px;
    padding: 20px 30px;
}

.user-dropdown-menu .dropdown-menu {
    min-width: 200px;
    padding: 20px 30px;
}

.header-dropdown-number {
    position: absolute;
    font-size: 10px;
    color: #ffffff;
    background-color: #54be73;
    border-radius: 5px;
    line-height: 1;
    padding: 2px 4px 1px;
    top: 22%;
    right: 0;
    font-weight: bold;
}

@media (max-width: 767px) {

    .header-notes-dropdown,
    .login-dropdown,
    .cart-dropdown {
        position: static;
    }

    .header-notes-dropdown .dropdown-menu,
    .login-dropdown .dropdown-menu,
    .cart-dropdown .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
        right: 0;
        left: 0;
        min-width: 0;
    }
}

@media (max-width: 992px) {
    .page_header_wrapper .col-sm-12 {
        min-height: 0;
    }
}

/* logo */
a.logo {
    display: inline-block;
    word-break: break-word;
    font-size: 24px;
    position: relative;
    z-index: 2;
    padding: 5px 0;
}

.ls a.logo {
    color: #1f232b;
}

.ds a.logo,
.ds a.logo:hover {
    color: #ffffff;
}

a.logo.logo_text_only {
    margin-left: 30px;
    line-height: 80px;
}

.header_color a.logo,
.header_darkgrey a.logo {
    color: #ffffff;
}

a.logo.bottom_logo {
    padding: 0;
    font-size: 28px;
}

a.logo.bottom_logo img {
    max-width: 65px;
}

.floating_logo a.logo {
    float: left;
    margin-right: 30px;
}

a.logo.vertical_logo {
    padding: 0;
}

a.logo.vertical_logo img {
    display: block;
    margin: auto;
}

@media (min-width: 992px) {
    .header_logo_center a.logo {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 600px) {
    a.logo.logo_image_and_text .logo_text {
        display: none;
    }
}

.logo_text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
    margin-left: 5px;
}

.logo_text>span {
    display: block;
}

.logo_text .big {
    font-size: 28px;
    text-transform: uppercase;
    white-space: nowrap;
}

.logo_text .small-text {
    font-size: 11px;
    letter-spacing: 0.1em;
    font-weight: 300;
}

@media (min-width: 400px) {
    .logo_text {
        margin-right: 15px;
    }
}

@media (min-width: 992px) {
    .header_logo_center .logo_wrapper {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

.logo-meta {
    line-height: 1;
    display: inline-block;
    margin: 11px 20px;
    vertical-align: middle;
    text-align: left;
}

@media (max-width: 1400px) {
    .logo+.logo-meta {
        display: none;
    }
}

.logo-meta strong {
    display: block;
    font-size: 16px;
}

.logo-meta span {
    display: block;
}

.page_header_side .logo-meta {
    display: block !important;
}

.lt-ie9 .page_header_wrapper {
    height: auto !important;
}

.lt-ie9 .page_header_wrapper .md-hidden {
    display: inline-block;
}

.page_header {
    transition: background 0.2s ease-in-out 0s,
        margin 0.6s ease-in-out 0s;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
    z-index: 1000;
    margin: 0;
    padding: 0;
    height: auto;
}

.page_header.affix {
    position: fixed;
    z-index: 1001;
}

.page_header.mobile-active {
    z-index: 1002;
}

.page_header.affix-bottom {
    top: 0 !important;
    position: fixed;
}

.page_header.section_padding_20 [class*="container"] {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: padding-top 0.2s linear 0s,
        padding-bottom 0.2s linear 0s;
}

.page_header.section_padding_20.affix [class*="container"] {
    padding-top: 0;
    padding-bottom: 0;
}

.page_header a.header-button {
    display: inline-block;
    color: #818181;
    padding: 0 15px;
    line-height: 60px;
    position: relative;
}

.page_header a.header-button i {
    font-size: 1.2em;
    position: relative;
    top: 0.07em;
}

.page_header a.header-button i+span {
    display: none;
}

.page_header .big-header-buttons {
    padding: 0 15px;
}

.page_header .page_social_icons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.page_header .social-icon {
    margin-bottom: 0;
}

.page_header [class*="display_table_cell"] {
    overflow: visible;
}

.page_header .widget_search {
    display: inline-block;
    margin: 10px 30px 10px 30px;
}

.page_header .widget_search .form-group {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .page_header .widget_search {
        display: none;
    }
}

/* modal search */
#search_modal {
    color: #ffffff;
}

#search_modal .search-form {
    margin: 0 0 0 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#search_modal a {
    color: #ffffff;
    opacity: 0.6;
    font-size: 13px;
    text-transform: uppercase;
}

#search_modal a:hover {
    color: #54be73;
    opacity: 1;
}

#search_modal .searchform-respond {
    width: 300px;
    margin: 20px auto;
}

#search_modal .form-control {
    border: none;
    background-color: transparent;
    height: 60px;
    color: #ffffff;
    width: 100%;
}

#search_modal .form-control:-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
    opacity: 1;
}

#search_modal .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
    opacity: 1;
}

#search_modal .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

#search_modal .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

#search_modal .theme_button {
    color: #ffffff;
}

#search_modal .close {
    padding: 19px 20px 18px;
    position: absolute;
    min-width: 0;
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
}

/* header floats */
.page_header:before,
.page_header:after {
    content: '';
    display: block;
    clear: both;
}

.header_left_logo {
    position: relative;
}

.page_header {
    height: auto;
}

.header_left_logo {
    white-space: nowrap;
    padding: 0 15px;
    overflow: visible;
}

.header_left_logo .logo img {
    max-width: 160px;
}

.header_mainmenu {
    overflow: visible;
    width: 10000px;
    padding: 0 15px;
}

.header_right_buttons {
    white-space: nowrap;
    padding: 0 15px;
    text-align: right;
    overflow: visible;
}

@media (min-width: 1600px) {
    .header_left_logo {
        padding: 0 50px;
    }

    .row .header_left_logo {
        padding: inherit;
    }

    .header_right_buttons {
        padding: 0 50px;
    }

    .row .header_right_buttons {
        padding: inherit;
    }
}

/*
** Side Header
*/
/* side header layout */
body {
    position: relative;
    left: 0;
}

body:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    visibility: hidden;
    opacity: 0;
}

body,
body:after,
.page_header_side {
    transition: all 0.6s ease-in-out;
}

body {
    transition-property: left, right;
}

body.active-side-header {
    left: 270px;
}

body.active-side-header .page_header_side {
    left: 0;
}

body.active-side-header:after {
    visibility: visible;
    opacity: 1;
}

.page_header_side {
    z-index: 1002;
    position: fixed;
    width: 270px;
    left: -270px;
    top: 0;
    bottom: 0;
}

.page_header_side.active-slide-side-header {
    box-shadow: 0px 0px 4px 3px rgba(50, 50, 50, 0.05);
}

.page_header_side~* .toggle_menu {
    display: none;
}

.page_header_side .widget {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.side_header_inner {
    padding: 10px 0 60px;
}

.toggle_menu_side {
    position: absolute;
    top: 5px;
    right: -65px;
    background-color: #ffffff;
    width: 60px;
    height: 60px;
    cursor: pointer;
    box-shadow: 0 0 4px 2px rgba(50, 50, 50, 0.05);
    z-index: 2;
}

.toggle_menu_side:before,
.toggle_menu_side span,
.toggle_menu_side span:before,
.toggle_menu_side span:after {
    content: '';
    display: block;
    width: 24px;
    position: absolute;
    background-color: #1f232b;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    height: 2px;
}

.toggle_menu_side:before,
.toggle_menu_side span {
    left: 18px;
    top: 50%;
}

.toggle_menu_side span:before {
    opacity: 1;
    top: -6px;
}

.toggle_menu_side span:after {
    opacity: 1;
    top: 6px;
}

.active-slide-side-header .toggle_menu_side:before,
.active-side-header .toggle_menu_side:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.active-slide-side-header .toggle_menu_side span,
.active-side-header .toggle_menu_side span {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.active-slide-side-header .toggle_menu_side span:before,
.active-slide-side-header .toggle_menu_side span:after,
.active-side-header .toggle_menu_side span:before,
.active-side-header .toggle_menu_side span:after {
    opacity: 0;
}

.ds .toggle_menu_side {
    background-color: #1f232b;
}

.ds .toggle_menu_side span,
.ds .toggle_menu_side span:before,
.ds .toggle_menu_side span:after,
.ds .toggle_menu_side:before {
    background-color: #ffffff;
}

.bs .toggle_menu_side {
    background-color: #2f363c;
}

@media (max-width: 350px) {
    .toggle_menu_side {
        top: 0;
        right: -50px;
    }
}

.page_header_side.page_header_side_sticked .toggle_menu_side {
    transition: 0.6s ease-in-out;
    right: -65px;
    top: 5px;
}

.admin .page_header_side.page_header_side_sticked .toggle_menu_side {
    right: -60px;
    top: 0;
}

.admin .page_header_side.page_header_side_sticked.active-slide-side-header .toggle_menu_side {
    top: 0;
    right: 0;
    box-shadow: none;
}

.page_header_side.active-slide-side-header {
    left: 0;
}

.container {
    max-width: 100%;
}

@media (max-width: 767px) {
    .container {
        max-width: 500px;
    }
}

@media (min-width: 600px) {
    .page_header_side.page_header_side_sticked.active-slide-side-header {
        left: 0;
    }

    .page_header_side_sticked~* {
        transition: margin 0.6s ease-in-out;
    }

    .page_header_side_sticked~div .page_header {
        padding-left: 35px;
    }

    .page_header_side_sticked.active-slide-side-header~div .page_header {
        padding-left: 0;
        margin-left: 270px;
    }

    .page_header_side_sticked.active-slide-side-header~* {
        margin-left: 270px;
    }

    .boxed .page_header_side_sticked.active-slide-side-header~*,
    .boxed .page_header_side_sticked.active-slide-side-header~div .page_header {
        margin-left: 0;
    }

    .page_header_side_sticked~.page_header_wrapper {
        margin-left: 0;
    }
}

.page_header_side.header_side_right {
    left: auto;
    right: -270px;
}

.page_header_side.header_side_right.active-slide-side-header {
    right: 0;
}

.page_header_side.header_side_right .toggle_menu_side {
    right: auto;
    left: -65px;
}

@media (max-width: 350px) {
    .page_header_side.header_side_right .toggle_menu_side {
        left: -50px;
    }
}

body.active-side-header.slide-right {
    left: -270px;
}

body.active-side-header.slide-right .page_header_side {
    left: auto;
    right: 0;
}

/* side clickable menu styles */
.menu-click {
    padding: 0;
    margin: 19px 0;
    line-height: 1;
}

.menu-click i {
    width: 1em;
    text-align: center;
    margin-right: 10px;
}

.menu-click .activate_submenu {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 9px;
    font-size: 11px;
    color: #1f232b;
    text-align: center;
    width: 10px;
    opacity: 0.9;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: .25s ease-in-out;
}

.menu-click .activate_submenu:before {
    font-family: 'FontAwesome';
    content: "\f0dd";
}

.ds .menu-click .activate_submenu {
    color: #ffffff;
}

.menu-click .active-submenu>.activate_submenu {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.menu-click li {
    position: relative;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.menu-click>li {
    padding: 0 40px 0 27px;
    font-weight: 400;
    background-color: transparent;
    border-left: 3px solid transparent;
    transition: 0.3s ease-in-out;
}

.menu-click>li a {
    display: block;
    padding: 7px 0;
}

.menu-click>li.active-submenu {
    padding-top: 19px;
    padding-bottom: 10px;
    border-color: #54be73;
}

.bs .menu-click>li.active-submenu {
    background-color: #2f363c;
}

.ls .menu-click>li.active-submenu {
    background-color: #f2f2f2;
}

.menu-click>li.active-submenu>.activate_submenu {
    top: 22px;
}

.menu-click>li li {
    padding-right: 40px;
    font-weight: 300;
}

.menu-click li.active>a {
    color: #54be73;
}

.menu-click ul {
    opacity: 0;
    height: 0;
    padding-left: 26px;
}

.menu-click ul ul {
    padding-left: 10px;
    font-size: 95%;
}

.menu-click .active-submenu>div.mega-menu {
    height: auto;
}

.menu-click .active-submenu>ul,
.menu-click .active-submenu>div.mega-menu>ul {
    opacity: 1;
    height: auto;
}

.menu-click ul,
.menu-click div.mega-menu {
    margin-right: -40px;
    margin-top: 0;
    margin-bottom: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out;
}

.menu-click ul li.sfHover>.mega-menu ul {
    display: block;
    height: 100%;
}

.menu-click div.mega-menu>ul {
    margin-right: 0;
    height: auto;
}

.side_header_social {
    margin: 30px;
    text-align: center;
}

/* sidebar scroll plugin */
.scroll-wrapper {
    overflow: hidden;
    padding: 0;
    position: relative;
    height: 100%;
}

.scroll-wrapper>.scroll-content {
    border: none;
    box-sizing: content-box;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: scroll;
    padding: 0;
    position: relative;
    top: 0;
    width: auto;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-wrapper.scroll--rtl {
    direction: rtl;
}

.scroll-element {
    box-sizing: content-box;
    display: none;
}

.scroll-element div {
    box-sizing: content-box;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none;
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    background-color: rgba(127, 127, 127, 0.4);
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border-radius: 1px;
    transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.scrollbar-macosx>.scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

/*
** Light Section - .ls
*/
.ls {
    background-color: #ffffff;
    color: #818181;
}

.ls h1,
.ls h2,
.ls h3,
.ls h4,
.ls h5,
.ls h6 {
    color: #1f232b;
}

.ls h1 a,
.ls h2 a,
.ls h3 a,
.ls h4 a,
.ls h5 a,
.ls h6 a {
    color: inherit;
}

.ls h1 a:hover,
.ls h2 a:hover,
.ls h3 a:hover,
.ls h4 a:hover,
.ls h5 a:hover,
.ls h6 a:hover {
    color: #54be73;
}

.ls h1.grey,
.ls h2.grey,
.ls h3.grey,
.ls h4.grey,
.ls h5.grey,
.ls h6.grey {
    color: #818181;
}

.ls h1.hover-color2 a:hover,
.ls h2.hover-color2 a:hover,
.ls h3.hover-color2 a:hover,
.ls h4.hover-color2 a:hover,
.ls h5.hover-color2 a:hover,
.ls h6.hover-color2 a:hover {
    color: #face77;
}

.ls h1.hover-color3 a:hover,
.ls h2.hover-color3 a:hover,
.ls h3.hover-color3 a:hover,
.ls h4.hover-color3 a:hover,
.ls h5.hover-color3 a:hover,
.ls h6.hover-color3 a:hover {
    color: #e34f61;
}

.ls [class*='_bg']:not(.light_bg_color) {
    color: #ffffff;
}

.ls [class*='_bg']:not(.light_bg_color) h1,
.ls [class*='_bg']:not(.light_bg_color) h2,
.ls [class*='_bg']:not(.light_bg_color) h3,
.ls [class*='_bg']:not(.light_bg_color) h4,
.ls [class*='_bg']:not(.light_bg_color) h5,
.ls [class*='_bg']:not(.light_bg_color) h6 {
    color: #ffffff;
}

.ls .light_bg_color {
    color: #1f232b;
}

.ls a {
    color: #face77;
}

.ls a:hover {
    color: #1f232b;
}

.ls .color-icon.bg-icon {
    background-color: #ececec;
}

.ls .grey {
    color: #1f232b;
}

.ls .highlight {
    color: #face77;
}

.ls .highlight2 {
    color: #face77;
}

.ls .highlightlinks a,
.ls .highlightlink {
    color: #54be73;
}

.ls .highlightlinks a:hover,
.ls .highlightlink:hover {
    color: #1f232b;
}

.ls .greylinks a {
    color: #818181;
}

.ls .greylinks a:hover {
    color: #1f232b;
}

.ls .greylinks a.social-icon {
    color: #bebebe;
}

.ls .darklinks a {
    color: #1f232b;
}

.ls .darklinks a:hover {
    color: #54be73;
}

.ls .darklinks.color3 a:hover {
    color: #e34f61;
}

.ls .colorlinks a {
    color: #face77;
}

.ls .colorlinks a:hover,
.ls .colorlinks a:focus,
.ls .colorlinks a:active {
    color: #54be73;
}

.ls .color2links a,
.ls .color2links a.social-icon {
    color: #face77;
}

.ls .color2links a:hover,
.ls .color2links a:focus,
.ls .color2links a:active,
.ls .color2links a.social-icon:hover,
.ls .color2links a.social-icon:focus,
.ls .color2links a.social-icon:active {
    color: #1f232b;
}

.ls .pagination>li>a,
.ls .pagination>li>span {
    color: #818181;
}

.ls .pagination>li.active>a,
.ls .pagination>li.active>span,
.ls .pagination>li>a:hover,
.ls .pagination>li>span:hover,
.ls .pagination>li>a:focus,
.ls .pagination>li>span:focus {
    color: #ffffff;
}

.ls .breadcrumb>li+li:before {
    color: #818181;
}

.ls .no_bg_button.color1 {
    color: #54be73;
}

.ls .no_bg_button.color2 {
    color: #face77;
}

.ls .no_bg_button[class*="color"]:hover,
.ls .no_bg_button[class*="color"]:focus,
.ls .no_bg_button[class*="color"]:active {
    color: #1f232b;
}

.ls .nav-unstyled .active a {
    color: #54be73;
}

.ls .theme_button {
    color: #000;
}

.ls .theme_button:hover,
.ls .theme_button:focus,
.ls .theme_button:active {
    color: #1f232b;
    background-color: transparent;
}

.ls .theme_button.inverse {
    color: #1f232b;
}

/*
** Grey Section - light section, muted section - .ls.ms
*/
.ls.ms {
    background-color: #f2f2f2;
}

.ls.ms .with_background {
    background-color: #ffffff;
}

.ls.ms .with_background hr {
    background-color: #e5e5e5;
}

.ls.ms .theme_bg .with_background {
    background-color: #f2f2f2;
}

.ls.ms hr {
    background-color: rgba(0, 0, 0, 0.1);
}

.ls.ms input[type="text"],
.ls.ms input[type="email"],
.ls.ms input[type="url"],
.ls.ms input[type="password"],
.ls.ms input[type="search"],
.ls.ms input[type="tel"],
.ls.ms input[type="number"],
.ls.ms textarea,
.ls.ms .select-group,
.ls.ms .form-control {
    background-color: #ffffff;
}

.ls.ms .with_background input[type="text"],
.ls.ms .with_background input[type="email"],
.ls.ms .with_background input[type="url"],
.ls.ms .with_background input[type="password"],
.ls.ms .with_background input[type="search"],
.ls.ms .with_background input[type="tel"],
.ls.ms .with_background input[type="number"],
.ls.ms .with_background textarea,
.ls.ms .with_background select,
.ls.ms .with_background .form-control {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
}

.ls.ms td,
.ls.ms th,
.ls.ms .with_border {
    border-color: #d8d8d8;
}

.ls.ms .main_bg_color {
    background-color: #54be73;
}

.ls.ms .main_bg_color2 {
    background-color: #face77;
}

.ls.ms .nav-tabs>li a {
    background-color: #ffffff;
    border-color: #ffffff;
}

.ls.ms .nav-tabs>li a:hover,
.ls.ms .nav-tabs>li a:focus {
    color: #54be73;
}

.ls.ms .nav-tabs>li.active a {
    color: #ffffff;
    background-color: #54be73;
    border-color: #54be73;
}

.ls.ms .tab-content {
    background-color: #ffffff;
}

.ls.ms .tab-content .with_border {
    border-color: #e6e6e6;
}

.ls.ms .tab-content.no-border {
    background-color: transparent;
}

.ls.ms .tab-content .form-control {
    background-color: #f2f2f2;
}

.ls.ms .vertical-tabs .nav>li>a {
    background-color: #ffffff;
}

.ls.ms .vertical-tabs .nav>li>a:hover,
.ls.ms .vertical-tabs .nav>li.active>a {
    background-color: #1f232b;
}

.ls.ms .with_background .panel-title>a {
    border: 1px solid #e5e5e5;
}

.ls.ms .pagination a,
.ls.ms .pagination span {
    background-color: #ffffff;
    border-color: #ffffff;
}

.ls.ms .breadcrumb {
    color: #818181;
}

.ls.ms .breadcrumb a {
    color: #686868;
}

.ls.ms .breadcrumb a:hover {
    color: #54be73;
}

.ls.ms .theme_button.inverse {
    background-color: #ffffff;
    border-color: #ffffff;
}

.ls.ms .theme_button.inverse:hover,
.ls.ms .theme_button.inverse:focus,
.ls.ms .theme_button.inverse:active {
    background-color: transparent;
}

.ls.ms .theme_button.inverse.color1 {
    background-color: transparent;
    border-color: #54be73;
    color: #1f232b;
}

.ls.ms .theme_button.inverse.color1:hover,
.ls.ms .theme_button.inverse.color1:focus,
.ls.ms .theme_button.inverse.color1:active {
    color: #ffffff;
    background-color: #54be73;
}

.ls.ms .theme_button.inverse.color2 {
    background-color: transparent;
    border-color: #face77;
    color: #1f232b;
}

.ls.ms .theme_button.inverse.color2:hover,
.ls.ms .theme_button.inverse.color2:focus,
.ls.ms .theme_button.inverse.color2:active {
    color: #ffffff;
    background-color: #face77;
}

/*
** Dark Section and Dark Muted sections - .ds and .ds.ms
*/
/* darkgrey section - .ds */
.ds {
    background-color: #1f232b;
    color: #818181;
}

.ds.black {
    background-color: #000000;
}

/* dark section - .ds.ms */
.ds.ms {
    background-color: #1c1c1c;
}

.ds.ms .ds.ms,
.ds.ms+.ds.ms {
    background-color: #212121;
}

.ds.ms .with_background {
    background-color: #1f232b;
}

/* dark section blue - .ds.bs */
.ds.bs {
    background-color: #2f3e47;
}

.ds.bs .side_header_logo {
    background-color: #2f363c;
}

.ds {
    /* shop */
}

.ds h1,
.ds h2,
.ds h3,
.ds h4,
.ds h5,
.ds h6 {
    color: #ffffff;
}

.ds h1 a,
.ds h2 a,
.ds h3 a,
.ds h4 a,
.ds h5 a,
.ds h6 a {
    color: #ffffff;
}

.ds h1 a:hover,
.ds h2 a:hover,
.ds h3 a:hover,
.ds h4 a:hover,
.ds h5 a:hover,
.ds h6 a:hover {
    color: #54be73;
}

.ds h1.hover-color2 a:hover,
.ds h2.hover-color2 a:hover,
.ds h3.hover-color2 a:hover,
.ds h4.hover-color2 a:hover,
.ds h5.hover-color2 a:hover,
.ds h6.hover-color2 a:hover {
    color: #face77;
}

.ds h1.hover-color3 a:hover,
.ds h2.hover-color3 a:hover,
.ds h3.hover-color3 a:hover,
.ds h4.hover-color3 a:hover,
.ds h5.hover-color3 a:hover,
.ds h6.hover-color3 a:hover {
    color: #e34f61;
}

.ds [class*='main_bg'],
.ds .dark_bg_color,
.ds .darkblue_bg_color,
.ds .darkgrey_bg_color,
.ds .success_bg_color,
.ds .info_bg_color,
.ds .warning_bg_color,
.ds .danger_bg_color {
    color: #ffffff;
}

.ds [class*='main_bg'] h1,
.ds [class*='main_bg'] h2,
.ds [class*='main_bg'] h3,
.ds [class*='main_bg'] h4,
.ds [class*='main_bg'] h5,
.ds [class*='main_bg'] h6,
.ds .dark_bg_color h1,
.ds .dark_bg_color h2,
.ds .dark_bg_color h3,
.ds .dark_bg_color h4,
.ds .dark_bg_color h5,
.ds .dark_bg_color h6,
.ds .darkblue_bg_color h1,
.ds .darkblue_bg_color h2,
.ds .darkblue_bg_color h3,
.ds .darkblue_bg_color h4,
.ds .darkblue_bg_color h5,
.ds .darkblue_bg_color h6,
.ds .darkgrey_bg_color h1,
.ds .darkgrey_bg_color h2,
.ds .darkgrey_bg_color h3,
.ds .darkgrey_bg_color h4,
.ds .darkgrey_bg_color h5,
.ds .darkgrey_bg_color h6,
.ds .success_bg_color h1,
.ds .success_bg_color h2,
.ds .success_bg_color h3,
.ds .success_bg_color h4,
.ds .success_bg_color h5,
.ds .success_bg_color h6,
.ds .info_bg_color h1,
.ds .info_bg_color h2,
.ds .info_bg_color h3,
.ds .info_bg_color h4,
.ds .info_bg_color h5,
.ds .info_bg_color h6,
.ds .warning_bg_color h1,
.ds .warning_bg_color h2,
.ds .warning_bg_color h3,
.ds .warning_bg_color h4,
.ds .warning_bg_color h5,
.ds .warning_bg_color h6,
.ds .danger_bg_color h1,
.ds .danger_bg_color h2,
.ds .danger_bg_color h3,
.ds .danger_bg_color h4,
.ds .danger_bg_color h5,
.ds .danger_bg_color h6 {
    color: #ffffff;
}

.ds .ls {
    background-color: #ffffff;
    color: #818181;
}

.ds .ls h1,
.ds .ls h2,
.ds .ls h3,
.ds .ls h4,
.ds .ls h5,
.ds .ls h6 {
    color: #1f232b;
}

.ds .ls h1 a,
.ds .ls h2 a,
.ds .ls h3 a,
.ds .ls h4 a,
.ds .ls h5 a,
.ds .ls h6 a {
    color: inherit;
}

.ds .ls h1 a:hover,
.ds .ls h2 a:hover,
.ds .ls h3 a:hover,
.ds .ls h4 a:hover,
.ds .ls h5 a:hover,
.ds .ls h6 a:hover {
    color: #54be73;
}

.ds .ls a {
    color: #54be73;
}

.ds .ls a:hover {
    color: #1f232b;
}

.ds .ls .darklinks a {
    color: #1f232b;
}

.ds .ls .darklinks a:hover {
    color: #54be73;
}

.ds .ls hr {
    background-color: #e5e5e5;
}

.ds .ls blockquote {
    color: #1f232b;
}

.ds .ls .highlight {
    color: #54be73;
}

.ds .ls .grey {
    color: #1f232b;
}

.ds label {
    color: #ffffff;
}

.ds a {
    color: #ffffff;
}

.ds a:hover {
    color: #54be73;
}

.ds hr {
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.2);
}

.ds hr.main_bg_color {
    background-color: #54be73;
}

.ds blockquote,
.ds .blockquote {
    color: #bebebe;
}

.ds blockquote img {
    border-color: #ffffff;
}

.ds [class*='soc-'] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .social-icon.color-icon:hover {
    color: #ffffff;
}

.ds .muted_background,
.ds .with_background,
.ds .well {
    background-color: rgba(255, 255, 255, 0.05);
}

.ds .theme_bg {
    background-color: #000;
}

.ds .main_bg_color {
    background-color: #54be73;
}

.ds .main_bg_color2 {
    background-color: #face77;
}

.ds.muted_section:before {
    background-color: rgba(255, 255, 255, 0.05);
}

.ds .with_border {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .highlight {
    color: #face77;
}

.ds .highlight2 {
    color: #face77;
}

.ds .grey,
.ds .black {
    color: #ffffff;
    border-color: #ffffff;
}

.ds .lightgrey {
    color: #cbcbcb;
}

.ds .highlightlinks a,
.ds .highlightlink {
    color: #54be73;
}

.ds .highlightlinks a:hover,
.ds .highlightlink:hover {
    color: #ffffff;
}

.ds .greylinks a {
    color: #818181;
}

.ds .greylinks a:hover {
    color: #54be73;
}

.ds .greylinks a.social-icon {
    color: #818181;
}

.ds .darklinks a {
    color: #ffffff;
}

.ds .darklinks a:hover {
    color: #54be73;
}

.ds .darklinks a.social-icon {
    color: #ffffff;
    border-color: #ffffff;
}

.ds .darklinks.color2 a:hover {
    color: #face77;
}

.ds .colorlinks a {
    color: #face77;
}

.ds .colorlinks a:hover,
.ds .colorlinks a:focus,
.ds .colorlinks a:active {
    color: #54be73;
}

.ds.with_top_border:before,
.ds.with_bottom_border:after {
    background-color: rgba(255, 255, 255, 0.2);
}

.ds input[type="text"],
.ds input[type="email"],
.ds input[type="url"],
.ds input[type="password"],
.ds input[type="search"],
.ds input[type="tel"],
.ds input[type="number"],
.ds textarea,
.ds .form-control,
.ds .select-group {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.ds form label+[class*="icon-"] {
    color: #1f232b;
    color: #ffffff;
}

.ds .form-group-select:before {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .form-control:focus {
    border-color: #818181;
}

.ds .form-control:-moz-placeholder {
    color: rgba(129, 129, 129, 0.7);
    opacity: 1;
}

.ds .form-control::-moz-placeholder {
    color: rgba(129, 129, 129, 0.7);
    opacity: 1;
}

.ds .form-control:-ms-input-placeholder {
    color: rgba(129, 129, 129, 0.7);
}

.ds .form-control::-webkit-input-placeholder {
    color: rgba(129, 129, 129, 0.7);
}

.ds .form-control:focus:-moz-placeholder {
    color: transparent;
}

.ds .form-control:focus::-moz-placeholder {
    color: transparent;
}

.ds .form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.ds .form-control:focus::-webkit-input-placeholder {
    color: transparent;
}

.ds .contact-form.transparent-background .form-control {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds.background_cover .form-control,
.ds.transp_black_bg .form-control {
    border-color: rgba(255, 255, 255, 0.5);
}

.ds.background_cover .form-control:-moz-placeholder,
.ds.transp_black_bg .form-control:-moz-placeholder {
    color: #ffffff;
    font-style: italic;
}

.ds.background_cover .form-control::-moz-placeholder,
.ds.transp_black_bg .form-control::-moz-placeholder {
    color: #ffffff;
    font-style: italic;
}

.ds.background_cover .form-control:-ms-input-placeholder,
.ds.transp_black_bg .form-control:-ms-input-placeholder {
    color: #ffffff;
    font-style: italic;
}

.ds.background_cover .form-control::-webkit-input-placeholder,
.ds.transp_black_bg .form-control::-webkit-input-placeholder {
    color: #ffffff;
    font-style: italic;
}

.ds.background_cover .form-control:focus:-moz-placeholder,
.ds.transp_black_bg .form-control:focus:-moz-placeholder {
    color: transparent;
}

.ds.background_cover .form-control:focus::-moz-placeholder,
.ds.transp_black_bg .form-control:focus::-moz-placeholder {
    color: transparent;
}

.ds.background_cover .form-control:focus:-ms-input-placeholder,
.ds.transp_black_bg .form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.ds.background_cover .form-control:focus::-webkit-input-placeholder,
.ds.transp_black_bg .form-control:focus::-webkit-input-placeholder {
    color: transparent;
}

.ds .table,
.ds .table-bordered,
.ds .table th,
.ds .table td,
.ds table th,
.ds table td {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds table th {
    color: #ffffff;
}

.ds .table_template th,
.ds .table_template td {
    border-color: transparent;
}

.ds .table_template th {
    color: inherit;
}

.ds .table-striped>tbody>tr:nth-child(odd),
.ds .table-striped>tbody>tr:nth-child(odd)>td,
.ds .table-striped>tbody>tr:nth-child(odd)>th {
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.05);
}

.ds .color-icon.bg-icon {
    background-color: rgba(255, 255, 255, 0.05);
}

.ds .color-icon.bg-icon:hover {
    color: #ffffff;
}

.ds .color-bg-icon:hover {
    background-color: #54be73;
}

.ds .tab-content {
    background-color: rgba(255, 255, 255, 0.05);
}

.ds .tab-content.no-border {
    background-color: transparent;
}

.ds .nav-unstyled {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .nav-tabs>li>a {
    border-color: #ffffff;
    color: #ffffff;
}

.ds .nav-tabs>li>a:hover,
.ds .nav-tabs>li.active>a,
.ds .nav-tabs>li.active>a:hover,
.ds .nav-tabs>li.active>a:focus {
    border-color: #face77;
    background-color: #face77;
    color: #ffffff;
}

.ds .price-table.style1 {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .plan-name {
    background-color: #ffffff;
}

.ds .plan-name h3 {
    color: #1f232b;
}

.ds .plan-price p {
    color: #ffffff;
}

.ds .features-list .disabled:before {
    color: #ffffff;
}

.ds .features-list li+li:before {
    background-color: rgba(255, 255, 255, 0.3);
}

.ds ul.list1 li {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .owl-theme .owl-dots .owl-dot span {
    border-color: #ffffff;
}

.ds .owl-theme .owl-dots .owl-dot.active span,
.ds .owl-theme .owl-dots .owl-dot:hover span {
    border-color: #54be73;
}

.ds .testimonials-carousel .media+p {
    background-color: rgba(255, 255, 255, 0.05);
}

.ds .post-adds .share_button>i,
.ds .post-adds .like_button>i {
    color: #ffffff;
}

.ds .widget_shopping_cart .cart_list,
.ds .widget_recent_entries li,
.ds .widget_recent_comments li,
.ds .widget_archive li,
.ds .widget_categories li,
.ds .widget_meta li,
.ds .widget_nav_menu li,
.ds .widget_pages li,
.ds .widget_popular_entries li {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .widget_nav_menu ul ul {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .widget_popular_entries .media-heading {
    color: #ffffff;
}

.ds .tweet_list li+li .tweet_right {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .widget_tag_cloud a {
    color: #ffffff;
}

.ds .widget_shopping_cart li a+a {
    color: #ffffff;
}

.ds .widget_shopping_cart li a+a:hover {
    color: #54be73;
}

.ds .widget .woocommerce-Price-amount {
    color: #ffffff;
}

.ds .summary .price {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .summary .product_meta {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .widget_price_filter .price_label {
    color: #ffffff;
}

.ds #calendar_wrap {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .widget_calendar table {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .widget_calendar tfoot td a {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .widget_calendar caption,
.ds .widget_calendar thead,
.ds .widget_calendar th {
    color: #ffffff;
}

.ds .widget_calendar tbody td a:hover {
    color: #ffffff;
}

.ds .grid-view h3:before,
.ds .grid-view h3:after {
    background-color: rgba(255, 255, 255, 0.2);
}

.ds .owl-carousel.product-thumbnails .owl-nav>div:after {
    color: #ffffff;
}

.ds .ui-slider {
    background-color: #ffffff;
}

.ds .ui-slider .ui-slider-handle {
    background-color: #ffffff;
}

.ds #sort_view {
    background-color: transparent;
    color: #ffffff;
}

.ds #toggle_shop_view.grid-view:after,
.ds #toggle_shop_view:before {
    background-color: rgba(247, 247, 247, 0.05);
}

.ds .widget_layered_nav .color-filters a:before {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .table.cart a {
    color: #ffffff;
}

.ds .pagination>li>a,
.ds .pagination>li>span {
    color: #818181;
    background-color: rgba(255, 255, 255, 0.05);
}

.ds .pagination>li.active>a,
.ds .pagination>li.active>span,
.ds .pagination>li>a:hover,
.ds .pagination>li>span:hover,
.ds .pagination>li>a:focus,
.ds .pagination>li>span:focus {
    border-color: #54be73;
    background-color: #54be73;
    color: #ffffff;
}

.ds .thumbnail {
    background-color: transparent;
}

.ds .thumbnail h3 a {
    color: #ffffff;
}

.ds .thumbnail .caption {
    border-color: transparent;
    background-color: rgba(252, 252, 252, 0.05);
}

.ds .progress {
    background-color: #f2f2f2;
}

.ds .panel-default {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .panel-heading .panel-title>a.collapsed {
    background-color: rgba(255, 255, 255, 0.05);
}

.ds .panel-heading .panel-title>a,
.ds .panel-heading .panel-title>a:hover {
    background-color: #54be73;
    color: #ffffff;
}

.ds .panel-heading .panel-title>a:hover:after,
.ds .vertical-tabs .nav>li>a:hover:after {
    color: #ffffff;
}

.ds .vertical-tabs .nav>li>a {
    background-color: rgba(255, 255, 255, 0.05);
}

.ds .vertical-tabs .nav>li.active a,
.ds .vertical-tabs .nav>li>a:hover {
    color: #ffffff;
    background-color: #54be73;
}

.ds .vertical-tabs .nav>li.active a:after,
.ds .vertical-tabs .nav>li>a:hover:after {
    color: #ffffff;
}

.ds .entry-meta .comments-link a {
    color: #ffffff;
}

.ds #timetable tbody th,
.ds #timetable tbody td {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds #isotope_filters a.selected,
.ds .filters a.selected {
    color: #ffffff;
}

.ds div .fw-shortcode-calendar-wrapper .page-header h3,
.ds div .btn-group button[data-calendar-nav],
.ds div .btn-group button[data-calendar-nav*='today'] {
    color: #ffffff;
}

.ds .entry-meta.with_top_border:before {
    background-color: rgba(255, 255, 255, 0.2);
}

.ds .text-nav .owl-nav>div {
    background-color: #1f232b;
}

.ds .text-nav .owl-nav>div:after {
    color: #ffffff;
}

.ds .text-nav .owl-nav>div:hover:after {
    color: #face77;
}

.ds a.border-icon {
    border-color: rgba(255, 255, 255, 0.2);
}

.ds .nav-unstyled .active a {
    color: #ffffff;
}

.ds .countdown-row .countdown-period {
    color: #ffffff;
}

.ds .widget_slider .owl-carousel .owl-nav>div:after {
    color: #ffffff;
}

.ds .widget_slider .owl-carousel .owl-nav>div:hover:after {
    color: #54be73;
}

.ds .divided-content>*+*:before {
    color: #ffffff;
}

.ds+.page_footer.ds {
    background-color: #1c1c1c;
}

.ds.ms+.page_footer.ds {
    background-color: #1f232b;
}

.ds .nav-unstyled .active a {
    color: #54be73;
}

.ds .theme_button {
    color: #face77;
    border-color: #ffffff;
    background-color: #ffffff;
}

.ds .theme_button:hover,
.ds .theme_button:focus,
.ds .theme_button:active {
    color: #ffffff;
    background-color: transparent;
}

.ds .theme_button.inverse {
    background-color: transparent;
    color: #ffffff;
}

.ds .theme_button.inverse:hover,
.ds .theme_button.inverse:focus,
.ds .theme_button.inverse:active {
    color: #54be73;
    background-color: #ffffff;
}

.ds .theme_button.inverse[class*="color"] {
    background-color: transparent;
}

.ds .theme_button.inverse[class*="color"]:hover,
.ds .theme_button.inverse[class*="color"]:focus,
.ds .theme_button.inverse[class*="color"]:active {
    color: #ffffff;
}

.ds .theme_button.inverse.color1:hover,
.ds .theme_button.inverse.color1:focus,
.ds .theme_button.inverse.color1:active {
    background-color: #54be73;
}

.ds .theme_button.inverse.color2:hover,
.ds .theme_button.inverse.color2:focus,
.ds .theme_button.inverse.color2:active {
    background-color: #face77;
}

.ds .theme_button.color1 {
    color: #000;
    border-color: #face77;
    background-color: #face77;
}

.ds .theme_button.color2 {
    color: #ffffff;
    border-color: #face77;
    background-color: #face77;
}

.ds .theme_button[class*="color"]:hover,
.ds .theme_button[class*="color"]:focus,
.ds .theme_button[class*="color"]:active {
    background-color: transparent;
}

.ds .theme_button.no_bg_button.color1 {
    color: #54be73;
}

.ds .theme_button.no_bg_button.color2 {
    color: #face77;
}

.ds .theme_button.no_bg_button[class*="color"]:hover,
.ds .theme_button.no_bg_button[class*="color"]:focus,
.ds .theme_button.no_bg_button[class*="color"]:active {
    color: #ffffff;
}

.header_darkgrey a.border-icon {
    border-color: rgba(255, 255, 255, 0.2);
}

/*
** Color Section - .cs 
*/
.cs.main_color2 {
    background-color: #face77;
}

.cs.main_color2 .highlight {
    color: #54be73;
}

.cs.main_color3 {
    background-color: #e57885;
}

.cs.main_color3 .highlight {
    color: #54be73;
}

.cs.two_color {
    background: linear-gradient(-90deg, #face77 50%, #54be73 50%);
}

.cs {
    background-color: #face77;
    color: #dedede;
}

.cs .ls .greylinks a {
    color: #bebebe;
}

.cs .ls .greylinks a:hover,
.cs .ls .greylinks a:focus,
.cs .ls .greylinks a:active {
    color: #818181;
}

.cs .ls h1 a:hover,
.cs .ls h2 a:hover,
.cs .ls h3 a:hover,
.cs .ls h4 a:hover,
.cs .ls h5 a:hover,
.cs .ls h6 a:hover {
    color: #54be73;
}

.cs .ds .greylinks a {
    color: #bebebe;
}

.cs .ds .greylinks a:hover,
.cs .ds .greylinks a:focus,
.cs .ds .greylinks a:active {
    color: #818181;
}

.cs .ds h1,
.cs .ds h2,
.cs .ds h3,
.cs .ds h4,
.cs .ds h5,
.cs .ds h6 {
    color: #ffffff;
}

.cs .ds h1 a,
.cs .ds h2 a,
.cs .ds h3 a,
.cs .ds h4 a,
.cs .ds h5 a,
.cs .ds h6 a {
    color: inherit;
}

.cs .ds h1 a:hover,
.cs .ds h2 a:hover,
.cs .ds h3 a:hover,
.cs .ds h4 a:hover,
.cs .ds h5 a:hover,
.cs .ds h6 a:hover {
    color: #54be73;
}

.cs h1,
.cs h2,
.cs h3,
.cs h4,
.cs h5,
.cs h6 {
    color: #ffffff;
}

.cs h1 a,
.cs h2 a,
.cs h3 a,
.cs h4 a,
.cs h5 a,
.cs h6 a {
    color: #1f232b;
}

.cs h1 a:hover,
.cs h2 a:hover,
.cs h3 a:hover,
.cs h4 a:hover,
.cs h5 a:hover,
.cs h6 a:hover {
    color: #ffffff;
}

.cs a {
    color: #ffffff;
}

.cs a:hover {
    color: #9edab0;
}

.cs blockquote,
.cs .blockquote {
    color: #ffffff;
}

section .cs .theme_buttons a,
section .cs .theme_button {
    color: #1f232b;
    background-color: #ffffff;
    border-color: #ffffff;
}

section .cs .theme_buttons a:hover,
section .cs .theme_button:hover {
    background-color: #1f232b;
    border-color: #1f232b;
    color: #ffffff;
}

.cs .with_background {
    background-color: rgba(255, 255, 255, 0.2);
}

.cs .with_border {
    border-color: rgba(255, 255, 255, 0.2);
}

.cs.with_top_border .container:before,
.cs.with_bottom_border .container:after {
    background-color: #79cc91;
}

.cs .greylinks a {
    color: #ffffff;
    opacity: 0.9;
}

.cs .greylinks a:hover {
    opacity: 1;
    color: #ffffff;
}

.cs .highlightlinks a,
.cs .highlightlinks a.social-icon {
    color: rgba(255, 255, 255, 0.5);
}

.cs .black {
    border-color: #ffffff;
    color: #ffffff;
}

.cs .grey {
    border-color: #1f232b;
    color: #1f232b;
}

.cs .lightgrey {
    color: rgba(255, 255, 255, 0.5);
}

.cs .response,
.cs .highlight,
.cs .breadcrumb>.active {
    color: #fff;
}

.cs label+.highlight,
.cs label+.highlight {
    color: #54be73;
}

.cs .light_bg_color .highlight,
.cs .light_bg_color.highlight {
    color: #54be73;
}

.cs ul.list1 li {
    border-color: rgba(255, 255, 255, 0.2);
}

.cs [class*='soc-'] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.cs .color-icon.bg-icon {
    background-color: rgba(255, 255, 255, 0.2);
}

.cs a.social-icon.color-bg-icon:hover {
    background-color: #1f232b;
}

.cs a.social-icon.theme-color-icon {
    color: #dceadd;
}

.cs a.social-icon.theme-color-icon:hover,
.cs a.social-icon.theme-color-icon:focus,
.cs a.social-icon.theme-color-icon:active {
    color: #ffffff;
}

.cs input[type="text"],
.cs input[type="email"],
.cs input[type="url"],
.cs input[type="password"],
.cs input[type="search"],
.cs input[type="tel"],
.cs input[type="number"],
.cs textarea,
.cs select,
.cs .form-control,
.cs .select-group {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #ffffff;
}

.cs .form-control:focus {
    border-color: #ffffff;
}

.cs .form-control:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

.cs .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

.cs .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.cs .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.cs .form-control:focus:-moz-placeholder {
    color: transparent;
}

.cs .form-control:focus::-moz-placeholder {
    color: transparent;
}

.cs .form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.cs .form-control:focus::-webkit-input-placeholder {
    color: transparent;
}

.cs .pagination>li>a,
.cs .pagination>li>span {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
}

.cs .pagination>li.active>a,
.cs .pagination>li.active>span,
.cs .pagination>li>a:hover,
.cs .pagination>li>span:hover,
.cs .pagination>li>a:focus,
.cs .pagination>li>span:focus {
    background-color: #ffffff;
    color: #1f232b;
}

.cs .widget_recent_entries li+li,
.cs .widget_recent_comments li+li,
.cs .widget_archive li+li,
.cs .widget_categories li+li,
.cs .widget_meta li+li,
.cs .widget_popular_entries li+li,
.cs .widget_nav_menu li+li,
.cs .widget_pages li+li {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.cs .theme_button:hover,
.cs .theme_button:focus,
.cs .theme_button:active {
    color: #1f232b;
    background-color: transparent;
}

.cs .theme_button.color1 {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #54be73;
}

.cs .theme_button.color1:hover,
.cs .theme_button.color1:focus,
.cs .theme_button.color1:active {
    color: #1f232b;
    background-color: transparent;
}

.cs .theme_button.inverse.color1 {
    background-color: transparent;
    color: #1f232b;
}

.cs .theme_button.inverse.color1:hover,
.cs .theme_button.inverse.color1:focus,
.cs .theme_button.inverse.color1:active {
    color: #54be73;
    background-color: #ffffff;
}

.cs .divided-content>*+*:before {
    color: #ffffff;
}

/*
** Template Specific Styles
*/
/* topline styles */
.page_topline {
    font-size: 14px;
    position: relative;
    z-index: 1001;
}

.page_topline .media {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}

.page_topline .media-left {
    padding-right: 0;
}

/* toplogo styles */
.page_toplogo .teaser,
.page_toplogo .small-teaser {
    vertical-align: middle;
    display: inline-block;
}

.page_toplogo .teaser .media-left,
.page_toplogo .small-teaser .media-left {
    line-height: 1;
}

.page_toplogo .teaser .media-body,
.page_toplogo .small-teaser .media-body {
    text-align: left;
    width: auto;
}

.page_toplogo .teaser h4,
.page_toplogo .small-teaser h4 {
    font-size: 18px;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .page_toplogo {
        white-space: nowrap;
    }

    .page_toplogo .social-icon {
        margin-bottom: 0;
    }
}

.page_mainslider .flex-custom-nav {
    opacity: 0;
}

/* title section (breadcrumbs) styles */
.page_breadcrumbs .breadcrumbs_logo {
    margin: 0 0 15px;
}

.page_breadcrumbs .breadcrumbs_logo img {
    opacity: 0.3;
}

.page_breadcrumbs h2 {
    display: inline;
    font-size: 20px;
    text-transform: uppercase;
    word-wrap: break-word;
}

.page_breadcrumbs h2+.breadcrumb {
    margin-top: 5px;
}

@media (min-width: 992px) {
    .page_breadcrumbs h2 {
        font-size: 30px;
    }
}

@media screen and (min-width: 992px) {
    .page_breadcrumbs .display_table_md {
        width: auto;
        min-width: 0;
    }

    .page_breadcrumbs h2.display_table_cell_md {
        padding-right: 20px;
        padding-left: 15px;
    }

    .page_breadcrumbs .breadcrumb.display_table_cell_md {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        padding-left: 25px;
    }
}

.page_breadcrumbs .bottom_breadcrumbs {
    text-align: center;
    float: right;
    padding: 4px 20px 0;
    margin: 0 0 -25px 0;
    background-color: rgba(28, 28, 28, 0.035);
}

.page_portfolio {
    overflow: hidden;
}

/* template parallax sections */
.page_about.background_cover {
    /* background-image: url(../image/bg-about.jpg); */
    background: linear-gradient(45deg, #ccc,#fff);
}

.page_about p{
    line-height: 2;
    font-size: 18px;
    color: #444;
}

.page_contact.parallax {
    background-image: url(../img/parallax/bottom.jpg);
}

.page_contact.background_cover {
    background-image: url(../img/parallax/map.jpg);
}

.page_appointment.parallax {
    background-image: url(../image/bg-sale.jpg);
}

.call_to_action.parallax {
    background-image: url(../img/parallax/features.jpg);
}

.section_subscribe.parallax {
    background-image: url(../img/parallax/bottom.jpg);
}

.section_subscribe .form-control {
    min-width: 350px;
    max-width: 100%;
    display: inline-block;
}

.page_breadcrumbs.parallax {
    background-image: url(../img/parallax/breadcrumbs.jpg);
}

.page_copyright.parallax,
.page_footer.parallax {
    background-image: url(../img/parallax/bottom.jpg);
}

@media (max-width: 991px) {
    .page_copyright.section_padding_50>.container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .page_footer>.container {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .section_404.background_cover {
        background-image: url(../img/parallax/404.jpg);
    }
}

/* footer styles */
.page_footer .logo_footer_media {
    margin-top: -26px;
    margin-bottom: 20px;
}

.page_footer .widget {
    margin-bottom: 40px;
}

/* copyrights styles */
.page_copyright p {
    margin: 0;
}

.page_copyright i.fa {
    opacity: 0.8;
}

.page_copyright.table_section .bottom_logo img {
    margin-bottom: 0;
}

.ds.ms+.page_footer.ds.ms {
    background-color: #171717;
}

.ds.ms.page_subscribe+.ds.ms.page_footer {
    margin-top: -50px;
    background-color: #1c1c1c;
}

/* google map  */
#map,
.page_map {
    height: 500px;
}

#map img,
.page_map img {
    max-width: inherit;
}

#map p,
.page_map p {
    line-height: 1.3;
    margin-bottom: 0;
}

#map .map_marker_description,
.page_map .map_marker_description {
    padding: 10px 5px 5px;
}

#map .map_marker_icon,
.page_map .map_marker_icon {
    display: none;
}

.widget #map,
.widget .page_map {
    height: 225px;
}

/* intro slider inside content */
section .intro_section .slide_description_wrapper {
    padding-left: 60px;
    padding-right: 60px;
}

@media (max-width: 600px) {
    section .intro_section .slide_description_wrapper {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.muted_background .pagination {
    margin: 40px 40px 20px;
}

/* 
** Intro Section Styles
*/
.intro_section {
    position: relative;
    clear: both;
}

.intro_section>img {
    width: 100%;
}

.intro_section.ds {
    color: #ffffff;
}

.intro_section .slides>li {
    position: relative;
    overflow: hidden;
}

.intro_section .flexslider:before,
.intro_section .flexslider:after {
    content: '';
    display: block;
    clear: both;
}

.intro_section .flexslider .intro-layer img {
    width: auto;
    display: inline-block;
}

@media (min-width: 992px) {
    .intro_section.blog_slider .slides>li {
        max-height: 600px;
    }
}

.intro_section.blog_slider img {
    opacity: 0.3;
}

.intro_section.blog_slider .slide_description_wrapper .slide_description {
    max-width: none;
}

.intro_section .flexslider .container,
.intro_section img+.container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.intro_section [class*="col-"] {
    position: static;
    min-height: 0;
}

.intro_section .slide_description_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    font-size: 0;
    z-index: 5;
    padding: 30px 0;
}

@media (min-width: 600px) {
    .boxed .intro_section .slide_description_wrapper {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (min-width: 1200px) {
    .intro_section .slide_description_wrapper {
        padding-top: 140px;
    }
}

.intro_section .slide_description {
    font-size: 16px;
}

@media (min-width: 992px) {
    .intro_section .slide_description {
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .intro_section .text-center .slide_description {
        max-width: 65%;
    }
}

.intro_section .slide_description_wrapper:before,
.intro_section .slide_description {
    display: inline-block;
    vertical-align: middle;
}

.intro_section .slide_description_wrapper:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
}

.intro_section .slide_description_wrapper.slide_text_top:before {
    vertical-align: top;
}

.intro_section h3 {
    margin-bottom: 0;
    font-size: 20px;
}

.intro_section h2 {
    margin-top: 0;
}

.intro_section h3,
.intro_section h2 {
    text-transform: uppercase;
    font-weight: 900;
}

.intro_section p {
    margin-bottom: 2.5em;
}

@media (min-width: 992px) {
    .intro_section.page_mainslider .flex-control-nav {
        width: 12px;
        top: calc(50% + 55px);
        bottom: auto;
        left: auto;
        right: 7%;
        line-height: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .intro_section.page_mainslider .flex-control-nav li {
        padding: 5px 0;
    }
}

@media (min-width: 768px) {
    .intro_section h3 {
        font-size: 26px;
    }

    .intro_section h2 {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .intro_section h3 {
        font-size: 32px;
    }

    .intro_section h2 {
        font-size: 60px;
    }

    .intro_section .slide_description_wrapper .slide_description {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (min-width: 1200px) {
    .intro_section h3 {
        font-size: 40px;
    }

    .intro_section h2 {
        font-size: 80px;
    }
}

@media (min-width: 1450px) {
    .intro_section .slide_description_wrapper.slide_text_top {
        padding-top: 130px;
    }

    .boxed .intro_section .slide_description_wrapper.slide_text_top {
        padding-top: 40px;
    }

    .intro_section.blog_slider .slide_description_wrapper {
        padding-top: 0;
    }

    .intro_section .flex-control-nav {
        bottom: 8%;
    }
}

@media (max-width: 992px) {
    .intro_section {
        text-align: center;
    }

    .intro_section .nav-container {
        padding: 0;
    }

    .intro_section .flex-control-nav,
    .intro_section .flex-custom-nav {
        bottom: 50px;
        text-align: center;
    }

    .intro_section .flexslider .container {
        position: static;
        width: auto;
        max-width: 100%;
    }

    .intro_section .slide_description_wrapper:before {
        display: none;
    }

    .intro_section .slide_description {
        padding: 30px 0 100px;
        display: block;
        margin: auto;
    }

    .intro_section .slide_description_wrapper {
        padding: 0;
        position: static;
    }

    .intro_section .flex-direction-nav .flex-prev {
        top: 24%;
    }

    .intro_section .flex-direction-nav .flex-next {
        top: 24%;
    }
}

/*
** Main Menu styles
*/
.sf-menu a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Desktop menu - (min 992px) styles */
@media (min-width: 992px) {
    .mainmenu_wrapper {
        position: relative;
    }

    /* menu layout */
    .sf-menu,
    .sf-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sf-menu li {
        position: relative;
    }

    .sf-menu li>ul {
        position: absolute;
        display: none;
        top: 100%;
        z-index: 99;
    }

    .sf-menu li:hover>ul,
    .sf-menu li.sfHover>ul {
        display: block;
    }

    .sf-menu a {
        display: block;
        position: relative;
    }

    .sf-menu li>ul>li>ul {
        top: -15px;
        left: 100%;
    }

    /* menu skin */
    .sf-menu a {
        padding: 10px 10px 6px;
        text-decoration: none;
        zoom: 1;
        /* IE7 */
        transition-property: color, background-color, border-color, padding-top, padding-bottom;
    }

    .sf-menu li {
        white-space: nowrap;
        /* no need for Supersubs plugin */
        *white-space: normal;
        /* ...unless you support IE7 (let it wrap) */
        transition: background .2s;
    }

    .sf-menu>li {
        display: inline-block;
        position: relative;
        margin: 0 -2px;
    }

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

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

    .sf-menu>li>a {
        padding-top: 26px;
        padding-bottom: 26px;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) and (min-width: 1450px) {
    .sf-menu>li>a {
        padding-top: 46px;
        padding-bottom: 46px;
    }
}

@media (min-width: 992px) {
    .affix .sf-menu>li>a {
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .header_thin .sf-menu>li>a {
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .sf-menu>li>a:hover,
    .sf-menu>li.active>a {
        color: #54be73;
        border-color: #54be73;
    }

    .item_with_border .sf-menu>li.active>a {
        border-top: 5px solid #54be73;
    }

    .bordered_items .sf-menu>li {
        padding: 0;
    }

    .bordered_items .sf-menu>li+li:before {
        content: '';
        width: 1px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .header_white .sf-menu>li>a {
        color: #000;
    }

    .header_white .sf-menu>li>a:hover,
    .header_white .sf-menu>li.active>a {
        color: #000;
    }

    .header_white .sf-menu>li+li:before {
        background-color: #e5e5e5;
    }

    .header_darkgrey .sf-menu>li>a {
        color: #ffffff;
    }

    .header_darkgrey .sf-menu>li>a:hover,
    .header_darkgrey .sf-menu>li.active>a {
        color: #54be73;
    }

    .header_color .sf-menu>li>a {
        color: #ffffff;
    }

    .header_color .sf-menu>li>a:hover,
    .header_color .sf-menu>li.active>a {
        color: #1f232b;
    }

    .sf-menu li:hover,
    .sf-menu li.sfHover {
        /* only transition out, not in */
        transition: none;
    }

    /* second and next levels */
    .sf-menu>li .mega-menu,
    .sf-menu li>ul {
        margin-top: 10px;
        text-align: left;
        list-style: none;
        padding: 15px 0;
        background-color: #ffffff;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
        min-width: 10em;
        /* allow long menu items to determine submenu width */
        *width: 10em;
        /* no auto sub width for IE7, see white-space comment below */
        border-radius: 0;
    }

    .sf-menu ul a {
        color: #1f232b;
        padding-left: 30px;
        padding-right: 30px;
    }

    .sf-menu .mega-menu ul {
        box-shadow: none;
        padding: 0;
    }

    .sf-menu .mega-menu ul a {
        padding-left: 0;
        padding-right: 0;
    }

    .sf-menu ul a:hover,
    .sf-menu ul li.active>a {
        color: #54be73;
    }

    /* third level */
    .sf-menu ul ul {
        margin-top: 0;
    }
}

/* common paddings */
@media (min-width: 992px) {
    .sf-menu>li>a {
        margin-left: 2px;
        margin-right: 2px;
    }

    [class*="container"] .sf-menu>li:first-child>a {
        margin-left: 0;
    }

    [class*="container"] .sf-menu>li:last-child>a {
        margin-right: 0;
    }

    .bordered_items .sf-menu>li>a {
        margin: 0;
        padding: 25px 40px;
    }
}

/* -md- paddings */
@media (min-width: 992px) and (max-width: 1199px) {
    .sf-menu>li>a {
        margin-left: 15px;
        margin-right: 15px;
    }

    .bordered_items .sf-menu>li>a {
        margin-right: 24px;
        margin-left: 24px;
    }
}

/* -lg- paddings */
@media (min-width: 1200px) {
    .sf-menu>li>a {
        margin-left: 20px;
        margin-right: 20px;
    }

    .boxed .col-md-6 .sf-menu>li>a {
        margin-left: 14px;
        margin-right: 14px;
    }
}

@media (min-width: 1400px) {
    .sf-menu>li>a {
        margin-left: 25px;
        margin-right: 25px;
    }

    .header_logo_center .sf-menu>li>a {
        margin-left: 30px;
        margin-right: 30px;
    }
}

.sf-menu i[class] {
    margin-right: 7px;
    font-size: 1.1em;
}

/* hidden menu items */
@media (min-width: 992px) {
    .sf-menu .sf-md-hidden {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .sf-more-li {
        display: none;
    }
}

/* logo in center of menu */
.sf-menu>.sf-logo-li {
    visibility: hidden;
}

/* Mobile menu toggler */
@media (max-width: 991px) {
    .toggle_menu {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -30px;
        margin-top: -30px;
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: 1001;
        visibility: visible;
    }

    .toggler_right .toggle_menu {
        right: 0;
        left: auto;
    }

    .toggler_left .toggle_menu {
        right: auto;
        left: 0;
        margin-left: 0;
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .toggler_xs_right .toggle_menu {
        right: 0;
        left: auto;
    }
}

@media (max-width: 991px) and (max-width: 499px) {
    .toggler_xxs_right .toggle_menu {
        right: 0;
        left: auto;
    }
}

@media (max-width: 991px) {

    .ls .toggle_menu span,
    .ls .toggle_menu span:before,
    .ls .toggle_menu span:after,
    .header_white .toggle_menu span,
    .header_white .toggle_menu span:before,
    .header_white .toggle_menu span:after {
        background-color: #fff;
    }

    .intro_section+.page_header_wrapper .toggle_menu span,
    .intro_section+.page_header_wrapper .toggle_menu span:before,
    .intro_section+.page_header_wrapper .toggle_menu span:after {
        background-color: #ffffff;
    }

    .intro_section+.page_header_wrapper .affix .toggle_menu span,
    .intro_section+.page_header_wrapper .affix .toggle_menu span:before,
    .intro_section+.page_header_wrapper .affix .toggle_menu span:after {
        background-color: #1f232b;
    }

    .intro_section+.page_header_wrapper .affix .toggle_menu.mobile-active span,
    .intro_section+.page_header_wrapper .affix .toggle_menu.mobile-active span:before,
    .intro_section+.page_header_wrapper .affix .toggle_menu.mobile-active span:after {
        background-color: #ffffff;
    }

    .page_toplogo .toggle_menu {
        position: fixed;
        top: 0;
        left: auto;
        right: 0;
        margin: 0;
    }

    .header_logo_center .toggle_menu {
        right: 0;
        left: auto;
    }

    .toggle_menu:hover span:before {
        top: -9px;
    }

    .toggle_menu:hover span:after {
        top: 9px;
    }

    .toggle_menu:before,
    .toggle_menu span,
    .toggle_menu span:before,
    .toggle_menu span:after {
        display: block;
        width: 30px;
        position: absolute;
        background-color: #ffffff;
        content: '';
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: .25s ease-in-out;
        height: 2px;
    }

    .toggle_menu:before,
    .toggle_menu span {
        left: 15px;
        top: 50%;
    }

    .toggle_menu span:before {
        opacity: 1;
        top: -8px;
    }

    .toggle_menu span:after {
        opacity: 1;
        top: 8px;
    }

    .toggle_menu.mobile-active {
        background-color: #1f232b;
        border: none;
        left: auto;
        top: 0;
        right: 0;
        position: fixed;
        margin: 0;
        z-index: 3000;
    }

    .toggle_menu.mobile-active:before {
        background-color: #ffffff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .toggle_menu.mobile-active span {
        background-color: #ffffff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .toggle_menu.mobile-active span:before,
    .toggle_menu.mobile-active span:after {
        opacity: 0;
    }
}

/* Mobile Menu (max 991px) styles */
@media (max-width: 991px) {
    .mainmenu_wrapper {
        /*position: relative;*/
        position: fixed;
        visibility: hidden;
        z-index: 10;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: transparent;
        opacity: 0;
        transition: all 0.3s ease 0s;
    }

    .mobile-active .mainmenu_wrapper {
        visibility: visible;
        opacity: 1;
        background-color: #111;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .nav-justified>li>a {
        text-align: left;
    }

    .sf-menu {
        position: fixed;
        overflow: auto;
        background-color: #1f232b;
        padding: 20px 20px 20px 10px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 100%;
        font-size: 1.1em;
        text-transform: uppercase;
        font-weight: 400;
        word-wrap: break-word;
        text-align: left;
        transition: all 0.4s ease-out 0s;
        opacity: 0;
    }

    .mobile-active .sf-menu {
        opacity: 1;
        right: 15px;
    }

    .sf-menu>li>a,
    .sf-menu a {
        color: #ffffff;
    }

    .sf-menu ul {
        list-style: none;
        padding-left: 10px;
    }

    .sf-menu ul li a {
        display: block;
        padding: 10px;
        font-weight: 300;
        font-size: 16px;
        text-transform: none;
    }

    .sf-menu ul li a:before {
        content: '-';
        padding-right: 5px;
    }

    .sf-menu ul ul li a:before {
        content: '--';
        padding-right: 5px;
    }

    /* arrows (for all except IE7) */
    .sf-arrows .sf-with-ul {
        padding-right: 3.5em;
    }

    /* styling for both css and generated arrows */
    .sf-arrows .sf-with-ul:after {
        font-family: 'FontAwesome';
        content: '\f107';
        position: absolute;
        right: 2em;
        height: 0;
        width: 0;
        font-size: 20px;
    }
}

/* Mega Menu */
@media screen and (min-width: 992px) {
    .mainmenu_wrapper ul .mega-menu ul {
        min-width: auto;
    }

    .mainmenu_wrapper .menu-item-has-mega-menu {
        position: relative;
    }

    .mainmenu_wrapper .mega-menu {
        display: none;
        position: absolute;
        width: 940px;
        top: 100%;
        z-index: 10;
    }

    .mainmenu_wrapper .menu-item-has-mega-menu:hover .mega-menu {
        display: block;
    }

    /* row */
    .mainmenu_wrapper .mega-menu-row {
        position: static;
        display: table;
        table-layout: fixed;
    }

    .mainmenu_wrapper .mega-menu-row ul {
        position: static;
        display: block;
        border-top: none;
    }

    /* column */
    .mainmenu_wrapper .mega-menu-col {
        display: table-cell;
        width: 2000px;
        padding: 0 20px;
        border-left: 1px solid #e5e5e5;
        /* overrides from settings / styling / mega-menu */
    }

    .mainmenu_wrapper .mega-menu-col>a {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .mainmenu_wrapper .mega-menu-col:first-child {
        border-left: none;
    }

    .mainmenu_wrapper ul ul .mega-menu {
        width: auto;
        top: -20px;
        margin-left: 1px;
        display: block;
        width: auto;
    }

    .mainmenu_wrapper ul ul .mega-menu li {
        display: block;
        width: auto;
        border: none;
    }
}

@media screen and (min-width: 1200px) {
    .mainmenu_wrapper .mega-menu {
        width: 1140px;
    }

    .mainmenu_wrapper ul .mega-menu ul {
        min-width: 10em;
    }
}

@media screen and (max-width: 991px) {
    .mainmenu_wrapper .mega-menu {
        position: static;
    }
}

/*
**Subpages
*/
.edit-link {
    text-align: right;
    display: block;
}

/*404*/
.not_found {
    position: relative;
    font-size: 130px;
    font-weight: 700;
    line-height: 0.8;
    line-height: 1;
    margin-bottom: 0;
}

@media (min-width: 600px) {
    .not_found {
        font-size: 210px;
    }
}

.not_found+h3 {
    font-size: 40px;
    font-weight: 900;
    margin: 0 0 30px;
}

.not_found+h3+p {
    margin: 0 0 15px;
}

.not_found+h3+p+.widget_search {
    max-width: 340px;
    margin: auto;
}

/*about*/
.about-slogan-text .media-left h3 {
    font-size: 73px;
    line-height: 0.8;
    white-space: nowrap;
    opacity: 0.2;
    margin: 0;
}

@media (min-width: 1200px) {
    .about-slogan-text .media-left h3 {
        font-size: 103px;
    }
}

.about-slogan-text .media-body h3 {
    margin-bottom: 0;
}

.about-slogan-text .media-body h2 {
    margin-top: 0;
    font-size: 30px;
}

@media (min-width: 1200px) {
    .about-slogan-text .media-body h2 {
        font-size: 60px;
    }
}

.client-block span {
    transition: all 0.2s linear 0s;
}

.client-block h4:hover+span {
    color: #1f232b;
}

.ds .client-block h4:hover+span {
    color: #ffffff;
}

.parameters>* {
    display: inline-block;
    padding: 2.2%;
    line-height: 1.3;
    text-align: center;
}

.vertical-item .parameters>* {
    padding: 3.5%;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .parameters>* {
        padding: 1%;
    }
}

.vertical-item .parameters {
    margin-bottom: -10px;
}

.inner-content .parameters {
    margin-bottom: 0;
}

h3.model-name {
    font-size: 40px;
    margin-bottom: 0;
}

h3.model-name+p.small-text {
    margin-bottom: 10px;
}

/*blog*/
article iframe {
    margin-bottom: -8px;
}

h1.entry-title {
    font-size: 25px;
    margin-bottom: 1.2em;
}

.entry-meta+h1.entry-title {
    margin-top: 5px;
}

article.post+article.post,
.search article+article,
.archive article+article {
    margin-top: 60px;
}

/* mosaic blog */
.mosaic-post p {
    margin-bottom: 0;
}

.mosaic-post .post-social-links {
    margin: -1px;
    padding: 18px 40px 17px;
}

h3.entry-title {
    font-size: 30px;
    margin-top: 0;
}

.entry-date+.entry-title {
    margin-top: 5px;
}

.entry-date.main_bg_color {
    line-height: 1;
    font-size: 12px;
    padding: 4px 8px;
}

h4.entry-title {
    margin: 0 0 20px;
}

h2.search-title {
    margin: 0 0 30px;
    font-size: 40px;
}

.entry-title+.entry-date {
    margin-bottom: 15px;
}

.entry-meta.with_top_border:before {
    background-color: #ffffff;
}

.single .item-meta+.entry-title {
    display: none;
}

.entry-tags {
    margin-top: 30px;
}

.entry-tags .theme_button {
    margin-right: 6px;
}

.entry-tags span+span {
    margin-left: 14px;
}

.entry-tags i {
    font-size: 14px;
    margin-right: 5px;
}

.comment-meta:before,
.comment-meta:after,
.post-adds:before,
.post-adds:after {
    display: block;
    clear: both;
    content: '';
    width: 0;
    height: 0;
}

.entry-thumbnail {
    text-align: center;
    position: relative;
}

.entry-thumbnail .entry-thumbnail-carousel {
    margin-bottom: 0;
}

.entry-thumbnail .entry-thumbnail-carousel .owl-dots {
    position: absolute;
    bottom: 40px;
    text-align: center;
    left: 0;
    right: 0;
}

.entry-thumbnail[class*='col-'] {
    margin-bottom: 0;
}

/* additional meta at the bottom of entry-title */
.post-adds {
    margin: 33px 0 33px;
}

.post-adds span,
.post-adds a {
    display: inline-block;
}

.post-adds .item-likes {
    padding-left: 20px;
    padding-right: 20px;
}

.post-adds .votes_count,
.post-adds .views-count {
    padding: 0 20px;
    line-height: 40px;
}

.post-adds .views-count {
    padding: 0 30px;
}

.post-adds .item-views-count {
    font-weight: 700;
}

.post-adds .comments-link {
    line-height: 40px;
    padding: 0 15px;
}

.blog-feed .post-adds .comments-link {
    display: none;
}

.post-adds .share_button,
.post-adds .like_button {
    border-color: transparent rgba(55, 52, 47, 0.1) transparent transparent;
    border-width: 1px;
    border-style: solid;
}

.post-adds .share_button>i,
.post-adds .like_button>i {
    transition: all 0.2s ease-in-out 0s;
    font-size: 18px;
    padding: 0 10px 0 10px;
    color: #1f232b;
}

.post-adds .share_button:hover>i,
.post-adds .like_button:hover>i {
    color: #54be73;
}

.post-adds .like_button {
    margin-left: -4px;
}

/* share buttons */
.share_buttons {
    min-width: 300px;
}

.share_buttons a.social-icon.color-bg-icon+a.social-icon.color-bg-icon {
    margin-left: -2px;
}

.post-adds .dropdown-menu {
    margin: 5px 0 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

/* additional meta in corner of thumbnail */
.entry-meta-corner {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
}

.item-title+.categories-links {
    display: block;
    margin: 0 0 40px;
}

@media (min-width: 1200px) {
    .item-title+.categories-links {
        margin-top: -43px;
    }
}

.categories-links a {
    margin-right: 6px;
    margin-bottom: 6px;
}

p.categories-links {
    margin-bottom: 7px;
}

.item-button {
    margin-top: 40px;
}

/* highlight first letter in blog post */
.entry-content p.big-first-letter:first-letter {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    color: #54be73;
    float: left;
    margin-right: 10px;
}

.entry-excerpt {
    font-size: 20px;
    line-height: 30px;
    margin: 8px 0 30px;
}

.entry-excerpt p {
    margin-bottom: 16px;
}

.blog-more-toggle {
    display: block;
    text-transform: uppercase;
    padding: 9px 0;
    margin: 32px 0 80px;
    background-color: rgba(128, 128, 128, 0.05);
}

.blog-more-toggle .blog-more-visible {
    display: inline;
}

.blog-more-toggle .blog-more-hidden {
    display: none;
}

.blog-more-toggle.collapsed .blog-more-visible {
    display: none;
}

.blog-more-toggle.collapsed .blog-more-hidden {
    display: inline;
}

.st_facebook_hcount,
.st_twitter_hcount,
.st_googleplus_hcount {
    position: relative;
    text-align: right;
}

.st_facebook_hcount span,
.st_twitter_hcount span,
.st_googleplus_hcount span {
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

.author-meta {
    margin-top: 60px;
}

.author-meta h5 {
    font-size: 20px;
    margin: 0;
}

/*single post*/
.single-post article>.entry-thumbnail {
    margin-bottom: 40px;
}

.single-post .video-entry-thumbnail .entry-thumbnail {
    margin-bottom: 0;
}

/*comments*/
.comments-area .comment-body {
    margin-bottom: 30px;
}

.comments-area h2 {
    margin-bottom: 28px;
    font-size: 40px;
    font-weight: 700;
}

.comments-area li.comment {
    list-style: none;
}

.comments-area .media {
    position: relative;
}

.comments-area .media-left {
    padding-right: 20px;
}

.comments-area .media-left img {
    max-width: 70px;
    border-radius: 50%;
}

.comment-list {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

.comment-list ol {
    padding-left: 25px;
}

@media (min-width: 992px) {
    .comment-list ol {
        padding-left: 90px;
    }
}

.comment-meta {
    margin-bottom: 0;
    padding: 10px 30px 20px 0;
}

.comment-meta .comment-metadata {
    display: block;
    margin: 7px 0 10px;
}

.comment-meta .comment-date {
    display: block;
    margin-top: -5px;
}

.comment-meta .author_url {
    font-weight: 500;
    font-size: 20px;
}

.reply a {
    position: absolute;
    right: 0;
    top: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    text-align: center;
}

.reply a:hover {
    opacity: 1;
}

.comments-wrapper {
    margin-top: 60px;
}

.comment-respond h3 {
    font-size: 28px;
    margin: 0 0 25px;
}

.comment-respond p {
    margin-bottom: 10px;
    position: relative;
}

.comments-area+.comment-respond {
    margin-top: 50px;
}

.comment-form.muted_background {
    padding: 30px 30px 20px;
}

.comment-form p {
    margin-bottom: 0;
}

.comment-form label[for] {
    display: none;
}

.comment-form .theme_button {
    margin-right: 10px;
}

@media (max-width: 500px) {
    .comment-respond i.pull-left {
        display: none;
    }

    .comment-respond .comment-form {
        margin-left: 0;
    }
}

.comment-navigation {
    margin-top: 40px;
}

.comment-navigation .pagination>li>a,
.comment-navigation .pagination>li>span {
    padding: 5px 10px;
}

.page-nav {
    margin-top: 60px;
}

.page-nav h4 {
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.3;
    min-height: 2em;
}

.post-password-form input[type="password"].form-control {
    border-color: rgba(0, 0, 0, 0.1);
}

.post-password-form .theme_button {
    padding: 11px 10px 9px;
}

#timetable_filter {
    padding: 0;
}

/* gallery */
#isotope_filters,
.filters {
    text-align: center;
    padding: 0;
    list-style: none;
    margin: 0 -15px 30px;
}

#isotope_filters.bottommargin_25,
.filters.bottommargin_25 {
    margin-bottom: 25px;
}

#isotope_filters li,
.filters li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#isotope_filters a,
.filters a {
    display: inline-block;
    padding: 9px 15px;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-transform: uppercase;
}

#isotope_filters a.selected,
.filters a.selected {
    color: #54be73;
}

.gallery-item {
    overflow: hidden;
    position: relative;
}

.gallery-item .item-content {
    padding: 0 40px 5px;
}

.gallery-item .item-content h4 {
    margin-bottom: 0;
    font-size: 13px;
    text-transform: uppercase;
    z-index: 5;
    transition: all 0.15s ease-in-out;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.gallery-item:hover .item-content h4 {
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.gallery-item .post-adds {
    margin-bottom: 0;
}

.gallery-title-item+.item-title {
    padding: 25px 0 40px;
}

.gallery-title-item+.item-title h3 {
    font-size: 30px;
}

.gallery-title-item+.item-title .categories-links+h3 {
    margin-top: -5px;
}

i.loadmore_spinner {
    font-size: 30px;
    opacity: 0.3;
    margin: 10px 0 20px;
}

/* gallery single */
.gallery-single-title {
    margin-bottom: 30px;
    font-size: 40px;
}

.gallery-single-title+.block-header {
    margin-bottom: 40px;
}

.share-gallery-single {
    margin: 40px 0 16px;
}

.items-nav {
    padding: 30px 23px;
}

.items-nav[class*='display_table_'] {
    margin-top: 40px;
}

.items-nav h4 {
    margin: -5px 0 0;
}

.items-nav .media {
    position: relative;
    padding: 10px 0;
}

.items-nav .next-item img {
    max-width: none;
    padding: 0 30px 0 0;
}

.items-nav .next-item i {
    right: 0;
}

.items-nav .prev-item img {
    max-width: none;
    padding: 0 0 0 30px;
}

.items-nav a {
    position: relative;
}

.items-nav a i {
    top: 50%;
    margin-top: -14px;
    font-size: 20px;
}

.items-nav a i.position-absolute {
    position: absolute;
}

.loop-pagination {
    margin-top: 60px;
}

.muted_background .loop-pagination {
    margin-top: 0;
}

.owl-carousel.related-photos-carousel {
    margin-bottom: 0;
}

/* post formats */
.format-status .avatar {
    max-width: 100px;
    border-radius: 50%;
}

.format-status .entry-meta {
    margin-top: 20px;
}

.format-chat .entry-content p {
    padding: 0.5em 0;
    margin-bottom: 0;
}

.format-chat .entry-content p:nth-child(2n) {
    background-color: #ffffff;
    padding: 0.5em 1.2em;
}

.ds .format-chat .entry-content p:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.05);
}

.format-quote blockquote {
    color: #ffffff;
}

.format-quote blockquote cite {
    display: block;
}

.format-quote blockquote cite a {
    font-size: 30px;
    font-weight: 700;
    display: block;
}

.format-quote blockquote cite .small-text {
    letter-spacing: 0;
}

/*
isotope portfolio and gallery post
*/
.gallery-item {
    text-align: center;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-icon img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.gallery-caption {
    display: block;
    padding: 0.5em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

@media (max-width: 600px) {

    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        width: 33%;
    }

    .gallery-columns-4 .gallery-caption,
    .gallery-columns-5 .gallery-caption,
    .gallery-columns-6 .gallery-caption,
    .gallery-columns-7 .gallery-caption,
    .gallery-columns-8 .gallery-caption,
    .gallery-columns-9 .gallery-caption {
        display: none;
    }
}

.isotope_container {
    transition: height 0.2s ease-in-out 0s;
}

.single-post .isotope_container {
    margin: 20px 0;
    clear: both;
}

/*
** Widgets
*/
/* common widgets styles */
aside>div+div {
    margin-top: 60px;
}

aside .widget+.widget {
    margin-top: 60px;
}

aside .with_padding {
    padding: 30px;
}

.widget-theme-wrapper.with_background,
.widget-theme-wrapper.muted_background,
.widget-theme-wrapper.cs,
.widget-theme-wrapper.ds,
.widget-theme-wrapper.ls {
    padding: 35px;
}

/* affix-aside */
.affix-aside {
    position: relative;
}

.affix-aside.affix {
    position: fixed;
    margin-top: -30px;
}

@media (max-width: 767px) {

    .affix-aside,
    .affix-aside.affix,
    .affix-aside.affix-bottom {
        position: static;
        width: inherit !important;
    }
}

.widget>h3,
.widget-title {
    position: relative;
    font-size: 28px;
    margin-bottom: 40px;
}

.page_footer .widget>h3,
.page_footer .widget-title {
    margin-bottom: 35px;
}

h4.widget-title {
    font-size: 26px;
}

.widget:before,
.widget:after {
    display: block;
    content: '';
    clear: both;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul ul li {
    padding-left: 20px;
}

.widget li {
    position: relative;
}

.widget .vertical-item h4 {
    font-size: 16px;
    margin: 0;
}

.widget select {
    width: 100%;
    max-width: 100%;
    border: none;
    height: 40px;
    padding-left: 20px;
    padding-right: 40px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 16px;
}

/*
widget_search,
widget_mailchimp
*/
.widget_mailchimp form+p {
    padding-top: 10px;
}

.widget_search .form-inline,
.widget_product_search form,
.widget_mailchimp .form-inline {
    position: relative;
}

.widget_search .form-inline .form-control,
.widget_product_search form .form-control,
.widget_mailchimp .form-inline .form-control {
    width: 100%;
    margin: 0;
}

.widget_search .form-inline label,
.widget_product_search form label,
.widget_mailchimp .form-inline label {
    display: block;
}

.widget_search .form-inline label[for],
.widget_product_search form label[for],
.widget_mailchimp .form-inline label[for] {
    display: none;
}

.widget_search .form-inline .form-group,
.widget_mailchimp .form-inline .form-group {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.page_topline .widget_search .form-inline .form-group .form-control,
.page_topline .widget_mailchimp .form-inline .form-group .form-control {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f9f9f9;
    box-shadow: none;
    min-width: 200px;
    border: none;
}

.widget_search .form-inline [type="text"],
.widget_product_search [type="search"],
.widget_mailchimp .form-inline [type="email"] {
    padding-right: 50px;
    width: 100%;
}

.widget_search form,
.widget_mailchimp form {
    position: relative;
}

.widget_search form .theme_button,
.widget_product_search [type="submit"],
.widget_mailchimp form .theme_button {
    font-size: 0;
    padding: 12px 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.widget_search form .theme_button:before,
.widget_product_search [type="submit"]:before,
.widget_mailchimp form .theme_button:before {
    font-size: 14px;
    content: "\f002";
    font-weight: 300;
    font-family: 'FontAwesome';
}

.page_topline .widget_search form .theme_button,
.page_topline .widget_product_search [type="submit"],
.page_topline .widget_mailchimp form .theme_button {
    height: 40px;
    width: 40px;
    padding: 0;
    background-color: transparent;
}

.page_topline .widget_search form .theme_button:before,
.page_topline .widget_product_search [type="submit"]:before,
.page_topline .widget_mailchimp form .theme_button:before {
    font-size: 14px;
}

.widget_mailchimp form .theme_button:before {
    content: "\f040";
}

/*
widget_recent_entries
widget_recent_comments
widget_archive
widget_categories
widget_meta
widget_nav_menu
widget_pages
*/
.widget_recent_comments li {
    padding: 10px 0;
}

.widget_recent_comments li:first-child {
    padding-top: 0;
}

.widget_recent_comments li:before {
    font-family: 'FontAwesome';
    content: "\f0e5";
    font-size: 16px;
    line-height: 1;
    padding-right: 10px;
    color: #54be73;
}

.widget_recent_entries h6 {
    max-width: 70%;
    line-height: 23px;
}

.ds .widget_recent_entries h6 a {
    color: rgba(255, 255, 255, 0.8);
}

.text-center .widget_recent_entries h6,
.widget_recent_entries.text-center h6 {
    margin-right: auto;
    margin-left: auto;
}

.widget_recent_entries .lineheight_thin {
    line-height: 20px;
}

.widget_recent_entries li+li {
    margin-top: 10px;
}

.widget_popular_entries li {
    margin-top: 20px;
}

.widget_recent_entries>ul>li:first-child,
.widget_recent_comments>ul>li:first-child,
.widget_archive>ul>li:first-child,
.widget_categories>ul>li:first-child,
.widget_meta>ul>li:first-child,
.widget_popular_entries>ul>li:first-child,
.widget_nav_menu>ul>li:first-child,
.widget_pages>ul>li:first-child {
    border-top: none;
}

.widget_popular_entries>ul>li:first-child {
    margin-top: 0;
}

.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a {
    font-size: 16px;
    display: inline-block;
    padding: 1px 0 1px 22px;
    position: relative;
}

.widget_archive li:first-child a,
.widget_categories li:first-child a,
.widget_meta li:first-child a,
.widget_nav_menu li:first-child a,
.widget_pages li:first-child a {
    padding-top: 0;
}

.widget_archive a:before,
.widget_categories a:before,
.widget_meta a:before,
.widget_nav_menu a:before,
.widget_pages a:before {
    font-family: 'FontAwesome';
    content: "\f0da";
    font-size: 16px;
    color: #54be73;
    position: absolute;
    left: 0;
}

.widget_nav_menu ul ul li:first-child a {
    padding-top: 13px;
}

.widget_nav_menu a i {
    padding-right: 7px;
}

@media (min-width: 768px) {

    .page_copyright .widget_nav_menu li,
    .page_topline .widget_nav_menu li {
        display: inline-block;
        position: relative;
        border: none;
        padding-right: 5px;
    }

    .page_copyright .widget_nav_menu li:before,
    .page_topline .widget_nav_menu li:before {
        content: '';
        position: absolute;
        padding: 0;
        left: -5px;
        top: 5px;
        bottom: 5px;
        width: 1px;
        background-color: rgba(0, 0, 0, 0.1);
        opacity: 0.3;
        display: block;
    }

    .page_copyright .widget_nav_menu li:first-child:before,
    .page_topline .widget_nav_menu li:first-child:before {
        display: none;
    }

    .page_copyright .widget_nav_menu a,
    .page_topline .widget_nav_menu a {
        padding: 0 10px;
    }

    .page_copyright .widget_nav_menu a:before,
    .page_topline .widget_nav_menu a:before {
        display: none;
    }
}

/* widget_tag_cloud */
.widget_tag_cloud a {
    letter-spacing: 0.05em;
    padding: 2px 6px 1px;
    margin: 0 1px 0 0;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    line-height: 18px;
    color: #ffffff;
    background-color: #54be73;
    display: inline-block;
    border-radius: 0;
}

.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus,
.widget_tag_cloud a:active {
    color: #ffffff;
    background-color: #face77;
}

/* widget_popular_entries */
.widget_popular_entries h4 {
    margin-bottom: 10px;
}

.widget_popular_entries p {
    line-height: 19px;
    margin-bottom: 0;
    font-weight: 400;
}

.widget_popular_entries .media-body {
    overflow: visible;
}

.widget_popular_entries .media-left {
    padding-right: 20px;
}

.widget_popular_entries a img,
.widget_popular_entries .media-object {
    max-width: 80px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .widget_popular_entries .media-object {
        max-width: 40px;
    }
}

.widget_popular_entries li:first-child {
    padding-top: 0;
}

.widget_popular_entries li:last-child {
    padding-bottom: 0;
}

/* recent posts widget */
.widget_recent_posts h4 {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 5px;
}

.widget_recent_posts .entry-date {
    line-height: 1;
}

.widget_recent_posts .media-body {
    line-height: 24px;
}

/* widget_calendar */
#calendar_wrap {
    width: 100%;
    margin-bottom: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media (min-width: 768px) and (max-width: 992px) {
    #calendar_wrap {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.widget_calendar table {
    width: 100%;
    margin: 0;
    position: relative;
    text-align: center;
    background-color: #ffffff;
}

.widget_calendar caption {
    line-height: 1;
    font-size: 24px;
    padding: 18px 0 18px;
    text-align: center;
    color: #ffffff;
    background-color: #54be73;
}

.widget_calendar thead {
    background-color: #1f232b;
    border: 1px solid #1f232b;
    border-width: 0;
    color: #ffffff;
}

.widget_calendar thead th {
    font-weight: 300;
}

.widget_calendar thead th:first-child {
    padding-left: 15px;
}

.widget_calendar thead th:last-child {
    padding-right: 15px;
}

.widget_calendar tbody {
    font-weight: 300;
}

.widget_calendar tbody tr:first-child td {
    padding-top: 29px;
}

.widget_calendar tbody tr:last-child td {
    padding-bottom: 30px;
}

.widget_calendar tbody td {
    border: none;
    padding: 3px 4px;
    position: relative;
}

.widget_calendar tbody td:first-child {
    padding-left: 30px;
}

.widget_calendar tbody td:last-child {
    padding-right: 30px;
}

.widget_calendar tbody td a {
    font-weight: 700;
    color: #54be73;
}

.widget_calendar tbody td a:hover {
    color: #face77;
}

.widget_calendar th {
    text-align: center;
    border: 0;
    color: inherit;
}

.widget_calendar td {
    border: 0;
}

.widget_calendar tfoot {
    position: absolute;
    top: -3px;
    right: 0;
    left: 0;
}

.widget_calendar tfoot td {
    position: absolute;
    top: 2px;
}

.widget_calendar tfoot td a {
    color: #ffffff;
    text-align: center;
    font-size: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
}

.widget_calendar tfoot td a:hover {
    color: #ffffff;
    background-color: #54be73;
    border-color: #54be73;
}

.widget_calendar tfoot #prev {
    left: 0;
    padding: 0;
}

.widget_calendar tfoot #prev a {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.widget_calendar tfoot #prev a:before {
    font-size: 14px;
    font-family: 'rt-icons-2';
    content: '\e7c4';
}

.widget_calendar tfoot #next {
    right: 0;
    padding: 0;
}

.widget_calendar tfoot #next a {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.widget_calendar tfoot #next a:after {
    font-size: 14px;
    font-family: 'rt-icons-2';
    content: '\e7c5';
}

/* widget_banner */
.widget_banner {
    overflow: hidden;
    line-height: 1;
}

.widget_banner .vertical-item.content-absolute .item-content {
    padding: 20px;
}

.widget_banner .item-content span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    padding: 4px 10px;
}

.widget_banner .item-content h3 {
    margin: 0;
    font-size: 20px;
    padding: 5px;
    background-color: #1f232b;
}

.widget_banner .abs-link {
    z-index: 5;
}

/* widget_slider */
.widget_slider {
    position: relative;
}

.widget_slider .owl-carousel {
    margin-bottom: 0;
}

.widget_slider .owl-carousel .owl-nav {
    opacity: 1;
    top: -56px;
    right: 0;
}

.widget_slider .owl-carousel .owl-nav>div {
    width: auto;
    height: auto;
    right: 0;
    background-color: transparent;
}

.widget_slider .owl-carousel .owl-nav>div:first-child {
    left: auto;
    right: 22px;
}

.widget_slider .owl-carousel .owl-nav>div:after {
    font-size: 18px;
    color: inherit;
    color: #1c1c1c;
}

/* widget_flickr */
.widget_flickr ul {
    margin: -5px;
    font-size: 0;
}

.widget_flickr li {
    display: inline-block;
    padding: 5px;
    width: 50%;
    max-width: 180px;
}

/* widget_instagram */
.widget_instagram .instafeed {
    margin: -5px;
}

.widget_instagram .photo {
    width: 33.33333%;
    max-width: 80px;
    padding: 5px;
    float: left;
    position: relative;
}

.widget_instagram .photo a {
    position: relative;
    display: block;
}

.widget_instagram .photo a:before,
.widget_instagram .photo a:after {
    position: absolute;
    z-index: 1;
    transition: opacity 0.2s linear 0s;
}

.widget_instagram .photo a:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
}

.widget_instagram .photo a:after {
    content: "\f002";
    font-family: FontAwesome;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #ffffff;
}

.widget_instagram .photo a:hover:before,
.widget_instagram .photo a:hover:after {
    opacity: 1;
}

.widget_instagram:after {
    content: '';
    display: block;
    clear: both;
}

/* widget_twitter */
.tweet_avatar {
    float: left;
    margin-top: 4px;
}

.tweet_right {
    overflow: hidden;
    zoom: 1;
    margin-left: 60px;
}

.tweet_list li+li {
    margin-top: 16px;
    padding-top: 20px;
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tweet_time,
.tweet_user {
    display: block;
    font-size: 14px;
}

.tweet_user {
    margin-bottom: 5px;
}

.tweet_time {
    margin-top: 5px;
}

/* widget_tabs widget_theme_post_tabs */
.widget_theme_post_tabs .vertical-item {
    margin-bottom: 20px;
}

.widget_theme_post_tabs .vertical-item .item-content {
    padding-top: 10px;
}

.widget_theme_post_tabs .pull-right {
    margin-left: 10px;
}

.widget_rss li {
    margin-bottom: 15px;
}

.widget_rss li .rsswidget {
    font-size: 1.1em;
}

.widget_rss .rss-date {
    display: block;
    font-weight: 700;
}

.widget_rss cite {
    display: block;
    text-align: right;
    font-weight: 700;
}

/* access_press */
.apsc-facebook-icon {
    background-color: #3b5998;
}

.apsc-twitter-icon {
    background-color: #1dcaff;
}

.apsc-youtube-icon {
    background-color: #e52d27;
}

.apsc-soundcloud-icon {
    background-color: #ff8800;
}

.apsc-dribble-icon {
    background-color: #ea4c89;
}

.apsc-comment-icon {
    background-color: #464646;
}

.apsc-edit-icon {
    background-color: #837d7d;
}

.apsc-google-plus-icon {
    background-color: #dd4b39;
}

.apsc-instagram-icon {
    background-color: #3f729b;
}

.apsc-each-profile a {
    color: white !important;
}

.apsc-each-profile a:hover {
    color: white !important;
    text-decoration: none !important;
}

.apsc-theme-4 .apsc-each-profile {
    margin-bottom: 10px;
}

.apsc-theme-4 .social-icon {
    display: inline-block;
    position: relative;
    float: left;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-each-profile a {
    line-height: 60px;
    padding: 0 10px 0 0;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    color: #fff;
    position: relative;
    text-align: right;
}

.apsc-theme-4 .apsc-each-profile a:hover {
    opacity: 0.8;
}

.apsc-theme-4 .apsc-each-profile a .fa {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    width: 60px;
    line-height: 60px;
    height: 60px;
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-each-profile a:hover .fa {
    transform: none;
    -webkit-transform: snone;
    -ms-transform: none;
}

.apsc-theme-4 .media-name {
    padding: 0 0 0 10px;
    display: inline-block;
}

.apsc-theme-4 .apsc-count {
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: inherit;
    text-align: center;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-media-type {
    display: inline-block;
    padding: 0 4px;
}

@media screen and (max-width: 479px) {

    .apsc-theme-4 .apsc-each-profile,
    .apsc-theme-3 .apsc-each-profile {
        float: none;
    }
}

/*
** Shortcodes
*/
/*
** Teasers
*/
/* small teaser - media bootstrap component with icon */
.small-teaser {
    line-height: 22px;
    margin-top: 8px;
}

.small-teaser .media-left {
    padding-right: 15px;
}

.small-teaser .media-left i {
    display: inline-block;
    width: 1em;
    text-align: center;
}

.small-teaser h4 {
    margin-bottom: 8px;
}

.small-teaser .media-body {
    width: auto;
}

.small-teaser.fontsize_14 {
    line-height: 20px;
}

.small-teaser.teaser .media-left {
    padding-right: 10px;
}

.media.small-padding .media-left {
    padding-right: 15px;
}

.media.inline-block {
    margin-top: 10px;
}

.inline-teasers-wrap {
    display: inline-block;
    margin-left: -15px;
    margin-right: -15px;
}

.inline-teasers-wrap>* {
    vertical-align: middle;
    margin: 10px 15px;
}

@media (min-width: 1200px) {
    .inline-teasers-wrap {
        margin-left: -25px;
        margin-right: -25px;
    }

    .inline-teasers-wrap>* {
        margin: 10px 25px;
    }
}

.inline-elem {
    margin-right: -20px;
    margin-left: -20px;
}

.inline-elem>* {
    margin-right: 20px;
    margin-left: 20px;
}

.inline-elem.small-margin {
    margin-right: -13px;
    margin-left: -13px;
}

.inline-elem.small-margin>* {
    margin-right: 13px;
    margin-left: 13px;
}

/* teaser */
.teaser {
    position: relative;
    overflow: visible;
}

.teaser[class*="_bg_color"],
.teaser[class*="with_"] {
    padding: 30px 20px;
}

@media (min-width: 399px) {

    .teaser[class*="_bg_color"],
    .teaser[class*="with_"] {
        padding: 30px 30px 45px;
    }
}

@media (min-width: 1200px) {

    .teaser[class*="_bg_color"].big_padding,
    .teaser[class*="with_"].big_padding {
        padding: 45px;
    }
}

.teaser [class*="_bg_color"] {
    width: 2em;
    height: 2em;
    text-align: center;
    vertical-align: bottom;
}

.teaser [class*="_bg_color"]+h3,
.teaser [class*="_bg_color"]+h4 {
    margin-top: 25spx;
}

.teaser [class*="_bg_color"]>* {
    line-height: 2em;
}

.teaser [class*="_bg_color"].big_bg {
    width: 4.29em;
    height: 4.29em;
}

.teaser [class*="_bg_color"].big_bg i {
    line-height: 4.29em;
}

.teaser .border_icon {
    width: 2em;
    height: 2em;
    border-width: 2px;
    border-style: solid;
}

.teaser .border_icon+h3,
.teaser .border_icon+h4 {
    margin-top: 28px;
}

.teaser .border_icon i {
    line-height: 2em;
    margin-top: -2px;
}

.teaser .big_icon {
    width: 3em;
    height: 3em;
}

.teaser .big_icon i {
    line-height: 3em;
}

.teaser i {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.teaser .size_xsmall[class*="_bg_color"],
.teaser .size_xsmall.border_icon {
    width: 4.29em;
    height: 4.29em;
}

.teaser .size_xsmall[class*="_bg_color"] i,
.teaser .size_xsmall.border_icon i {
    line-height: 4.29em;
}

.teaser h2 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 33px;
}

.teaser h4 {
    margin-bottom: 20px;
}

.teaser .media-left {
    padding-right: 15px;
}

.teaser .media-body h3 {
    margin-bottom: 10px;
}

.teaser .media-body h4 {
    margin-bottom: 20px;
}

.teaser h3[class*="count"] {
    font-size: 45px;
    line-height: 0.9;
    font-weight: 300;
    margin: 0 0 13px;
}

.teaser h3[class*="count"]+p {
    margin: 0;
}

.teaser .teaser_icon+h3[class*="count"] {
    margin-top: 20px;
}

.teaser .theme_button {
    margin: 22px 0 0;
}

.section_padding_bottom_0 .teaser {
    margin-bottom: 0;
}

.teaser .counter-background {
    position: absolute;
    right: 0;
    left: 0;
    top: 48%;
    font-size: 180px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.05;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.teaser .icon-background {
    position: absolute;
    opacity: 0.1;
    margin: 30px auto;
    top: 0;
    left: 0;
    right: 0;
    font-size: 300px;
    line-height: 0.6;
}

.teaser i.icon-background {
    margin-top: 0;
    margin-bottom: 0;
}

.teaser.font-icon-background-teaser {
    padding: 48px 25px 48px;
    overflow: hidden;
}

.teaser.icon-background-teaser,
.teaser.counter-background-teaser {
    overflow: hidden;
    padding: 98px 25px 98px;
}

.teaser.icon-background-teaser .small-text,
.teaser.counter-background-teaser .small-text {
    line-height: 1.4em;
}

.teaser.inner-border:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.teaser_icon {
    display: inline-block;
    line-height: 1;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
}

.teaser_icon[class*='label-'] {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    vertical-align: bottom;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    color: #fff;
}

.teaser_icon+h2 {
    margin-top: 40px;
}

.teaser_icon+h3 {
    margin-top: 10px;
}

.teaser_icon+p {
    margin-top: 27px;
}

.teaser:hover .teaser_icon {
    -webkit-animation: scaleDisappear 0.5s;
    animation: scaleDisappear 0.5s;
}

.teaser:hover .teaser_icon.hover-icon.main_bg_color {
    background-color: #face77;
}

.teaser:hover .teaser_icon.hover-icon.main_bg_color2 {
    background-color: #54be73;
}

.offset_icon {
    display: block;
}

.text-center .offset_icon {
    margin-right: auto;
    margin-left: auto;
}

.offset_icon.size_small {
    margin-top: -70px;
}

.offset_icon.fontsize_20 {
    margin-top: -60px;
}

@media (min-width: 1200px) {
    .big_padding .offset_icon.fontsize_20 {
        margin-top: -75px;
    }
}

.size_huge {
    font-size: 64px;
}

.size_huge i {
    display: block;
    width: 70px;
}

@media (min-width: 460px) {
    .size_huge {
        font-size: 100px;
    }

    .size_huge i {
        width: 115px;
    }
}

.size_big {
    font-size: 64px;
}

.size_big[class*="archicon-"] {
    display: inline-block;
    min-width: 75px;
    text-align: center;
}

.size_normal {
    font-size: 42px;
}

.size_small {
    font-size: 28px;
}

.size_xsmall {
    font-size: 14px;
}

/* background teaser */
.bg_teaser {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    position: relative;
    color: #ffffff;
    overflow: hidden;
}

.bg_teaser:after {
    position: absolute;
    width: 100%;
    height: 1000px;
}

.bg_teaser .highlight {
    color: #ffffff;
}

.bg_teaser.darkgrey_bg .highlight,
.bg_teaser.black_bg .highlight {
    color: #54be73;
}

.bg_teaser h4+h3 {
    margin-top: -14px;
    font-size: 50px;
}

.bg_teaser.rectangular .teaser_content {
    padding: 200px 30px 50px;
}

.bg_teaser.rectangular .teaser_content h3 {
    font-size: 40px;
}

.bg_teaser>img {
    display: none;
    visibility: hidden;
}

.bg_teaser .teaser_content {
    margin: 0;
    padding: 40px 40px 35px;
    z-index: 2;
}

.bg_teaser .teaser_content>.media-left {
    padding-right: 35px;
}

.bg_teaser .teaser_content.media {
    padding: 75px 40px 60px;
}

.color_bg_1:after {
    background-color: rgba(84, 190, 115, 0.92);
}

.color_bg_2:after {
    background-color: rgba(250, 206, 119, 0.92);
}

.color_bg_3:after {
    background-color: rgba(227, 79, 97, 0.92);
}

.color_bg_4:after {
    background-color: rgba(113, 35, 87, 0.92);
}

[class*="color_bg"] {
    color: #ffffff;
}

.teaser.media.after_cover {
    padding: 25px 30px;
}

.teaser.media.after_cover i {
    opacity: 0.3;
}

.teaser.media.after_cover p {
    text-transform: uppercase;
}

.darkgrey_bg:after {
    background-color: rgba(31, 35, 43, 0.8);
}

/* 
** Testimonials 
*/
@media (max-width: 600px) {
    .blockquote-big {
        font-size: 18px;
        max-width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* testimonials-carousel */
.testimonials-carousel {
    padding: 0 0 20px;
}

.testimonials-carousel .item>p {
    font-style: italic;
    padding-left: 40px;
    margin-bottom: 40px;
    position: relative;
}

.testimonials-carousel .item>p:before {
    font-family: 'PT Sans', sans-serif, '微軟正黑體';
    font-size: 100px;
    font-style: normal;
    content: '\201c';
    position: absolute;
    left: -3px;
    top: 30px;
    z-index: 10;
}

.testimonials-carousel h4 {
    margin: 0;
}

.testimonials-carousel h4+p {
    margin-bottom: 0;
}

.testimonials-carousel .carousel-indicators {
    bottom: -16px;
    display: none;
}

.testimonials-carousel .carousel-control {
    display: none;
}

.testimonials-carousel .media+p {
    position: relative;
    padding: 10px 16px;
    background-color: #f2f2f2;
}

.testimonials-carousel .media:after {
    content: '';
    display: block;
    clear: both;
}

.testimonials-carousel .media+p:before,
.testimonials-carousel .media+p:after {
    content: '';
    position: absolute;
    left: 0;
    top: auto;
    bottom: -18px;
    border-style: solid;
    border-width: 18px 0 0 18px;
    border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
}

.testimonials-carousel .media+p:after {
    left: auto;
    right: 0;
    border-style: solid;
    border-width: 18px 18px 0 0;
}

.testimonials-carousel .media-object {
    max-width: 50px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.testimonials-carousel .carousel-indicators li {
    border-color: #54be73;
}

.testimonials-carousel .carousel-indicators li.active {
    background-color: #54be73;
}

.testimonials-control {
    font-size: 22px;
}

.testimonials-owl-carousel .owl-nav {
    top: auto;
    bottom: 47px;
    opacity: 1;
    width: 280px;
    margin-left: -140px;
    left: 50%;
    right: auto;
}

.testimonials-owl-carousel .owl-nav>div {
    background-color: transparent;
}

.testimonials-owl-carousel .owl-nav>div:after {
    font-size: 13px;
    color: #1f232b;
}

.ds .testimonials-owl-carousel .owl-nav>div:after {
    color: #ffffff;
}

.testimonials-owl-carousel .owl-nav>div:hover:after {
    color: #54be73;
}

.testimonials-owl-carousel:hover .owl-nav {
    top: auto;
}

.testimonials-owl-carousel blockquote {
    margin-top: 0;
    margin-bottom: 0;
}

/* thumbnail */
.thumbnail {
    position: relative;
    text-align: center;
    border-radius: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    background-color: #f2f2f2;
}

.isotope-item .thumbnail {
    margin-bottom: 30px;
}

.thumbnail h3 {
    font-size: 20px;
    margin-bottom: 2px;
}

.thumbnail h3 a {
    color: inherit;
}

.thumbnail h3+p {
    color: #54be73;
    margin-bottom: 10px;
}

.thumbnail .caption {
    color: #818181;
    background-color: transparent;
    padding: 26px 20px 26px;
}

/* price tables */
.price-table,
.price-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.price-table {
    margin: 0 auto;
    max-width: 500px;
}

.plan-name {
    background-color: #1f232b;
    padding: 10px 0;
}

.plan-name.color2 {
    background-color: #face77;
}

.plan-name.color3 {
    background-color: #e34f61;
}

.plan-name h3 {
    font-family: 'Lusitana', serif, '微軟正黑體';
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.plan-price {
    font-family: 'Abril Fatface', cursive, '微軟正黑體';
    padding: 26px 0;
    position: relative;
    font-size: 60px;
    /* dollar sign */
    /* price */
    /* per month */
}

.plan-price span:first-child {
    font-size: 28px;
    font-weight: 300;
}

.plan-price span+span {
    font-size: 60px;
    font-weight: 700;
}

.plan-price p {
    display: inline;
    font-size: 28px;
    font-weight: 300;
}

.plan-price .small-text {
    margin-top: 5px;
    line-height: 1.7;
}

.plan-price .plan-description {
    opacity: 0.5;
}

.plan-price.main_bg_color2 span:first-child {
    color: #1f232b;
}

.features-list {
    padding-top: 43px;
}

.features-list li {
    padding: 13px 0 13px;
    margin: 0 30px;
}

.features-list li+li {
    position: relative;
}

.features-list li+li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 1px;
    background-color: #e5e5e5;
}

.features-list .enabled:before,
.features-list .disabled:before {
    font-family: 'rt-icons-2';
    font-size: 24px;
    line-height: 1;
    position: relative;
    top: 5px;
    right: 4px;
    content: "\e116";
    padding-right: 8px;
    color: #54be73;
}

.features-list .disabled:before {
    color: #1f232b;
    content: "\e117";
}

.call-to-action {
    padding: 40px 40px 56px;
}

.call-to-action.bottom-button {
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 45px;
}

.call-to-action.bottom-button a {
    top: 33px;
}

.price-table.style1 {
    border: 2px solid #1f232b;
}

.price-table.style1.with_background {
    border: none;
}

@media (min-width: 992px) {
    .price-table.style1.centered {
        margin: -40px -20px 0;
    }
}

.price-table.style1.centered .features-list {
    border: 3px solid #face77;
    border-width: 0 3px 0 3px;
}

.price-table.style1.centered .call-to-action {
    border: 3px solid #face77;
    border-width: 0 3px 3px 3px;
}

.price-table.style1.centered .plan-price {
    font-size: 80px;
    line-height: 0.8;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.price-table.style1.centered .plan-price span:first-child {
    font-size: 40px;
}

.price-table.style1.centered .plan-price .plan-description {
    margin-top: 10px;
    font-size: 20px;
}

@media (min-width: 992px) {
    .price-row {
        margin-top: 60px;
    }
}

.price-table.style2 {
    border: 2px solid #54be73;
}

@media (min-width: 992px) {
    .price-table.style2 {
        margin-top: -30px;
    }
}

.price-table.style2.with_background {
    border: none;
}

.price-table.style2 .plan-name {
    background-color: #54be73;
}

/* price table with background */
.bg_teaser .plan-name {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.3);
}

.bg_teaser .features-list li,
.bg_teaser .features-list li:first-child {
    border-color: rgba(255, 255, 255, 0.2);
}

.fw-package.price-table hr {
    margin-left: 30px;
    margin-right: 30px;
    opacity: 0.15;
}

.fw-switch-row {
    display: inline-block;
    font-size: 24px;
    position: relative;
    top: 4px;
    margin-right: 4px;
}

.fw-switch-row+.fw-default-row {
    display: inline-block;
}

.desc-col .fw-default-row {
    margin: 20px 0;
}

/* contact forms */
.contact-form {
    position: relative;
    z-index: 3;
}

.contact-form.ls {
    background-color: #fafafa;
}

.contact-form.ls.ms {
    background-color: #efefef;
}

.contact-form label[for] {
    display: none;
}

.contact-form-message textarea {
    min-height: 140px;
}

.contact-form.parallax {
    padding: 50px 50px 35px;
    background-image: url(../img/parallax/map.jpg);
}

.contact-form-respond {
    display: block;
    font-weight: 800;
}

.contact-form-respond:before {
    font-family: 'rt-icons-2';
    content: "\e71a";
    padding-right: 10px;
}

.contact-form p {
    margin-bottom: 10px;
    position: relative;
}

.contact-form-submit .theme_button {
    margin-right: 6px;
}

.contact-form.transparent-background .form-control {
    background-color: transparent;
}

.contact-email {
    font-size: 40px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .contact-email {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .contact-form.parallax {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
    }
}

.wrap-forms .form-group {
    margin: 0;
}

.wrap-forms .form-group p {
    margin: 10px 0 0;
}

.wrap-forms .form-group textarea {
    min-height: 150px;
}

.has-placeholder label {
    display: none;
}

#messages_modal .fw-messages-wrap {
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -150px;
    width: 300px;
}

#messages_modal ul {
    margin-bottom: 0;
}

/* partners carousel */
.owl-carousel.partners-carousel {
    margin-bottom: 0;
}

.owl-carousel.partners-carousel a img {
    opacity: 0.5;
}

.owl-carousel.partners-carousel a:hover img {
    opacity: 1;
}

.client-link img {
    opacity: 0.5;
}

.client-link:hover img {
    opacity: 1;
}

/* products carousel */
.product-item .item-media {
    max-width: 180px;
    margin-right: auto;
    margin-left: auto;
    overflow: visible;
}

.product-item .item-media img {
    width: 270px;
    max-width: 270px;
}

/* team carousel */
@media (min-width: 1300px) {
    .owl-carousel.team-carousel .owl-nav {
        top: 170px;
    }
}

/* testimonials carousel */
.testimonials-owl-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.testimonials-owl-content .owl-nav {
    top: 100%;
}

.testimonials-owl-dots {
    max-width: 390px;
    margin-right: auto;
    margin-left: auto;
}

.testimonials-owl-dots .owl-item>div {
    position: relative;
    padding-bottom: 40px;
    padding-top: 40px;
}

.testimonials-owl-dots .owl-item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 50%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.2s ease 0s;
}

.testimonials-owl-dots .owl-item.center img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

/*
** Social Icons
*/
/* layout */
a[class*='soc-']:before {
    font-family: 'socicon';
    font-size: 14px;
    line-height: 1;
}

a.social-icon {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

a.social-icon span {
    opacity: 0.7;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}

a.social-icon span:first-child {
    font-size: 24px;
    margin-top: 8px;
    font-weight: bold;
}

a.social-icon [class*="rt-icon"]+span {
    font-size: 24px;
    margin-top: 8px;
    font-weight: bold;
}

a.social-icon+a.social-icon,
.tooltip+a.social-icon {
    margin-left: 25px;
}

a.social-icon.bg-icon+a.social-icon.bg-icon,
.tooltip+a.social-icon.bg-icon,
a.social-icon.color-bg-icon+a.social-icon.color-bg-icon,
.tooltip+a.social-icon.color-bg-icon,
a.social-icon.border-icon+a.social-icon.border-icon,
.tooltip+a.social-icon.border-icon {
    margin-left: 5px;
}

a.social-icon.block-icon {
    width: 100%;
}

a[class*='soc-'].rounded-icon {
    border-radius: 50%;
}

a.big-icon {
    width: 112px;
    height: 112px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

a.big-icon[class*='soc-']:before {
    font-size: 32px;
}

a.big-icon [class*='rt-icon']:before {
    font-size: 32px;
}

/* corporate colors */
a.color-icon.soc-twitter {
    color: #00abef;
}

a.color-icon.soc-facebook {
    color: #507cbe;
}

a.color-icon.soc-google {
    color: #d93e2d;
}

a.color-icon.soc-pinterest {
    color: #c92619;
}

a.color-icon.soc-foursquare {
    color: #23b7e0;
}

a.color-icon.soc-yahoo {
    color: #6e2a85;
}

a.color-icon.soc-skype {
    color: #28abe3;
}

a.color-icon.soc-yelp {
    color: #c83218;
}

a.color-icon.soc-feedburner {
    color: #ffcc00;
}

a.color-icon.soc-linkedin {
    color: #3371b7;
}

a.color-icon.soc-viadeo {
    color: #e4a000;
}

a.color-icon.soc-xing {
    color: #005a60;
}

a.color-icon.soc-myspace {
    color: #323232;
}

a.color-icon.soc-soundcloud {
    color: #fe3801;
}

a.color-icon.soc-spotify {
    color: #7bb342;
}

a.color-icon.soc-grooveshark {
    color: #f67e03;
}

a.color-icon.soc-lastfm {
    color: #d41316;
}

a.color-icon.soc-youtube {
    color: #d12121;
}

a.color-icon.soc-vimeo {
    color: #51b5e7;
}

a.color-icon.soc-dailymotion {
    color: #004e72;
}

a.color-icon.soc-vine {
    color: #00b389;
}

a.color-icon.soc-flickr {
    color: #0062dd;
}

a.color-icon.soc-500px {
    color: #58a9de;
}

a.color-icon.soc-instagram {
    color: #9c7c6e;
}

a.color-icon.soc-wordpress {
    color: #464646;
}

a.color-icon.soc-tumblr {
    color: #45556c;
}

a.color-icon.soc-blogger {
    color: #ec661c;
}

a.color-icon.soc-technorati {
    color: #5cb030;
}

a.color-icon.soc-reddit {
    color: #e74a1e;
}

a.color-icon.soc-dribbble {
    color: #e84d88;
}

a.color-icon.soc-stumbleupon {
    color: #e64011;
}

a.color-icon.soc-digg {
    color: #1d1d1b;
}

a.color-icon.soc-envato {
    color: #597c3a;
}

a.color-icon.soc-behance {
    color: #007eff;
}

a.color-icon.soc-delicious {
    color: #31a9ff;
}

a.color-icon.soc-deviantart {
    color: #c5d200;
}

a.color-icon.soc-forrst {
    color: #5b9a68;
}

a.color-icon.soc-play {
    color: #5acdbd;
}

a.color-icon.soc-zerply {
    color: #9dbc7a;
}

a.color-icon.soc-wikipedia {
    color: #000000;
}

a.color-icon.soc-apple {
    color: #b9bfc1;
}

a.color-icon.soc-flattr {
    color: #f67c1a;
}

a.color-icon.soc-github {
    color: #221e1b;
}

a.color-icon.soc-chimein {
    color: #888688;
}

a.color-icon.soc-friendfeed {
    color: #2f72c4;
}

a.color-icon.soc-newsvine {
    color: #075b2f;
}

a.color-icon.soc-identica {
    color: #000000;
}

a.color-icon.soc-bebo {
    color: #ef1011;
}

a.color-icon.soc-zynga {
    color: #dc0606;
}

a.color-icon.soc-steam {
    color: #8f8d8a;
}

a.color-icon.soc-xbox {
    color: #92c83e;
}

a.color-icon.soc-windows {
    color: #00bdf6;
}

a.color-icon.soc-outlook {
    color: #0072c6;
}

a.color-icon.soc-coderwall {
    color: #3e8dcc;
}

a.color-icon.soc-tripadvisor {
    color: #000000;
}

a.color-icon.soc-appnet {
    color: #494949;
}

a.color-icon.soc-goodreads {
    color: #1abc9c;
}

a.color-icon.soc-tripit {
    color: #1982c3;
}

a.color-icon.soc-lanyrd {
    color: #3c80c9;
}

a.color-icon.soc-slideshare {
    color: #4ba3a6;
}

a.color-icon.soc-buffer {
    color: #000000;
}

a.color-icon.soc-rss {
    color: #f26109;
}

a.color-icon.soc-vkontakte {
    color: #5a7fa6;
}

a.color-icon.soc-disqus {
    color: #2e9fff;
}

a.color-icon.soc-houzz {
    color: #7cc04b;
}

a.color-icon.soc-mail {
    color: #000000;
}

a.color-icon.soc-patreon {
    color: #e44727;
}

a.color-icon.soc-paypal {
    color: #009cde;
}

a.color-icon.soc-playstation {
    color: #000000;
}

a.color-icon.soc-smugmug {
    color: #acfd32;
}

a.color-icon.soc-swarm {
    color: #fc9d3c;
}

a.color-icon.soc-triplej {
    color: #e53531;
}

a.color-icon.soc-yammer {
    color: #1175c4;
}

a.color-icon.soc-stackoverflow {
    color: #fd9827;
}

a.color-icon.soc-drupal {
    color: #00598e;
}

a.color-icon.soc-odnoklassniki {
    color: #f48420;
}

a.color-icon.soc-android {
    color: #8ec047;
}

a.color-icon.soc-meetup {
    color: #e2373c;
}

a.color-icon.soc-persona {
    color: #e6753d;
}

a.color-icon.soc-amazon {
    color: #ff9900;
}

a.color-icon.soc-ello {
    color: #000000;
}

a.color-icon.soc-mixcloud {
    color: #314359;
}

a.color-icon.soc-8tracks {
    color: #122c4b;
}

a.color-icon.soc-twitch {
    color: #6441a5;
}

a.color-icon.soc-airbnb {
    color: #ff5a5f;
}

a.color-icon.soc-pocket {
    color: #ed4055;
}

a[class*="soc-"].soc-twitter:hover {
    color: #00abef;
    border-color: #00abef;
}

a[class*="soc-"].soc-facebook:hover {
    color: #507cbe;
    border-color: #507cbe;
}

a[class*="soc-"].soc-google:hover {
    color: #d93e2d;
    border-color: #d93e2d;
}

a[class*="soc-"].soc-pinterest:hover {
    color: #c92619;
    border-color: #c92619;
}

a[class*="soc-"].soc-foursquare:hover {
    color: #23b7e0;
    border-color: #23b7e0;
}

a[class*="soc-"].soc-yahoo:hover {
    color: #6e2a85;
    border-color: #6e2a85;
}

a[class*="soc-"].soc-skype:hover {
    color: #28abe3;
    border-color: #28abe3;
}

a[class*="soc-"].soc-yelp:hover {
    color: #c83218;
    border-color: #c83218;
}

a[class*="soc-"].soc-feedburner:hover {
    color: #ffcc00;
    border-color: #ffcc00;
}

a[class*="soc-"].soc-linkedin:hover {
    color: #3371b7;
    border-color: #3371b7;
}

a[class*="soc-"].soc-viadeo:hover {
    color: #e4a000;
    border-color: #e4a000;
}

a[class*="soc-"].soc-xing:hover {
    color: #005a60;
    border-color: #005a60;
}

a[class*="soc-"].soc-myspace:hover {
    color: #323232;
    border-color: #323232;
}

a[class*="soc-"].soc-soundcloud:hover {
    color: #fe3801;
    border-color: #fe3801;
}

a[class*="soc-"].soc-spotify:hover {
    color: #7bb342;
    border-color: #7bb342;
}

a[class*="soc-"].soc-grooveshark:hover {
    color: #f67e03;
    border-color: #f67e03;
}

a[class*="soc-"].soc-lastfm:hover {
    color: #d41316;
    border-color: #d41316;
}

a[class*="soc-"].soc-youtube:hover {
    color: #d12121;
    border-color: #d12121;
}

a[class*="soc-"].soc-vimeo:hover {
    color: #51b5e7;
    border-color: #51b5e7;
}

a[class*="soc-"].soc-dailymotion:hover {
    color: #004e72;
    border-color: #004e72;
}

a[class*="soc-"].soc-vine:hover {
    color: #00b389;
    border-color: #00b389;
}

a[class*="soc-"].soc-flickr:hover {
    color: #0062dd;
    border-color: #0062dd;
}

a[class*="soc-"].soc-500px:hover {
    color: #58a9de;
    border-color: #58a9de;
}

a[class*="soc-"].soc-instagram:hover {
    color: #9c7c6e;
    border-color: #9c7c6e;
}

a[class*="soc-"].soc-wordpress:hover {
    color: #464646;
    border-color: #464646;
}

a[class*="soc-"].soc-tumblr:hover {
    color: #45556c;
    border-color: #45556c;
}

a[class*="soc-"].soc-blogger:hover {
    color: #ec661c;
    border-color: #ec661c;
}

a[class*="soc-"].soc-technorati:hover {
    color: #5cb030;
    border-color: #5cb030;
}

a[class*="soc-"].soc-reddit:hover {
    color: #e74a1e;
    border-color: #e74a1e;
}

a[class*="soc-"].soc-dribbble:hover {
    color: #e84d88;
    border-color: #e84d88;
}

a[class*="soc-"].soc-stumbleupon:hover {
    color: #e64011;
    border-color: #e64011;
}

a[class*="soc-"].soc-digg:hover {
    color: #1d1d1b;
    border-color: #1d1d1b;
}

a[class*="soc-"].soc-envato:hover {
    color: #597c3a;
    border-color: #597c3a;
}

a[class*="soc-"].soc-behance:hover {
    color: #007eff;
    border-color: #007eff;
}

a[class*="soc-"].soc-delicious:hover {
    color: #31a9ff;
    border-color: #31a9ff;
}

a[class*="soc-"].soc-deviantart:hover {
    color: #c5d200;
    border-color: #c5d200;
}

a[class*="soc-"].soc-forrst:hover {
    color: #5b9a68;
    border-color: #5b9a68;
}

a[class*="soc-"].soc-play:hover {
    color: #5acdbd;
    border-color: #5acdbd;
}

a[class*="soc-"].soc-zerply:hover {
    color: #9dbc7a;
    border-color: #9dbc7a;
}

a[class*="soc-"].soc-wikipedia:hover {
    color: #000000;
    border-color: #000000;
}

a[class*="soc-"].soc-apple:hover {
    color: #b9bfc1;
    border-color: #b9bfc1;
}

a[class*="soc-"].soc-flattr:hover {
    color: #f67c1a;
    border-color: #f67c1a;
}

a[class*="soc-"].soc-github:hover {
    color: #221e1b;
    border-color: #221e1b;
}

a[class*="soc-"].soc-chimein:hover {
    color: #888688;
    border-color: #888688;
}

a[class*="soc-"].soc-friendfeed:hover {
    color: #2f72c4;
    border-color: #2f72c4;
}

a[class*="soc-"].soc-newsvine:hover {
    color: #075b2f;
    border-color: #075b2f;
}

a[class*="soc-"].soc-identica:hover {
    color: #000000;
    border-color: #000000;
}

a[class*="soc-"].soc-bebo:hover {
    color: #ef1011;
    border-color: #ef1011;
}

a[class*="soc-"].soc-zynga:hover {
    color: #dc0606;
    border-color: #dc0606;
}

a[class*="soc-"].soc-steam:hover {
    color: #8f8d8a;
    border-color: #8f8d8a;
}

a[class*="soc-"].soc-xbox:hover {
    color: #92c83e;
    border-color: #92c83e;
}

a[class*="soc-"].soc-windows:hover {
    color: #00bdf6;
    border-color: #00bdf6;
}

a[class*="soc-"].soc-outlook:hover {
    color: #0072c6;
    border-color: #0072c6;
}

a[class*="soc-"].soc-coderwall:hover {
    color: #3e8dcc;
    border-color: #3e8dcc;
}

a[class*="soc-"].soc-tripadvisor:hover {
    color: #000000;
    border-color: #000000;
}

a[class*="soc-"].soc-appnet:hover {
    color: #494949;
    border-color: #494949;
}

a[class*="soc-"].soc-goodreads:hover {
    color: #1abc9c;
    border-color: #1abc9c;
}

a[class*="soc-"].soc-tripit:hover {
    color: #1982c3;
    border-color: #1982c3;
}

a[class*="soc-"].soc-lanyrd:hover {
    color: #3c80c9;
    border-color: #3c80c9;
}

a[class*="soc-"].soc-slideshare:hover {
    color: #4ba3a6;
    border-color: #4ba3a6;
}

a[class*="soc-"].soc-buffer:hover {
    color: #000000;
    border-color: #000000;
}

a[class*="soc-"].soc-rss:hover {
    color: #f26109;
    border-color: #f26109;
}

a[class*="soc-"].soc-vkontakte:hover {
    color: #5a7fa6;
    border-color: #5a7fa6;
}

a[class*="soc-"].soc-disqus:hover {
    color: #2e9fff;
    border-color: #2e9fff;
}

a[class*="soc-"].soc-houzz:hover {
    color: #7cc04b;
    border-color: #7cc04b;
}

a[class*="soc-"].soc-mail:hover {
    color: #000000;
    border-color: #000000;
}

a[class*="soc-"].soc-patreon:hover {
    color: #e44727;
    border-color: #e44727;
}

a[class*="soc-"].soc-paypal:hover {
    color: #009cde;
    border-color: #009cde;
}

a[class*="soc-"].soc-playstation:hover {
    color: #000000;
    border-color: #000000;
}

a[class*="soc-"].soc-smugmug:hover {
    color: #acfd32;
    border-color: #acfd32;
}

a[class*="soc-"].soc-swarm:hover {
    color: #fc9d3c;
    border-color: #fc9d3c;
}

a[class*="soc-"].soc-triplej:hover {
    color: #e53531;
    border-color: #e53531;
}

a[class*="soc-"].soc-yammer:hover {
    color: #1175c4;
    border-color: #1175c4;
}

a[class*="soc-"].soc-stackoverflow:hover {
    color: #fd9827;
    border-color: #fd9827;
}

a[class*="soc-"].soc-drupal:hover {
    color: #00598e;
    border-color: #00598e;
}

a[class*="soc-"].soc-odnoklassniki:hover {
    color: #f48420;
    border-color: #f48420;
}

a[class*="soc-"].soc-android:hover {
    color: #8ec047;
    border-color: #8ec047;
}

a[class*="soc-"].soc-meetup:hover {
    color: #e2373c;
    border-color: #e2373c;
}

a[class*="soc-"].soc-persona:hover {
    color: #e6753d;
    border-color: #e6753d;
}

a[class*="soc-"].soc-amazon:hover {
    color: #ff9900;
    border-color: #ff9900;
}

a[class*="soc-"].soc-ello:hover {
    color: #000000;
    border-color: #000000;
}

a[class*="soc-"].soc-mixcloud:hover {
    color: #314359;
    border-color: #314359;
}

a[class*="soc-"].soc-8tracks:hover {
    color: #122c4b;
    border-color: #122c4b;
}

a[class*="soc-"].soc-twitch:hover {
    color: #6441a5;
    border-color: #6441a5;
}

a[class*="soc-"].soc-airbnb:hover {
    color: #ff5a5f;
    border-color: #ff5a5f;
}

a[class*="soc-"].soc-pocket:hover {
    color: #ed4055;
    border-color: #ed4055;
}

/*corporate background colors*/
.color-bg-icon {
    color: #ffffff;
}

.color-bg-icon.soc-twitter,
a.soc-twitter.bg-icon:hover,
.soc-twitter.color-icon.border-icon:hover {
    background-color: #00abef;
}

.color-bg-icon.soc-facebook,
a.soc-facebook.bg-icon:hover,
.soc-facebook.color-icon.border-icon:hover {
    background-color: #507cbe;
}

.color-bg-icon.soc-google,
a.soc-google.bg-icon:hover,
.soc-google.color-icon.border-icon:hover {
    background-color: #d93e2d;
}

.color-bg-icon.soc-pinterest,
a.soc-pinterest.bg-icon:hover,
.soc-pinterest.color-icon.border-icon:hover {
    background-color: #c92619;
}

.color-bg-icon.soc-foursquare,
a.soc-foursquare.bg-icon:hover,
.soc-foursquare.color-icon.border-icon:hover {
    background-color: #23b7e0;
}

.color-bg-icon.soc-yahoo,
a.soc-yahoo.bg-icon:hover,
.soc-yahoo.color-icon.border-icon:hover {
    background-color: #6e2a85;
}

.color-bg-icon.soc-skype,
a.soc-skype.bg-icon:hover,
.soc-skype.color-icon.border-icon:hover {
    background-color: #28abe3;
}

.color-bg-icon.soc-yelp,
a.soc-yelp.bg-icon:hover,
.soc-yelp.color-icon.border-icon:hover {
    background-color: #c83218;
}

.color-bg-icon.soc-feedburner,
a.soc-feedburner.bg-icon:hover,
.soc-feedburner.color-icon.border-icon:hover {
    background-color: #ffcc00;
}

.color-bg-icon.soc-linkedin,
a.soc-linkedin.bg-icon:hover,
.soc-linkedin.color-icon.border-icon:hover {
    background-color: #3371b7;
}

.color-bg-icon.soc-viadeo,
a.soc-viadeo.bg-icon:hover,
.soc-viadeo.color-icon.border-icon:hover {
    background-color: #e4a000;
}

.color-bg-icon.soc-xing,
a.soc-xing.bg-icon:hover,
.soc-xing.color-icon.border-icon:hover {
    background-color: #005a60;
}

.color-bg-icon.soc-myspace,
a.soc-myspace.bg-icon:hover,
.soc-myspace.color-icon.border-icon:hover {
    background-color: #323232;
}

.color-bg-icon.soc-soundcloud,
a.soc-soundcloud.bg-icon:hover,
.soc-soundcloud.color-icon.border-icon:hover {
    background-color: #fe3801;
}

.color-bg-icon.soc-spotify,
a.soc-spotify.bg-icon:hover,
.soc-spotify.color-icon.border-icon:hover {
    background-color: #7bb342;
}

.color-bg-icon.soc-grooveshark,
a.soc-grooveshark.bg-icon:hover,
.soc-grooveshark.color-icon.border-icon:hover {
    background-color: #f67e03;
}

.color-bg-icon.soc-lastfm,
a.soc-lastfm.bg-icon:hover,
.soc-lastfm.color-icon.border-icon:hover {
    background-color: #d41316;
}

.color-bg-icon.soc-youtube,
a.soc-youtube.bg-icon:hover,
.soc-youtube.color-icon.border-icon:hover {
    background-color: #d12121;
}

.color-bg-icon.soc-vimeo,
a.soc-vimeo.bg-icon:hover,
.soc-vimeo.color-icon.border-icon:hover {
    background-color: #51b5e7;
}

.color-bg-icon.soc-dailymotion,
a.soc-dailymotion.bg-icon:hover,
.soc-dailymotion.color-icon.border-icon:hover {
    background-color: #004e72;
}

.color-bg-icon.soc-vine,
a.soc-vine.bg-icon:hover,
.soc-vine.color-icon.border-icon:hover {
    background-color: #00b389;
}

.color-bg-icon.soc-flickr,
a.soc-flickr.bg-icon:hover,
.soc-flickr.color-icon.border-icon:hover {
    background-color: #0062dd;
}

.color-bg-icon.soc-500px,
a.soc-500px.bg-icon:hover,
.soc-500px.color-icon.border-icon:hover {
    background-color: #58a9de;
}

.color-bg-icon.soc-instagram,
a.soc-instagram.bg-icon:hover,
.soc-instagram.color-icon.border-icon:hover {
    background-color: #9c7c6e;
}

.color-bg-icon.soc-wordpress,
a.soc-wordpress.bg-icon:hover,
.soc-wordpress.color-icon.border-icon:hover {
    background-color: #464646;
}

.color-bg-icon.soc-tumblr,
a.soc-tumblr.bg-icon:hover,
.soc-tumblr.color-icon.border-icon:hover {
    background-color: #45556c;
}

.color-bg-icon.soc-blogger,
a.soc-blogger.bg-icon:hover,
.soc-blogger.color-icon.border-icon:hover {
    background-color: #ec661c;
}

.color-bg-icon.soc-technorati,
a.soc-technorati.bg-icon:hover,
.soc-technorati.color-icon.border-icon:hover {
    background-color: #5cb030;
}

.color-bg-icon.soc-reddit,
a.soc-reddit.bg-icon:hover,
.soc-reddit.color-icon.border-icon:hover {
    background-color: #e74a1e;
}

.color-bg-icon.soc-dribbble,
a.soc-dribbble.bg-icon:hover,
.soc-dribbble.color-icon.border-icon:hover {
    background-color: #e84d88;
}

.color-bg-icon.soc-stumbleupon,
a.soc-stumbleupon.bg-icon:hover,
.soc-stumbleupon.color-icon.border-icon:hover {
    background-color: #e64011;
}

.color-bg-icon.soc-digg,
a.soc-digg.bg-icon:hover,
.soc-digg.color-icon.border-icon:hover {
    background-color: #1d1d1b;
}

.color-bg-icon.soc-envato,
a.soc-envato.bg-icon:hover,
.soc-envato.color-icon.border-icon:hover {
    background-color: #597c3a;
}

.color-bg-icon.soc-behance,
a.soc-behance.bg-icon:hover,
.soc-behance.color-icon.border-icon:hover {
    background-color: #007eff;
}

.color-bg-icon.soc-delicious,
a.soc-delicious.bg-icon:hover,
.soc-delicious.color-icon.border-icon:hover {
    background-color: #31a9ff;
}

.color-bg-icon.soc-deviantart,
a.soc-deviantart.bg-icon:hover,
.soc-deviantart.color-icon.border-icon:hover {
    background-color: #c5d200;
}

.color-bg-icon.soc-forrst,
a.soc-forrst.bg-icon:hover,
.soc-forrst.color-icon.border-icon:hover {
    background-color: #5b9a68;
}

.color-bg-icon.soc-play,
a.soc-play.bg-icon:hover,
.soc-play.color-icon.border-icon:hover {
    background-color: #5acdbd;
}

.color-bg-icon.soc-zerply,
a.soc-zerply.bg-icon:hover,
.soc-zerply.color-icon.border-icon:hover {
    background-color: #9dbc7a;
}

.color-bg-icon.soc-wikipedia,
a.soc-wikipedia.bg-icon:hover,
.soc-wikipedia.color-icon.border-icon:hover {
    background-color: #000000;
}

.color-bg-icon.soc-apple,
a.soc-apple.bg-icon:hover,
.soc-apple.color-icon.border-icon:hover {
    background-color: #b9bfc1;
}

.color-bg-icon.soc-flattr,
a.soc-flattr.bg-icon:hover,
.soc-flattr.color-icon.border-icon:hover {
    background-color: #f67c1a;
}

.color-bg-icon.soc-github,
a.soc-github.bg-icon:hover,
.soc-github.color-icon.border-icon:hover {
    background-color: #221e1b;
}

.color-bg-icon.soc-chimein,
a.soc-chimein.bg-icon:hover,
.soc-chimein.color-icon.border-icon:hover {
    background-color: #888688;
}

.color-bg-icon.soc-friendfeed,
a.soc-friendfeed.bg-icon:hover,
.soc-friendfeed.color-icon.border-icon:hover {
    background-color: #2f72c4;
}

.color-bg-icon.soc-newsvine,
a.soc-newsvine.bg-icon:hover,
.soc-newsvine.color-icon.border-icon:hover {
    background-color: #075b2f;
}

.color-bg-icon.soc-identica,
a.soc-identica.bg-icon:hover,
.soc-identica.color-icon.border-icon:hover {
    background-color: #000000;
}

.color-bg-icon.soc-bebo,
a.soc-bebo.bg-icon:hover,
.soc-bebo.color-icon.border-icon:hover {
    background-color: #ef1011;
}

.color-bg-icon.soc-zynga,
a.soc-zynga.bg-icon:hover,
.soc-zynga.color-icon.border-icon:hover {
    background-color: #dc0606;
}

.color-bg-icon.soc-steam,
a.soc-steam.bg-icon:hover,
.soc-steam.color-icon.border-icon:hover {
    background-color: #8f8d8a;
}

.color-bg-icon.soc-xbox,
a.soc-xbox.bg-icon:hover,
.soc-xbox.color-icon.border-icon:hover {
    background-color: #92c83e;
}

.color-bg-icon.soc-windows,
a.soc-windows.bg-icon:hover,
.soc-windows.color-icon.border-icon:hover {
    background-color: #00bdf6;
}

.color-bg-icon.soc-outlook,
a.soc-outlook.bg-icon:hover,
.soc-outlook.color-icon.border-icon:hover {
    background-color: #0072c6;
}

.color-bg-icon.soc-coderwall,
a.soc-coderwall.bg-icon:hover,
.soc-coderwall.color-icon.border-icon:hover {
    background-color: #3e8dcc;
}

.color-bg-icon.soc-tripadvisor,
a.soc-tripadvisor.bg-icon:hover,
.soc-tripadvisor.color-icon.border-icon:hover {
    background-color: #000000;
}

.color-bg-icon.soc-appnet,
a.soc-appnet.bg-icon:hover,
.soc-appnet.color-icon.border-icon:hover {
    background-color: #494949;
}

.color-bg-icon.soc-goodreads,
a.soc-goodreads.bg-icon:hover,
.soc-goodreads.color-icon.border-icon:hover {
    background-color: #1abc9c;
}

.color-bg-icon.soc-tripit,
a.soc-tripit.bg-icon:hover,
.soc-tripit.color-icon.border-icon:hover {
    background-color: #1982c3;
}

.color-bg-icon.soc-lanyrd,
a.soc-lanyrd.bg-icon:hover,
.soc-lanyrd.color-icon.border-icon:hover {
    background-color: #3c80c9;
}

.color-bg-icon.soc-slideshare,
a.soc-slideshare.bg-icon:hover,
.soc-slideshare.color-icon.border-icon:hover {
    background-color: #4ba3a6;
}

.color-bg-icon.soc-buffer,
a.soc-buffer.bg-icon:hover,
.soc-buffer.color-icon.border-icon:hover {
    background-color: #000000;
}

.color-bg-icon.soc-rss,
a.soc-rss.bg-icon:hover,
.soc-rss.color-icon.border-icon:hover {
    background-color: #f26109;
}

.color-bg-icon.soc-vkontakte,
a.soc-vkontakte.bg-icon:hover,
.soc-vkontakte.color-icon.border-icon:hover {
    background-color: #5a7fa6;
}

.color-bg-icon.soc-disqus,
a.soc-disqus.bg-icon:hover,
.soc-disqus.color-icon.border-icon:hover {
    background-color: #2e9fff;
}

.color-bg-icon.soc-houzz,
a.soc-houzz.bg-icon:hover,
.soc-houzz.color-icon.border-icon:hover {
    background-color: #7cc04b;
}

.color-bg-icon.soc-mail,
a.soc-mail.bg-icon:hover,
.soc-mail.color-icon.border-icon:hover {
    background-color: #000000;
}

.color-bg-icon.soc-patreon,
a.soc-patreon.bg-icon:hover,
.soc-patreon.color-icon.border-icon:hover {
    background-color: #e44727;
}

.color-bg-icon.soc-paypal,
a.soc-paypal.bg-icon:hover,
.soc-paypal.color-icon.border-icon:hover {
    background-color: #009cde;
}

.color-bg-icon.soc-playstation,
a.soc-playstation.bg-icon:hover,
.soc-playstation.color-icon.border-icon:hover {
    background-color: #000000;
}

.color-bg-icon.soc-smugmug,
a.soc-smugmug.bg-icon:hover,
.soc-smugmug.color-icon.border-icon:hover {
    background-color: #acfd32;
}

.color-bg-icon.soc-swarm,
a.soc-swarm.bg-icon:hover,
.soc-swarm.color-icon.border-icon:hover {
    background-color: #fc9d3c;
}

.color-bg-icon.soc-triplej,
a.soc-triplej.bg-icon:hover,
.soc-triplej.color-icon.border-icon:hover {
    background-color: #e53531;
}

.color-bg-icon.soc-yammer,
a.soc-yammer.bg-icon:hover,
.soc-yammer.color-icon.border-icon:hover {
    background-color: #1175c4;
}

.color-bg-icon.soc-stackoverflow,
a.soc-stackoverflow.bg-icon:hover,
.soc-stackoverflow.color-icon.border-icon:hover {
    background-color: #fd9827;
}

.color-bg-icon.soc-drupal,
a.soc-drupal.bg-icon:hover,
.soc-drupal.color-icon.border-icon:hover {
    background-color: #00598e;
}

.color-bg-icon.soc-odnoklassniki,
a.soc-odnoklassniki.bg-icon:hover,
.soc-odnoklassniki.color-icon.border-icon:hover {
    background-color: #f48420;
}

.color-bg-icon.soc-android,
a.soc-android.bg-icon:hover,
.soc-android.color-icon.border-icon:hover {
    background-color: #8ec047;
}

.color-bg-icon.soc-meetup,
a.soc-meetup.bg-icon:hover,
.soc-meetup.color-icon.border-icon:hover {
    background-color: #e2373c;
}

.color-bg-icon.soc-persona,
a.soc-persona.bg-icon:hover,
.soc-persona.color-icon.border-icon:hover {
    background-color: #e6753d;
}

.color-bg-icon.soc-amazon,
a.soc-amazon.bg-icon:hover,
.soc-amazon.color-icon.border-icon:hover {
    background-color: #ff9900;
}

.color-bg-icon.soc-ello,
a.soc-ello.bg-icon:hover,
.soc-ello.color-icon.border-icon:hover {
    background-color: #000000;
}

.color-bg-icon.soc-mixcloud,
a.soc-mixcloud.bg-icon:hover,
.soc-mixcloud.color-icon.border-icon:hover {
    background-color: #314359;
}

.color-bg-icon.soc-8tracks,
a.soc-8tracks.bg-icon:hover,
.soc-8tracks.color-icon.border-icon:hover {
    background-color: #122c4b;
}

.color-bg-icon.soc-twitch,
a.soc-twitch.bg-icon:hover,
.soc-twitch.color-icon.border-icon:hover {
    background-color: #6441a5;
}

.color-bg-icon.soc-airbnb,
a.soc-airbnb.bg-icon:hover,
.soc-airbnb.color-icon.border-icon:hover {
    background-color: #ff5a5f;
}

.color-bg-icon.soc-pocket,
a.soc-pocket.bg-icon:hover,
.soc-pocket.color-icon.border-icon:hover {
    background-color: #ed4055;
}

a.social-icon {
    color: #bebebe;
}

.lightgreylinks a.social-icon {
    color: #bebebe;
}

.lightgreylinks a.social-icon:hover {
    color: #54be73;
}

a.border-icon {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 12px;
    margin-bottom: 4px;
}

a.border-icon:before {
    font-size: 13px;
    line-height: 16px;
}

a.bg-icon {
    color: #ffffff;
    background-color: #818181;
    padding: 11px 13px;
    margin-bottom: 4px;
}

a.bg-icon:before {
    font-size: 13px;
    line-height: 16px;
}

a.social-icon.color-icon:hover {
    color: #1f232b;
}

a.social-icon.bg-icon:hover {
    color: #ffffff;
}

a.color-bg-icon {
    color: #ffffff;
    background-color: #1f232b;
    margin-bottom: 4px;
    padding: 12px 13px;
}

a.color-bg-icon:before {
    font-size: 13px;
    line-height: 16px;
}

a.social-icon.color-bg-icon:hover {
    background-color: #f2f2f2;
}

a.color-icon:hover {
    color: #1f232b;
}

a.color-icon.border-icon:hover {
    color: #ffffff;
    background-color: #54be73;
    border-color: transparent;
}

.darklinks a.social-icon {
    color: #1f232b;
    border-color: #1f232b;
}

.demo-icon {
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 20px 30px;
    margin-bottom: 30px;
}

.demo-icon span {
    display: block;
}

.demo-icon .name {
    font-size: 1.01em;
    font-weight: 700;
}

.demo-icon a[class*="soc-"] {
    margin: 10px 0 0;
}

.demo-icon a[class*="soc-"]:before {
    font-size: 24px;
}

/*switcher styles*/
#switcher {
    position: fixed;
    top: 22%;
    right: -200px;
    width: 200px;
    background-color: #404040;
    color: #ffffff;
    z-index: 1001;
    font-size: 15px;
    padding-bottom: 20px;
    transition: all 0.6s ease;
}

#switcher.active {
    right: 0;
}

#switcher a {
    color: #54be73;
}

#switcher .checkbox {
    margin: 4px 0;
    line-height: 1.5;
}

#switcher h4 {
    line-height: 60px;
    font-size: 17px;
    text-align: center;
    color: #999999;
    background-color: #222;
    margin: 0;
    font-weight: 300;
    letter-spacing: 0;
    padding: 0 36px;
}

#switcher span[class^="rt-icon2-"] {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    font-size: 24px;
    background-color: #222;
    text-align: center;
    left: -60px;
    top: 0;
    cursor: pointer;
    z-index: 2;
}

#switcher span[class^="rt-icon2-"]:hover {
    color: #999999;
}

#switcher span[class="rt-icon2-delete-outline"] {
    background-color: transparent;
    z-index: 1;
    left: -20px;
}

#switcher li {
    margin-bottom: 0px;
    padding: 0 4px;
}

#switcher p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1;
    margin: 0 0 10px;
}

#switcher label {
    color: #999999;
}

#switcher ul {
    margin-bottom: 0;
}

#switcher .tooltip {
    min-width: 110px;
}

#switcher .tooltip-arrow {
    display: none;
}

@media (max-width: 1199px) {
    #switcher {
        display: none;
    }
}

#switcher-version a {
    padding: 13px 14px;
    display: inline-block;
    line-height: 1;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

#switcher-version a:hover {
    color: #e4344e !important;
}

#switcher-version a.light {
    background-color: #ffffff;
    color: #1f232b;
}

#switcher-version a.dark {
    color: #ffffff;
    background-color: #262626;
}

#switcher-colors a {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #66ccbe;
    overflow: hidden;
}

#switcher-colors a:hover {
    opacity: 0.7;
}

#switcher-colors a:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 74px;
    right: 0;
    background-color: #face77;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#switcher-colors a.color2 {
    background-color: #8fc424;
}

#switcher-colors a.color2:after {
    background-color: #e34f61;
}

#switcher-colors a.color3 {
    background-color: #e34f61;
}

#switcher-colors a.color3:after {
    background-color: #712357;
}

#switcher-colors {
    line-height: 0;
}

#switcher-patterns a {
    display: block;
    line-height: 1;
    height: 40px;
    width: 40px;
    overflow: hidden;
    background-color: #ffffff;
}

#switcher-patterns a img {
    opacity: 0;
}

#switcher-patterns a:hover {
    opacity: 0.7;
}

#switcher-patterns li:first-child a img {
    opacity: 1;
}

#switcher_accent_color,
#switcher_color_scheme,
#switcher_layout,
#switcher_patterns {
    padding: 26px 30px 0px;
}

.checkbox-slider--b-flat {
    position: relative;
}

.checkbox-slider--b-flat input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0%;
    margin: 0 0;
    cursor: pointer;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.checkbox-slider--b-flat input+span {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-slider--b-flat input+span:before {
    position: absolute;
    left: 0px;
    display: inline-block;
}

.checkbox-slider--b-flat input+span>h4 {
    display: inline;
}

.checkbox-slider--b-flat input+span {
    padding-left: 40px;
}

.checkbox-slider--b-flat input+span:before {
    content: "";
    height: 20px;
    width: 40px;
    background: #ffffff;
}

.checkbox-slider--b-flat input+span:after {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    display: block;
    background: #ffffff;
    transition: margin-left 0.4s ease-in-out;
    text-align: center;
    font-weight: bold;
    content: "";
}

.checkbox-slider--b-flat input:checked+span:after {
    margin-left: 20px;
    content: "";
}

.checkbox-slider--b-flat input:checked+span:before {
    transition: background 0.2s ease-in;
}

.checkbox-slider--b-flat input+span {
    padding-left: 30px;
}

.checkbox-slider--b-flat input+span:before {
    border-radius: 20px;
    width: 40px;
}

.checkbox-slider--b-flat input+span:after {
    background: #54be73;
    content: "";
    width: 20px;
    border: solid transparent 2px;
    background-clip: padding-box;
    border-radius: 20px;
}

.checkbox-slider--b-flat input:checked+span:after {
    content: "";
    margin-left: 20px;
    border: solid transparent 2px;
    background-clip: padding-box;
}

.checkbox-slider--b-flat input:checked+span:before {
    background: #ffffff;
}

.checkbox-slider--b-flat.checkbox-slider-md input+span:before {
    border-radius: 30px;
}

.checkbox-slider--b-flat.checkbox-slider-md input+span:after {
    border-radius: 30px;
}

.checkbox-slider--b-flat.checkbox-slider-lg input+span:before {
    border-radius: 40px;
}

.checkbox-slider--b-flat.checkbox-slider-lg input+span:after {
    border-radius: 40px;
}

.checkbox-slider--b-flat input+span:before {
    box-shadow: none;
}

#appointment img {
    max-width: 100%;
    margin: 5px
}

@media screen and (max-width:425px) {
    .header_left_logo {
        padding: 10px 15px;
    }

    .theme_button {
        padding: 12px;
    }

    .ds {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .section_header {
        font-size: 28px;
    }

    #subscribe h3 {
        font-size: 15px;
    }

    .page_copyright p {
        font-size: 13px;
    }

    .intro_section h3 {
        margin-bottom: 6px;
    }
}

.d-flex-center-center{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.intro_section{
    max-height: 100vh;
}

.d-flex{
    display: flex;
    flex-wrap: wrap;
}