@import "bootstrap.css";
@import "font-awesome.min.css";
@import "animate.min.css";
@import "et-line.css";
@import "jcarousel.responsive.css";
@import url(../../../css);
@import url(../../../css-1);

/*------------------------------------------------------------------
1. Reset styles / Wordpress classes

2. Wrapper
    2.1 Logo / Boxed Mode

3. Main Menu / Header

4. Main Styles
    4.1 Servecis shortcodes
    4.2 Portfolio shortcodes
    4.3 Blog Section

5. Widgets / Button

6. Other Shortcodes

7. WooCommerce

8. Footer / #footer

9. Other style

10. Style Switcher

11. Aside News Item

12. Page Header

13. Xem thêm

14. Custom Style
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[0. Reset styles / Wordpress classes]
*/

/*------------------------------------------------------------------
[1. Reset styles / Wordpress classes]
*/
.alignnone { margin: 5px 20px 20px 0 }
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone { margin: 5px 20px 20px 0 }
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #FFF;
    text-align: center;
    font-weight: 300;
    width: 100% !important;
}
p {
    line-height: 1.7;
    font-size: 14px;
    font-weight: 300;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
    width: 100% !important;
}
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}
img {
    max-width: 100%;
    height: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 13px;
    margin: 0;
    padding: 5px 0 5px 0px;
}
.bypostauthor { }
/*------------------------------------------------------------------
[2. Body / Wrapper ]
*/
body { background: #fafafa }
.wrapper {
    margin: 0 auto;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 10px #b4b4b4 !important;
    color: #444;
    font-size: 14px;
    font-weight: 300;
    font-family: Roboto, 'Open Sans', Arial, sans-serif;
    overflow: hidden;
    line-height: 1.75;
}
.dankovteam-wrapper-boxed{ width: 1200px }
.dankovteam-wrapper-boxed .sticky {
    left: auto;
    width: 1200px;
}
a,
button,
input[type="submit"] {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Roboto Slab, 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
    color: #444;
}
a,
a:visited,
a:focus,
a:active,
a:hover { outline: 0 !important }
.animated-area { overflow: hidden }
.marg25 { margin-top: 25px }
.marg30 { margin-top: 30px }
.marg50 { margin-top: 50px }
.marg75 { margin-top: 75px }
.marg100 { margin-top: 100px }
.marg125 { margin-top: 125px }
.marg150 { margin-top: 155px }
.p-1{
  padding: 14px;
}
/*------------------------------------------------------------------
[2.2 Logo / Boxed Mode ]
*/
.page_head {
    padding-top: 0px;
    background-color: #fff;
}
.logo {
  margin-top: 15px;
}
.logo img{
  height: 25px;
}
/*------------------------------------------------------------------
[3.0 Menu ]
*/
nav {
    position: relative;
    left: 0px;
    z-index: 99999 !important;
    width: 100%;
    background: #fff;
}
.sticky {
    position: fixed;
    background: rgba(255,255,255,0.95);
}
.menu ul ul { width: auto !important }
.menu ul ul li { width: 180px }
.menu ul li.sub li {
    width: 140px;
    border-left: 1px dotted #eee;
}
.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu ul li {
    position: relative;
    float: left;
}
.menu ul li ul {
    left: 0px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 110%;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.menu ul li:hover ul {
    display: inline-block;
    visibility: visible;
    top: 100%;
    opacity: 1;
}
.menu ul li:hover ul,
.menu ul li li:hover ul,
.menu ul li li li:hover ul {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.menu ul li a {
    padding: 15px 10px;
    color: #444;
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    display: block;
    border-top: 2px solid transparent;
    transition: border 0.15s linear;
}
.menu li a:hover {
    outline: none;
    border-color: #F44336;
    text-decoration: none;
}
.menu ul ul { background: #ffffff }
.menu ul li ul li a {
    padding: 8px 24px;
    border-top: 1px solid rgba(0,0,0, 0.08);
    color: #444 !important;
    font-weight: normal;
    font-size: 13px;
    font-weight: 300;
    -webkit-backface-visibility: hidden;
}
.menu ul li ul li:first-child a { border-top: 1px solid #F44336 }
.menu ul li ul li:first-child a:hover { border-top: 1px solid #F44336 }
.menu ul li ul { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) }
.menu ul li ul li a:hover {
    background-color: #fafafa;
    border-top: 1px solid rgba(0,0,0, 0.08);
}

nav.sticky .logo { margin-top: 20px }
nav.sticky ul li a {
    padding: 21px 10px;
    font-weight: 300;
    font-size: 14px;
}
nav.sticky ul li a:before { content: '' }
.dl-trigger { display: none }
.dl-back { display: none }
.menu ul ul ul {
    top: 0px !important;
    left: 180px;
    margin-top: -1px !important;
    border-left: 1px solid #eee;
}
.menu ul li ul li ul { visibility: hidden !important }
.menu ul li ul li:hover ul { visibility: visible !important }
/*------------------------------------------------------------------
[4.0 Promo Title ]
*/
.promo-block {
    display: table;
    margin: auto;
}
.promo-text {
    text-align: center;
    font-size: 31px;
    font-weight: 300;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    font-family: Roboto Slab, sans-serif;
}
.promo-text-light {
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    padding-left: 31px;
    padding-right: 30px;
    display: inline-block;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 15px;
    -webkit-backface-visibility: hidden;
}
.center-line {
    width: 5px;
    margin: auto;
    height: 1px;
    background: #F44336;
    margin-top: 10px;
    position: relative;
    width: 50px;
}
.promo-text-footer {
    font-size: 19px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 15px;
}
.promo-paragraph {
    padding: 0;
    text-align: center;
    margin-top: 15px;
}
/*------------------------------------------------------------------
[4.1 Servecis shortcodes]
*/
.hi-icon {
    font-size: 44px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #F44336;
    margin: auto;
    display: table;
    margin-bottom: 5px;
    width: 85px;
    height: 85px;
    line-height: 85px;
    border-radius: 50%;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.hi-icon-effect:hover .hi-icon {
    color: #fff;
    background: #F44336;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.service-name {
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    font-family: Roboto Slab, sans-serif;
}
.service-name:after {
    content: "";
    width: 50px;
    position: relative;
    border-bottom: 1px solid #eee;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 15px;
}
.service-text {
    text-align: center;
    font-weight: 300;
    margin-top: 15px;
}
/*------------------------------------------------------------------
[4.2 Portfolio shortcodes]
*/
.container-color {background-color: #f7f7f7;padding: 75px 0 75px;}
.portfolio-search {
    border: 1px solid #fff;
    text-align: center;
    margin-top: -24px;
    padding: 4px;
    border-radius: 2px;
    padding-top: 2px;
    color: #fff;
}
.portfolio-item {
    list-style: none;
    padding: 0;
}
.portfolio-search i { font-size: 20px }
.portfolio-search:hover {
    background: rgba(255,255,255,0.3);
    color: #fff;
}
.portfolio-attach {
    border: 1px solid #fff;
    text-align: center;
    margin-top: -24px;
    padding: 4px;
    border-radius: 2px;
    padding-top: 2px;
    color: #fff;
    margin-right: 47px;
}
.portfolio-attach i { font-size: 20px }
.portfolio-attach:hover {
    background: rgba(255,255,255,0.3);
    color: #fff;
}
.btn-simple {
    border: 1px solid #eee !important;
    color: #444 !important;
    border-radius: 1px;
    background: #fff;
    font-size: 13px !important;
    padding: 10px 20px !important;
    display: inline-block;
    margin-top: 35px;
    font-weight: 300 !important;
    line-height: 20px !important;
    min-width: inherit !important;
    text-decoration: none;
}
.btn-simple:hover {
    background: #f7f7f7;
    text-decoration: none;
    color: #444;
}
.btn-simple:focus { text-decoration: none }
.cbp-l-inline {
    padding: 0px 0;
    margin-bottom: 30px;
    background: #fff;
}
.cbp-l-inline-left { width: 40% !important }
.cbp-l-inline-left img { height: auto }
.cbp-l-inline-right {
    width: 60%;
    padding: 15px 30px;
}
.cbp-l-inline-desc a { margin-top: 15px }
.cbp-popup-singlePageInline .cbp-popup-close {
    top: -9px !important;
    outline: none;
}
.cbp-popup-singlePageInline .cbp-popup-navigation { top: 24px !important }
.cbp-popup-wrap { z-index: 99999 !important }
.cbp-popup-lightbox .cbp-popup-next { outline: none }
.cbp-popup-lightbox .cbp-popup-prev { outline: none }
.btn-blog:hover {
    background: rgba(255,255,255,0.3);
    color: #fff;
    text-decoration: none;
}
.cbp-l-inline { margin-top: 0px }
.cbp-l-filters-button .cbp-filter-item {
    background-color: #FFF;
    border: 1px solid #eee;
    border-radius: 0px;
    color: #444;
    cursor: pointer;
    font: 300 13px/29px Roboto,sans-serif;
    margin-right: 5px;
    overflow: visible;
    padding: 0 15px;
    position: relative;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    display: block;
    float: left;
    outline: none;
    margin-top: -3px;
}
.cbp-l-filters-button .cbp-filter-item-active {
    background-color: #F44336;
    color: #fff !important;
    border-color: #F44336;
}
.cbp-l-filters-button .cbp-filter-counter {
    background-color: #F44336;
    border-radius: 2px;
    color: #fff;
    font: 300 11px/18px Roboto,sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity .25s linear,bottom .25s linear;
    -moz-transition: opacity .25s linear,bottom .25s linear;
    -o-transition: opacity .25s linear,bottom .25s linear;
    transition: opacity .25s linear,bottom .25s linear;
}
.cbp-l-filters-button .cbp-filter-counter:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #F44336;
    visibility: hidden;
}
.portfolio-item li {
    padding: 7px 0;
    border-bottom: 1px solid #eee;
    color: #444;
    font-weight: 300;
}
.portfolio-item-text {
    color: #444;
    font-weight: 300;
}
.cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(0,192,227,0.8) }
.cbp-l-caption-title {
    color: #fff;
    font: 400 18px/18px sans-serif;
    margin-bottom: 10px;
    text-align: center;
}
.cbp-l-caption-desc {
    color: #ddd;
    font: 400 13px/16px sans-serif;
    text-align: center;
}
.portfolio-dankovteam {
    background: #fff;
    text-align: center;
}
.portfolio-dankovteam.inside {background: #f7f7f7}
.dankov-shortcode-portfolio-grid.portfolio-grey .portfolio-dankovteam { background: #f7f7f7 }
.portfolio-image {
    background: #000;
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.portfolio-image img {
    opacity: 1;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.portfolio-dankovteam:hover .portfolio-image img {
    opacity: 0.5;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.portfolio-dankovteam .portfolio-hover {
    top: auto;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    position: absolute;
    width: 100%;
    height: 150px;
}
.portfolio-dankovteam p.icon-links {
    position: relative;
    right: 50%;
    margin: 0 -75px;
}
.portfolio-dankovteam p.icon-links a {
    float: right;
    text-align: center;
    display: inline-block;
    width: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-radius: 50%;
    margin: 0 5px;
}
.portfolio-dankovteam p.icon-links a i {
    color: #444;
    font-size: 20px;
    line-height: 50px;
}
.portfolio-dankovteam p.icon-links a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
}
.portfolio-dankovteam:hover .portfolio-hover,
.portfolio-dankovteam:hover p.icon-links a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.portfolio-dankovteam:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.portfolio-dankovteam:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.portfolio-dankovteam:hover p.icon-links a:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.portfolio-dankovteam h2 {
    margin: 0px;
    font-size: 21px;
    padding: 15px 15px 10px 15px;
    display: inline-block;
}
.portfolio-dankovteam p {
    padding: 0px 15px 15px 15px;
    margin: 0;
}

.prl-1 {
    background: url(../images/parallax.jpg) 100% 100% no-repeat fixed;
    color: #fff;
    min-height: 300px;
    height: 100%;
}
.prlx {
    min-height: 260px;
    max-height: 100%;
}

/*------------------------------------------------------------------
[4.3 Blog Section]
*/
.page-in {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    min-height: 100px;
    line-height: 100px;
}

.page-in-name {
    font-size: 23px;
    font-weight: 100;
}

.page-in-name h1 {
    font-size: 23px;
    font-weight: 100;
    display: inline;
}

.page-in-name span { color: #F44336 }
.page-in-bread {
    float: right;
    font-weight: 300;
    line-height: 30px;
    font-size: 12px;
    line-height: 100px;
}
.page-in-bread span { font-size: 12px }
.page-in-bread a {
    color: #F44336;
    display: inline-block;
}
.about-text {
    line-height: 1.7;
    font-size: 14px;
    font-weight: 300;
}
.first-letter {
    font-size: 21px;
    color: #fff;
    border-radius: 2px;
    float: left;
    background: #F44336;
    padding: 3px 9px;
    margin-top: 3px;
    margin-right: 10px;
}
.list-check { margin-top: 17px }
.list-check li {
    font-size: 14px;
    font-weight: 300;
    line-height: 2;
}
.list-check li  i {
    color: #F44336;
    font-size: 16px;
    padding-right: 5px;
}
.blog-name {
    float: left;
    font-weight: 300;
    -webkit-backface-visibility: hidden;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}
.blog-name a {
    font-size: 19px;
    color: #444;
    font-weight: 300;
    font-family: Roboto Slab, sans-serif;
}
.blog-name a:hover {
    color: #F44336;
    text-decoration: none;
}
.blog-desc {
    float: left;
    color: #999;
    font-size: 12px;
    -webkit-backface-visibility: hidden;
    width: 100%;
    text-align: center;
}
.blog-desc a {
    color: #999;
    text-transform: capitalize;
}
.blog-desc a:hover { text-decoration: underline }
.post-thumbnail {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.post-thumbnail .single-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.post-thumbnail:hover .single-item { opacity: 1 }
.post-thumbnail img {
    z-index: 0;
    width: 100%;
    height: 200px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.post-thumbnail:hover img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.post-thumbnail .single-action span {
    display: inline-block;
    margin: 0 2px;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 38px;
    line-height: 50px;
}
.post-thumbnail .single-action span>a {
    display: block;
    color: inherit;
    font-weight: normal;
}
.post-thumbnail .single-action span {
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    z-index: 2;
    visibility: hidden;
    margin: -25px 0 0 -25px;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale();
    -moz-transform: scale();
    -ms-transform: scale();
    -o-transform: scale();
    transform: scale();
}
.post-thumbnail:hover .single-action span {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.cl-blog-img {
    display: inline-block;
    width: 100%;
}
.sticky-lou.has-post-thumbnail .cl-blog-img:before {
    content: "\e02d";
    color: #F44336;
    font-size: 18px;
    display: inline-block;
    font-family: 'et-line';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    top: 5px;
    left: 20px;
}
.sticky-lou {position: relative;}
.sticky-lou:before {
    content: "\e02d";
    color: #F44336;
    font-size: 18px;
    display: inline-block;
    font-family: 'et-line';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: rgba(255,255,255,0.5);
    width: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 99999;
    padding-bottom: 22px;
}

.sticky-lou.has-post-thumbnail:before {
  background: none;
  content: "";
}
.blog-category {padding: 0px;}
.blog-category li {list-style: none;}
.cl-blog-img img { width: 100% }
.medium-blog .cl-blog-naz { margin-top: 0px }
.medium-blog.has-post-thumbnail .cl-blog-text { width: 390px }
.medium-blog .cl-blog-text { width: 390px }
.cl-blog-naz {margin-top: 30px;display: inline-block;width: 100%;}
.cl-blog-name {
    padding-left: 75px;
    font-size: 19px;
    font-weight: 300;
    font-family: roboto;
}
.cl-blog-name a {
    color: #565656;
    display: inline-block;
}
.medium-blog {
    display: inline-block;

}
.cl-blog-name a:hover {
    color: #F44336;
    text-decoration: none;
}
.cl-blog-type {
    float: left;
    color: #F44336;
    font-size: 37px;
    border-right: 1px solid #eee;
    padding-right: 10px;
}
.cl-blog-detail {
    margin-left: 75px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
    color: #999;
}
.cl-blog-detail a {
    color: #777;
    display: inline-block;
}
.cl-blog-text {
    float: left;
    margin-top: 15px;
    margin-left: 75px;
    line-height: 1.6;
    font-weight: 300;
    /* width: 773px; */
}
.cl-blog-read {
    border: 1px solid #eee;
    /* float: left; */
    padding: 8px 12px;
    border-radius: 2px;
    font-weight: 300;
    margin-left: 75px;
    margin-top: 20px;
    display: inline-block;
}
.cl-blog-read a {
    color: #444;
    display: inline-block;
}
.cl-blog-read a:hover {
    color: #F44336;
    text-decoration: none;
}
.cl-blog-line {
    width: 100%;
    border-top: 1px solid #eee;
    float: left;
    margin: 50px 0;
}
.pride_pg{

}
.pride_pg .pagination{
  margin: 0px;
}
.pride_pg .pagination > li > a,
.pride_pg .pagination > li > span{
  padding: 5px 10px;
  border-radius: 2px;
  color: #444;
  text-decoration: none;
  border: 1px solid #eee;
  font-size: 12px;
  font-weight: 300;
  margin-right: 3px;
}
.pride_pg .pagination > li > a:hover{
  background: #fff;
  color: #F44336;
  border: 1px solid #F44336;
}
.pride_pg .pagination > .active > a,
.pride_pg .pagination > .active > span,
.pride_pg .pagination > .active > a:hover,
.pride_pg .pagination > .active > span:hover,
.pride_pg .pagination > .active > a:focus,
.pride_pg .pagination > .active > span:focus{
  background: #fff;
  color: #F44336;
  border: 1px solid #F44336;
}

.car_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    font-size: 30px;
}
.promo-text-blog:first-child { margin-top: -5px }
.promo-text-blog {
    font-size: 18px;
    font-weight: 300;
    color: #444;
    padding-bottom: 15px;
    margin-top: 30px;
}
.blog-search {
    border: 1px solid #eee;
    padding: 7px 10px;
    width: 100%;
    color: #444;
    font-weight: 300;
    outline: none;
}
.blog-category li {
    border-bottom: 1px solid #eee;
    padding: 7px 0;
}
.blog-category li i {
    color: #F44336;
    font-size: 18px;
}
.blog-category li a {
    color: #444;
    display: inline-block;
    font-weight: 300;
    padding-left: 5px;
}
/*------------------------------------------------------------------
[5.0 Widgets/ Button]
*/
.widget ul {
    list-style: none;
    padding: 0;
}
.footer-widget ul {
    list-style: none;
    padding: 0;
}
.widget ul {
    list-style: none;
    padding: 0;
}
.widget ul li {
    padding: 7px 0;
    font-weight: 300;
}
.widget ul li a {
    color: #444;
    display: inline-block;
    font-weight: 300;
}
.widget ul li > a:before {
    content: "\f105";
    color: #F44336;
    font-size: 18px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.recentcomments:before {
    content: "\f105";
    color: #F44336;
    font-size: 18px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-title {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    color: #444;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.widget-title.head-name {
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-weight: 700;
}
.footer .widget-title {
    color: #fff;
    border-bottom: none;
}
.widget select {
    width: 100%;
    font-weight: 300;
}
.widget select {
    width: 100%;
    font-weight: 300;
}
.widget input {
    border: 1px solid #eee;
    padding: 7px 10px;
    width: 100%;
    color: #444;
    font-weight: 300;
    outline: none;
}
#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 13px;
    line-height: 1.846153846;
    color: #444;
    font-weight: 300;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption { text-align: left }
#wp-calendar #next {
    padding-right: 24px;
    text-align: right;
}
.widget-area .widget ul ul { margin-left: 12px }
.widget_rss li { margin: 12px 0 }
.widget_recent_entries .post-date,
.widget_rss .rss-date {
    color: #aaa;
    font-size: 11px;
    display: block;
    padding: 5px 0;
}
.recentcomments a { color: #F44336 !important }
.recentcomments a:before {
    content: '' !important;
    padding-right: 0 !important;
}
.tagcloud a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #eee;
    border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 8px;
    color: #444;
    font-weight: 300;
    font-size: 13px !important;
}
.widget_nav_menu .menu { float: none }
.rsswidget { color: #444 }
.rsswidget:before {
    content: '' !important;
    padding-right: 0 !important;
    color: #F44336 !important;
}
.widget-title .rsswidget { color: #444 }
.rsswidget { color: #F44336 !important }
.widget {
    margin: 0 0 50px 0;
    display: inline-block;
    width: 100%;
}
.tweet_list a { color: #F44336 !important }
.widget_primary-social-buttons ul li a:before {
    content: '' !important;
    padding-right: 0 !important;
}
.widget_primary-social-buttons ul li a { color: rgba(50,50,50,0.2) }
.widget_primary-social-buttons ul li {
    font-size: 21px;
    margin-right: 7px;
    float: left;
    line-height: 35px;
    border: none !important;
    padding: 0px;
}
.footer-widget select {
    padding: 5px;
    background: #fff;
    width: 100%;
}
.footer-widget a {
    font-weight: 300;
    color: #fff;
    opacity: 1;
}
.footer-widget {
    font-weight: 300;
    opacity: 0.8;
    color: #fff;
    padding-top: 30px;
}
.footer-widget ul li {
    padding: 6px 0;
    border-bottom: 1px solid #444;
    font-size: 12px;
}
.footer-widget ul li a { display: inline-block }
.footer-widget input {
    border: 1px solid #555;
    padding: 7px 10px;
    width: 100%;
    color: #444;
    font-weight: 300;
    outline: none;
}
.widget_PhoenixTeam_flickr .flickr_widget_wrapper a {
    display: block;
    position: relative;
    z-index: 10;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.footer-widget .tagcloud a {
    color: #444;
    background: rgba(50,50,50,0.1);
    display: block;
    float: left;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 6px 10px;
    font-weight: 300;
    border-radius: 2px;
    border: none;
}
.footer-widget .tagcloud a:hover {
    background: rgba(50,50,50,0.2);
    color: #444;
    text-decoration: none;
}
.text-widget {
    color: #444;
    font-weight: 300;
}
.tweet_list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tweet_list li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-top: 10px;
}
.tweet_text a { color: #F44336 }
.tweet_list li:first-child { margin-top: 0px }
.tweet_list li:last-child {
    border: none !important;
    padding-bottom: 0px;
}
.loading {
    font-weight: 300;
    color: #444;
}
.tweet_text {
    font-weight: 300;
    color: #444;
}
.tags-blog { padding: 0px }
.tags-blog li {
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #eee;
    margin-right: 5px;
    margin-bottom: 8px;
}
.tags-blog li a {
    color: #444;
    font-weight: 300;
}
.tags-blog li a:hover {
    color: #F44336;
    text-decoration: none;
}
.tags-blog-single { display: inline-block }
.tags-blog-single ul { padding: 0px }
.blog-single .cl-blog-text {
    width: 100%;
}
.author-bio {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}
.img-author { float: left }
.img-author img.img_comm {
    float: none;
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 0;
}
.name-author {
    display: inline-block;
    font-size: 19px;
    font-weight: 300;
    margin-left: 20px;
}
.name-author a { color: #444 }
.text-author {
    margin-left: 100px;
    font-weight: 300;
    margin-top: 5px;
    font-size: 12.5px;
}
.soc-blog {
    float: right;
    list-style: none;
    padding: 0;
}
.soc-blog li {
    float: left;
    font-size: 17px;
    width: 35px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    margin-right: 5px;
}
.soc-blog li a { color: #797979 }
.soc-blog li a:hover { color: #F44336 }
.soc-blog-single {
    display: inline-block;
    float: right;
}
.comm_name {
    font-size: 16px;
    color: #F44336;
    font-weight: 300;
}
.comm_name span {
    font-size: 11px;
    color: #444;
}
.com_top { padding-top: 15px }
.comm {
    margin-top: 25px;
    display: block;
    font-size: 20px;
    font-weight: 300;
    color: #444;
    margin-bottom: 30px;
}
.text_cont { font-weight: 300 }
.comment {
    padding: 30px 0;
    float: left;
    width: 100%;
}
.comment-inner {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 130px;
    float: left;
}
.img_comm {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 2px;
    margin-bottom: 10px;
    margin-right: 50px;
}
.children { margin-left: 75px }
.cl-blog-line-com {
    width: 100%;
    border-top: 1px solid #eee;
    float: left;
    margin: 25px 0;
}
.input-def {
    border: 1px solid #eee;
    padding: 7px 10px;
    width: 50%;
    margin-bottom: 10px;
    outline: none;
}
.form-submit input {
    font-size: 13px;
    font-weight: 300;
    border-radius: 2px;
    border: 1px solid #eee;
    outline: none !important;
    display: inline-block;
    background-color: #fff;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    line-height: 1.428571429;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.comment-respond {
    display: inline-block;
    width: 100%;
}
.comment-reply-title { padding-bottom: 15px }
.input-def-textarea {
    border: 1px solid #eee;
    padding: 5px 10px;
    width: 65%;
    margin-bottom: 10px;
    outline: none;
}
.btn-default {
    border-radius: 2px;
    border: 1px solid #eee;
    font-weight: 300;
    font-size: 13px;
    outline: none !important;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    background: rgba(230,230,230,0.5);
    border: 1px solid #eee;
}
.introduction img { max-width: 100% }
.intro-name {
    font-size: 21px;
    text-align: center;
    padding: 15px 0 8px 0;
    font-weight: 300;
}
.intro-desc {
    font-weight: 300;
    text-align: center;
    color: #777;
}
.about-us img { max-width: 100% }
.about-name {
    font-size: 18px;
    font-weight: 300;
    padding-top: 10px;
    text-align: center;
}
.about-desc {
    font-weight: 300;
    color: #444;
    font-size: 13px;
    text-align: center;
}
.about-texts {
    margin-top: 15px;
    color: #999;
    font-weight: 300;
    line-height: 1.6;
    font-size: 14px;
}
.about-desc span {
    margin-top: 10px;
    display: block;
    font-size: 13px;
    font-weight: 300;
}
.prog-name {
    display: inline;
    font-size: 15px;
    font-weight: 300;
}
.prog-per {
    float: right;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
}
.progress-per { display: inline }
.progress {
    height: 25px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 5px;
    margin-bottom: 30px;
}
.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 25px;
}
.soc-about {
    margin-top: 10px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: table;
    margin: 10px auto 10px auto;
}
.soc-about li {
    float: left;
    font-size: 25px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #fff;
    margin: 0px 5px;
}
.soc-about li a { color: #999 }
.soc-about li a:hover { color: #F44336 }
.fact-icon {
    text-align: center;
    color: #F44336;
    font-size: 50px;
}
.fact-numb {
    text-align: center;
    font-size: 27px;
}
.fact-name {
    margin-top: 7px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}
.progress-bar-info { background-color: #F44336 }
.clients div span { float: left }
.clients div span a { opacity: 0.6 }
.clients div span a:hover { opacity: 0.9 }
.clients div span img { max-width: 95% }
.serv-marg { margin-top: 20px }
.serv-marg i {
    color: #F44336;
    font-size: 15px;
}
.serv-testim {
    margin-top: 0px;
    padding: 0px;
}
.serv-author {
    color: #444;
    margin-bottom: -10px;
}
.serv-icon {
    float: left;
    font-size: 33px;
    display: inline-block;
}
.serv-icon i { color: #F44336 }
.serv-name {
    line-height: 57px;
    font-weight: 300;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.serv-desc {
    font-weight: 300;
    margin: 0;
}
.other-serv {margin-bottom: 50px;}
.serv-block-list { margin-left: 50px }
.input-cont {
    border: 1px solid #eee;
    padding: 7px 10px;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
}
.input-cont-textarea {
    border: 1px solid #eee;
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
}
.soc-contacts { margin: 0px }
.soc-contacts li {
    font-size: 23px;
    margin-right: 7px;
    float: left;
    line-height: 35px;
}
.soc-contacts li a {
    color: rgba(50,50,50,0.3);
    display: inline-block;
}
.soc-contacts li a:hover {
    color: rgba(50,50,50,0.6);
    text-decoration: none;
}
/*------------------------------------------------------------------
[6.0 Other Shortcodes]
*/
.main_pad {
    padding: 60px 0 130px 0;
    text-align: center;
    margin-top: 50px;
}
.oops {
    font-size: 125px;
    font-weight: 300;
    color: #F44336;
}
.main_pad p {
    font-size: 18px;
    font-weight: 300;
}
.ac-container {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}
.ac-container label {
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #444;
    font-weight: 600;
    line-height: 33px;
    background: #ffffff;
    font-size: 14px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.ac-container label::after{
  content: "";
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}
.ac-container div:last-child label { border-bottom: 1px solid #eee }
.ac-container label:hover {
    background: #f7f7f7;
    color: #F44336;
    transition: color 400ms;
    -webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover {
    background: #f7f7f7;
    color: #F44336;
}
.ac-container input:checked + label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F44336'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.ac-container input { display: none }
.ac-container article {
    margin-top: -5px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s linear, box-shadow 0.6s linear;
    -moz-transition: height 0.3s linear, box-shadow 0.6s linear;
    -o-transition: height 0.3s linear, box-shadow 0.6s linear;
    -ms-transition: height 0.3s linear, box-shadow 0.6s linear;
    transition: height 0.3s linear, box-shadow 0.6s linear;
}
.ac-container article p {
    color: #444;
    line-height: 23px;
    padding: 20px;
    font-weight: 300;
}
.ac-container input:checked ~ article {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    font-weight: 400;
}
.ac-container input:checked ~ article{height: max-content;}
.ac-container input:checked ~ article.ac-small { min-height: 140px }
.ac-container input:checked ~ article.ac-medium { min-height: 180px }
.ac-container input:checked ~ article.ac-large { min-height: 230px }
.ac-container div:last-child input:checked ~ article {
  padding: 1rem;
  border: 1px solid #eee;
}
.plan .price span {
    display: block;
    font-weight: 300;
    font-size: 11px;
    margin-top: 0px;
    color: #c0c0c0;
}
.plan .signup {
    padding: 30px 0px;
    text-align: center;
    border-top: 1px solid #f6f6f6;
}
.plan ul {
    margin: 0 !important;
    list-style: none !important;
    padding: 0 !important;
    background: #ffffff;
    font-weight: 300;
}
.plan li {
    font-size: 13px;
    padding: 15px 0px;
    text-align: center;
    background: #f9f9f9;
    font-weight: 300;
}
.plan {
    text-align: center;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-right: -30px;
}
.plan:hover {
    background: #f7f7f7;
    border: 5px solid #eee !important;
    margin-left: -5px;
    margin-top: -4px;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.featured {
    background: #fcfcfc;
    border: 3px solid #eee !important;
    margin-left: -5px;
    margin-top: -3px;
}
.plan h3 {
    font-weight: 400;
    font-size: 16px;
    padding: 20px 0 10px 0;
    margin: 0;
    border-bottom: 1px solid #eee;
}
.plan.featured h3 {
    font-size: 16px;
    color: #F44336;
    border-bottom: none;
}
.plan .price {
    display: block;
    font-size: 54px;
    /* line-height: 38px; */
    font-weight: 300;
    padding: 25px 0;
    border-bottom: 1px solid #eee;
}
.plan.featured .signup { border-top: 1px solid #f2f2f2 }
.two_plan { background: #fff !important }
.plan li:last-child { background: none }
.pricing-table .plan:first-child { border-left: 1px solid #eee !important }
.plan.featured .price { color: #F44336 }
.btn-price {
    color: #fff;
    background-color: #F44336;
    border-color: #F44336;
    font-weight: 300;
}
.btn-price:hover {
    color: #F44336;
    background-color: #fff;
    border-color: #F44336;
}
.shortcode_tabs .all_heads_cont {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 5;
    padding-bottom: 1px;
}
.shortcode_tab_item_title {
    border: #eee 1px solid;
    border-bottom: none;
    margin: 50px 5px 0 0;
    min-height: 18px;
    display: inline-block;
    float: left;
    padding: 13px 15px;
    line-height: 18px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    position: relative;
    background: #fff;
    transition: color 400ms;
    -webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
    font-weight: 300;
}
.all_body_cont {
    background: #fff;
    border: 1px solid #eee;
    margin-top: -2px;
    display: block;
    padding: 20px;
    line-height: 23px;
}
.shortcode_tab_item_body.active { display: block }
.shortcode_tab_item_body h4 { margin-top: 10px }
.shortcode_tab_item_body { display: none }
.shortcode_tab_item_body { display: none }
.shortcode_tab_item_title.active {
    background: #f7f7f7;
    border-bottom: 1px solid #eee;
    color: #F44336;
}
.shortcode_tab_item_title:hover {
    background: #f7f7f7;
    color: #F44336;
}
.alert {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    font-weight: 300;
}
.tooltip_s { color: #F44336 }
.tooltip_s:hover { color: #F44336 }
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td { border: 1px solid #eee }
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td { border-top: 1px solid #eee }
.table-bordered { border: 1px solid #eee }
.btn-lg {
    font-size: 18px !important;
    border-radius: 2px;
}
.btn {
    font-size: 13px;
    font-weight: 300;
    border-radius: 2px;
}
.btn-sm {
    font-size: 12px !important;
    border-radius: 2px;
}
.btn-xs {
    font-size: 12px !important;
    border-radius: 2px;
}
.btn-primary {
    background-color: #F44336;
    border: none;
    outline: none;
}
.btn-success {
    background-color: #5cb85c;
    border: none;
    outline: none;
}
.btn-warning {
    background-color: #f0ad4e;
    border: none;
    outline: none;
}
.btn-danger {
    background-color: #d9534f;
    border: none;
    outline: none;
}
.btn-violet {
    background-color: #9C52B9;
    border: none;
    color: #fff;
    outline: none;
}
.btn-violet:hover {
    background-color: #894CA2;
    color: #fff;
}
.btn-brown {
    background-color: #AA9570;
    border: none;
    color: #fff;
    outline: none;
}
.btn-brown:hover {
    background-color: #998665;
    border: none;
    color: #fff;
}
blockquote {
    font-weight: 300;
    font-size: 16px;
    margin: 25px 0px;
    border-left: 3px solid #eee;
}
blockquote footer,
blockquote small,
blockquote .small { margin-top: 5px }
.font_icons {
    font-size: 16px;
    color: #444;
    line-height: 1.9;
    font-weight: 300;
}
.cbp-popup-singlePageInline .cbp-popup-close { /* background: transparent !important */ }
.cbp-popup-singlePageInline .cbp-popup-close:before {
    overflow: hidden;
    color: #CDCDCD;
    content: "";
    font-size: 28px;
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    top: -5px;
    position: relative;
}

.text_otz {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-left: 100px;
    padding-top: 1px;
    padding: 10px;
    font-weight: 300;
    background: url(../ig/arrow_tes.png.html) no-repeat;
}
.auth { float: left }
.after_otz {
    margin-left: 100px;
    margin-top: 5px;
    font-weight: 300;
}
.after_otz b { font-weight: 400 }
.text_otz span {
    background: url(../img/arrow_tes.png) no-repeat;
    width: 9px;
    height: 9px;
    float: left;
    margin-left: -19px;
    margin-top: 5px;
}
.otz { margin-bottom: 35px }
.otz:last-child { margin-bottom: 0px }
.auth img {
    border-radius: 2px;
    width: 82px;
}
.testimonials { text-align: center }
.testimonials .carousel-indicators .active {
    background: rgba(255,255,255,0.5);
    border: solid 1px rgba(255,255,255,0.7);
    cursor: default;
    width: 9px;
    height: 9px;
    margin: 1px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.testimonials .carousel-indicators li {
    background: none;
    border: 1px solid rgba(255,255,255,0.7);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.testimonials .carousel-indicators li:hover {
    background: rgba(255,255,255,0.5);
    border: solid 1px rgba(255,255,255,0.7);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.testimonials .item { margin-bottom: 60px }
.testimonials p.testimonial-quote {
    font-size: 19px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 25px;
    padding: 0 100px;
    margin-top: 25px;
    line-height: 1.6;
}
.testimonials .carousel-control.left,
.testimonials .carousel-control.right { background-image: none }
.testimonials .carousel-control {
    color: #fff;
    text-shadow: none;
    margin: 0;
    font-size: 50px;
    width: 0%;
    top: 15%;
    font-weight: 100;
}
.carousel-indicators li { border-radius: 2px }
.testimonials p.testimonial-author {
    text-align: center;
    font-family: roboto;
    font-size: 14px;
    color: #eee;
}
.testimonials .carousel-indicators { bottom: 5px }
.testimonials-photo {
    display: inline-block;
    float: left;
}
.testimonials-photo img {
    border-radius: 50%;
    width: 75px;
}
.testimonials-name h4 {
    padding: 0;
    display: inline-block;
    font-size: 20px;
    margin-top: 0;
}
.container-fullwidth .testimonials-name h4 { margin-top: 10px }
.testimonials-desc {
    padding: 0;
    margin: 0;
    margin-top: 5px;
}
.testimonials-desc p {
    padding: 0;
    margin: 0;
}
.testimonials-text { margin-left: 105px }
.testimonials-block {
      padding: 0px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
  padding-bottom: 25px;
}
.testimonials-main{
  .row{
    margin-left: -10px;
    margin-right: -10px;
  }
  .col{
    padding-left: 10px;
    padding-right: 10px;
  }
}
.testimonials-main .testimonials-block {
      background: #fff;
      padding: 30px;
      margin-bottom: 15px;
      border-bottom: none;
}
.soc-media {
    background: #333;
    border-bottom: 1px solid #444;
}
.soc-more { }
.soc-more a {
    text-align: center;
    padding: 20px 0;
    border-left: 1px solid #444;
    width: 100%;
    display: inline-block;
}
.soc-medeia-footer:last-child .soc-more a {border-right: 1px solid #444;}
.soc-more i {
    font-size: 46px;
    color: #fff;
    opacity: 0.8;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.soc-more:hover i {
    opacity: 1;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.soc-medeia-footer {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    padding: 0;
}
.soc-medeia-footer:hover {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.soc-medeia-footer.facebook:hover { background: #3b5998 }
.soc-medeia-footer.twitter:hover { background: #55acee }
.soc-medeia-footer.googleplus:hover { background: #dd4b39 }
.soc-medeia-footer.dribbble:hover { background: #ea4c89 }
.soc-medeia-footer.linkedin:hover { background: #0976b4 }
.soc-medeia-footer.rss:hover { background: #f26522 }
.about-us-h2 h2 { margin-top: 5px }
.team-block {
    background: #fff;
    display: inline-block;
    width: 100%;
}
.carousel-indicators li {
    display: inline-block;
    width: 9px;
    height: 9px;
}
.twitter-main {
    height: 100px;
    background: #f7f7f7;
    border-top: 1px solid #eee;
}
.twit-icon i {
    line-height: 70px;
    font-size: 40px;
}
.dankovteam-twitter-slider-wrapper .loading {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 70px;
    margin: 0px;
}
.dankovteam-twitter-slider-wrapper .paginat {
    line-height: 70px;
    font-size: 30px;
    font-weight: 100;
    color: #fff;
    margin-top: -3px;
}
.paginat a {
    color: #fff;
    cursor: pointer;
    margin-right: 5px;
}
.paginat a:hover {
    color: #fff;
    text-decoration: none;
}
.dankovteam-twitter-slider-wrapper  .tweet_list li {
    position: relative;
    line-height: 70px;
    border-bottom: none;
    padding-bottom: 0px;
    margin-top: 0px;
    height: 70px !important;
}
.dankovteam-twitter-slider-wrapper .tweet_list a {
    color: #fff !important;
    text-decoration: underline;
}
.dankovteam-er-slider-wrapper  .tweet_text {
    font-weight: 300;
    color: #fff;
}
.post-format-quote-author { text-align: right }
.wp-link-pages-container {
    margin-top: 25px;
    margin-left: 60px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.post-video {
    display: inline-block;
    width: 100%;
}
.PhoenixTeam-progerssbar .vc_single_bar {
    height: 25px;
    background-color: #eee !important;
    margin-bottom: 30px !important;
    box-shadow: 0 0 !important;
}
.PhoenixTeam-progerssbar .vc_bar { border-radius: 2px 0 0 2px !important }
.PhoenixTeam-progerssbar .vc_label {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    text-shadow: 0 0 !important;
}
.PhoenixTeam-progerssbar .vc_single_bar.bar_turquoise .vc_bar { background-color: #F44336 !important }
.PhoenixTeam-progerssbar-outside .vc_single_bar {
    height: 25px;
    background-color: #eee !important;
    margin-bottom: 55px !important;
    box-shadow: 0 0 !important;
    margin-top: 26px;
}
.PhoenixTeam-progerssbar-outside .vc_bar { border-radius: 2px 0 0 2px !important }
.PhoenixTeam-progerssbar-outside .vc_label {
    position: absolute;
    width: 100%;
    top: -30px;
    font-size: 15px;
    display: inline-block;
    font-weight: 300;
    color: #444 !important;
    text-align: left;
    line-height: 15px;
    text-shadow: 0 0 !important;
    padding-left: 0 !important;
}
.PhoenixTeam-progerssbar-outside .vc_label .vc_label_units {
    position: absolute;
    right: 0;
}
.PhoenixTeam-progerssbar-outside .vc_single_bar.bar_turquoise .vc_bar { background-color: #F44336 !important }
.wpb_alert {
    padding: 10px 10px 10px 25px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.PhoenixTeam-message-box.wpb_alert-info .messagebox_text,
.PhoenixTeam-message-box.wpb_alert-warning .messagebox_text,
.PhoenixTeam-message-box.wpb_alert-success .messagebox_text,
.PhoenixTeam-message-box.wpb_alert-danger .messagebox_text {
    background: 0 none;
    position: relative;
    padding-left: 10px;
}
.PhoenixTeam-message-box.wpb_alert-info .messagebox_text i.fa,
.PhoenixTeam-message-box.wpb_alert-warning .messagebox_text i.fa,
.PhoenixTeam-message-box.wpb_alert-success .messagebox_text i.fa,
.PhoenixTeam-message-box.wpb_alert-danger .messagebox_text i.fa {
    position: absolute;
    left: -13px;
    top: 3px;
}
.PhoenixTeam-message-box.wpb_alert-info button,
.PhoenixTeam-message-box.wpb_alert-warning button,
.PhoenixTeam-message-box.wpb_alert-success button,
.PhoenixTeam-message-box.wpb_alert-danger button {
    position: relative;
    z-index: 10;
}
.vc_progress_bar .vc_bar { background-color: #F44336 !important }
.vc_progress_bar .vc_single_bar {
    background: #fff  !important;
    box-shadow: none  !important;
    border-radius: 0  !important;
    margin-bottom: 15px !important;
}
.vc_progress_bar .vc_single_bar.bar_red .vc_label { text-shadow: none  !important }
.vc_progress_bar .vc_single_bar .vc_label { padding: 0.2em 1em !important }
.wpb_row { margin-bottom: 0px !important }
.tp-caption .largebutton {
    color: #fff;
    display: block;
    background: rgba(255,255,255,0.25);
    padding: 8px 13px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #fff;
    border-radius: 0px;
}
.tp-caption .largebutton:hover {
    color: #fff;
    background: rgba(255,255,255,0.35);
    text-decoration: none;
}

.menu-main-menu-container > ul > li.current-menu-item > a,
.menu-main-menu-container > ul > li.current_page_item > a { border-top: 2px solid #F44336 }
.flickr_badge_image {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    float: none !important;
}
.footer-widget.widget_PhoenixTeam_flickr .flickr_widget_wrapper a {
    width: 90px;
    height: 90px;
    margin: 0;
}
.footer-widget .contact-footer li { position: relative }
.widget_primary-twitter  .tweet_list li { position: relative }
.widget_primary-twitter .tweet_text li span a {
    color: #fff !important;
    text-decoration: underline;
}
.widget_primary-twitter  .tweet_text {
    font-weight: 300;
    color: #fff;
}
.prev-next-links-wrapper { margin-top: 30px }
.comments h3 {
    width: 100%;
    display: inline-block;
}
.comments {
    width: 100%;
    display: inline-block;
}
.wpb_gmaps_widget .wpb_wrapper {
    background-color: #fff !important;
    padding: 0px !important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { margin: 0 !important }
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    padding: 1em;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wpb_content_element .wpb_accordion_header a {
    border-bottom: none;
    text-decoration: none;
    display: block;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    color: #444;
    font-weight: 300;
    line-height: 33px;
    border: 1px solid #eee;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { padding-left: 20px !important }
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { background-color: #fff !important }
.wpb_accordion_section:last-child .wpb_accordion_header a { border-bottom: 1px solid #eee !important }
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { outline: 0 !important }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { display: none !important }
.wpb_accordion_header.ui-accordion-header-active a {
    color: #F44336 !important;
    background: #f7f7f7 !important;
}
.wpb_accordion_header.ui-state-hover a {
    color: #F44336 !important;
    background: #f7f7f7 !important;
}
.list-check {
    list-style: none;
    padding: 0;
}
#wpadminbar .sticky { top: 32px }
.footer-no-widgets {
    font-size: 13px;
    color: #fff;
    padding: 15px 0;
    opacity: 0.8;
}
.testauthor-rating ul {
    list-style: none;
    padding: 0;
}
.bxslider {
    list-style: none;
    padding: 0;
}
.PhoenixTeam-page-layout .container-in-container {
    width: 100%;
    margin: auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.PhoenixTeam-page-layout .container-fullwidth {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/*------------------------------------------------------------------
[7.0 WooCommerce]
*/
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0 30px 30px 0;
    width: 30.9%;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last { margin-right: 0 }
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0;
}
.woocommerce span.onsale,
.woocommerce-page span.onsale {
min-height: 25px;
  min-width: initial;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  line-height: 25px;
  margin: 0;
  background: #F44336;
  background: -webkit-gradient(linear,left top,left bottom,from(#F44336),to(#F44336));
  background: -webkit-linear-gradient(#F44336,#F44336);
  background: -moz-linear-gradient(center top,#F44336 0,#F44336 100%);
  background: -moz-gradient(center top,#F44336 0,#F44336 100%);
  text-shadow: none;
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0 10px;
  border-radius: inherit;
  font-weight: 400;
  left: 0px;
  top: 0;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
    top: 0;
    left: 0;
    right: auto;
    margin: 0;
    z-index: 999;
    font-weight: 400;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
    vertical-align: top;
    background: #fff;
    border: 1px solid #eee;
    outline: none;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-ordering,
.woocommerce-page .woocommerce-result-count { margin: 0 0 30px 0 }
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 300;
    font-family: roboto;
}
.woocommerce ul.products li.product h3 a,
.woocommerce-page ul.products li.product h3 a { color: #444 }
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    color: #F44336;
    display: block;
    font-weight: 300;
    margin-bottom: .5em;
}
.screen-reader-text { display: none }
#woocommerce_page #searchsubmit { display: none }
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
    display: block;
    font-weight: 300;
    font-size: 15px;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    width: 100%;
    width: 270px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.block-test:hover .onsale,
.block-test:hover .onsale {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.woocommerce ul.products li.product a:hover img,
.woocommerce-page ul.products li.product a:hover img {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.product-categories .count {
    float: right;
    font-size: 13px;
}
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1em;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    overflow: visible;
    padding: 6px 10px;
    text-decoration: none;
    font-weight: 300;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    left: auto;
    color: #5e5e5e;
    text-shadow: none;
    border: 1px solid #eee;
    white-space: nowrap;
    display: inline-block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    font-size: 13px;
    background: rgba(255,255,255,0.9);
    : ;
}
.single-product.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before { color: #F44336 }
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover { background: #fff }
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    color: #F44336;
}
.single-product.woocommerce .related.products .star-rating span:before,
.woocommerce-page .star-rating span:before { color: #F44336 }
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li { padding: 7px 0 }
.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover,
.woocommerce #content .quantity .plus:hover,
.woocommerce #content .quantity .minus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page .quantity .minus:hover,
.woocommerce-page #content .quantity .plus:hover,
.woocommerce-page #content .quantity .minus:hover { background: #fff }
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce #content .quantity .plus,
.woocommerce #content .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus,
.woocommerce-page #content .quantity .plus,
.woocommerce-page #content .quantity .minus {
    color: rgb(68, 68, 68);
    text-shadow: none;
    border: 1px solid rgb(238, 238, 238);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background: rgb(249, 249, 249);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 400;
    color: #444;
    text-shadow: none;
    text-decoration: none;
    font-weight: 300;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce-page .widget_shopping_cart .total,
.woocommerce-page.widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
    border-top: none;
    padding: 5px 0 0;
}
.woocommerce .widget_shopping_cart .total strong,
.woocommerce-page .widget_shopping_cart .total strong,
.woocommerce-page.widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong { font-weight: 400 }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    border: 2px solid #F44336;
    cursor: pointer;
    background: #fff;
    outline: 0;
    top: -.3em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background: #F44336;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    border-color: #fff;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background: #eee;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
    float: right;
    margin-left: 15px;
    width: 65px;
    height: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.primary-product-rate-n-price {
    height: 55px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    position: absolute;
    left: 0;
    padding: 15px;
    background: #F44336;
    color: #fff;
    font-weight: 300;
}
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart { display: none }
.block-test { position: relative }
.block-test:hover .primary-product-rate-n-price {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}
.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
    margin: 5px 0 0 0;
    float: left;
    margin-top: 5px;
}
.button.add_to_cart_button {
    display: block;
    float: right;
}
.woocommerce #content input.button.added:before,
.woocommerce #respond input#submit.added:before,
.woocommerce a.button.added:before,
.woocommerce button.button.added:before,
.woocommerce input.button.added:before,
.woocommerce-page #content input.button.added:before,
.woocommerce-page #respond input#submit.added:before,
.woocommerce-page a.button.added:before,
.woocommerce-page button.button.added:before,
.woocommerce-page input.button.added:before {
    top: 0;
    right: 0;
    background: #fff;
    width: 100%;
    text-align: center;
    height: 100%;
    line-height: 27px;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info {
    padding: 1em 1em 1em 3.5em !important;
    margin: 0 0 2em !important;
    position: relative;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f9f9f9;
    color: #5e5e5e;
    text-shadow: none;
    list-style: none outside !important;
    width: auto;
    box-shadow: none;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before {
    height: auto;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.woocommerce div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce-page #content div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
    float: left;
    width: auto;
    margin-right: 15px;
}
.title-woo-block {
    position: relative;
    background: #fff;
    z-index: 9999;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
  right: 0;
    left: inherit;
}
.widget_shopping_cart_content ul li > a.remove:before {
 display: none;
}
.widget_product_search input[type="submit"] {
    display: none;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
  padding-left: 0;
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
  font-family: FontAwesome;
  content: "\f00d";
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 1.5em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #eee;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 0;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before { display: none }
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { display: none }
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #eee;
    z-index: 1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 400;
    color: #444;
    text-shadow: none;
    text-decoration: none;
    font-weight: 300;
}
.woocommerce #payment div.payment_box:after,
.woocommerce-page #payment div.payment_box:after {
    content: "";
    display: block;
    border: 8px solid #fff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -3px;
    left: 0;
    margin: -1em 0 0 2em;
}
.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
    background: #fff;
    -webkit-box-shadow: none;
    color: #444;
    text-shadow: none;
}
.woocommerce #payment,
.woocommerce-page #payment {
    background: #f7f7f7;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
    text-align: left;
    padding: 1em;
    border-bottom: 1px solid #eee;
    margin: 0;
    list-style: none outside;
}
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot td,
.woocommerce-page table.shop_table tfoot th {
    font-weight: 300;
    border-top: 1px solid #eee;
}
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
    font-weight: 400;
    line-height: 18px;
    padding: 9px 12px;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td { border-top: 1px solid #eee }
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    border: 1px solid #eee;
    margin: 0px -1px 24px 0px;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.woocommerce .cross-sells h2 { margin-bottom: 15px }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: 1.75;
    border: 1px solid #eee;
    font-size: 13px;
    padding: 5px;
}
.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr th {
    border-top: 1px solid #eee;
    font-weight: 300;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
    padding: 0;
    margin-top: 15px;
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #eee;
    padding: 3px;
    margin: 0 4px 0 0;
    outline: 0;
    line-height: 1.4;
    font-size: 13px;
}
.woocommerce .radio,
.checkbox {
    min-height: inherit;
    display: inline-block;
    margin: 0px;
}
.woocommerce #ship-to-different-address-checkbox {
    margin-left: 15px;
    position: relative;
    top: -5px;
}
.woocommerce td strong { font-weight: 300 }
.woocommerce div.product span.price,
.woocommerce div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce #content div.product p.price,
.woocommerce-page div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page #content div.product p.price { color: #F44336 }
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce #content .quantity .plus,
.woocommerce #content .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus,
.woocommerce-page #content .quantity .plus,
.woocommerce-page #content .quantity .minus {
    color: #444;
    text-shadow: none;
    border: 1px solid #eee;
    background: #f7f7f7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.woocommerce .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce-page #content .quantity input.qty {
    border: 1px solid #eee;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: 400;
    border-right: none;
    height: 27px;
}
.woocommerce div.product form.cart div.quantity {
  margin: 0;
}
.woocommerce div.product form.cart,
.woocommerce #content div.product form.cart,
.woocommerce-page div.product form.cart,
.woocommerce-page #content div.product form.cart { margin: 1.2em 0 }
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page #content input.button.alt {
    background: #fff;
    background: none;
    border-color: #eee;
    color: #444;
    text-shadow: none;
}
.woocommerce .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product { width: 30.9% }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 10px;
    min-width: 1em;
    display: block;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus {
    background: #f7f7f7;
    color: #444;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border: 1px solid #eee;
    border-right: 0;
    margin: 1px;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li {
    border-right: 1px solid #eee;
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
}
.woocommerce .woocommerce-tabs h2 { font-size: 20px }
.woocommerce .related.products > h2 {
    font-size: 20px;
    margin-bottom: 25px;
}
.woocommerce .upsells.products > h2 {
    font-size: 20px;
    margin-bottom: 25px;
}
.woocommerce .shipping_calculator h2 {
    font-size: 20px;
    margin-bottom: 25px;
}
.woo-img-class { overflow: hidden }
.woocommerce div.product form.cart .button:hover,
.woocommerce #content div.product form.cart .button:hover,
.woocommerce-page div.product form.cart .button:hover,
.woocommerce-page #content div.product form.cart .button:hover {
    text-shadow: none;
    background: #f7f7f7;
    color: #444;
}
.wpmenucartli a { padding-right: 0px }
.wpmenucartli a:hover {
    outline: none;
    border-color: transparent !important;
    text-decoration: none;
}
.wpmenucartli i {
    font-size: 16px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.cartcontents {
    position: absolute;
    background: #f9f9f9;;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #444;
    font-size: 11px;
    top: 17px;
    right: 8px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.wpmenucartli a:hover i {
    color: #F44336;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.woo-title-price h2 a { color: #444 }
.woo-title-price h2:hover a { color: #F44336 }
.woocommerce-page .portfolio-dankovteam { background: #f9f9f9; }
.woocommerce ul.products li.product .price del { display: inline-block; }
/*------------------------------------------------------------------
[8.0 Footer]
*/
.footer {
    background: #333;
    min-height: 300px;
    max-height: 100%;
    width: 100%;
    font-size: 13px;
    margin-top: 100px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
}
.footer-widget .soc-footer li {
    padding: 0;
    border: none;
}
.contact-footer span, .contact-composer span { padding-left: 10px }
.contact-composer li {  padding: 7px 0;
  font-weight: 300;
  list-style:none;
}
.contact-footer contact-composer li i {color: #fff;}
.contact-footer li i { font-size: 14px }
.contact-composer li a { color: #444 }
.contact-composer li i {
    font-size: 16px;
    width: 20px;
    color: #444;
    opacity: 1;
    position: relative;
    left: 2px;
}
.contact-footer li i{ color: #fff }

.begin-content .contact-composer li i { color: #444 }
.tags-footer li a {
    color: #444;
    background: rgba(50,50,50,0.1);
    display: block;
    float: left;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 6px 10px;
    font-weight: 300;
    border-radius: 2px;
}
.tags-footer li a:hover {
    background: rgba(50,50,50,0.2);
    color: #444;
    text-decoration: none;
}
.flickr_widget_wrapper a {
    display: block;
    float: left;
    width: 65px;
    height: 65px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.flickr_widget_wrapper a .flickr_border {
    display: block;
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.flickr_widget_wrapper:hover .flickr_badge_image {
    opacity: 0.3;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -ms-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}
.flickr_widget_wrapper .flickr_badge_image {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.flickr_widget_wrapper:hover .flickr_badge_image:hover {
    opacity: 1;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -ms-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}
.soc-footer { margin: 0px }
.soc-footer li {
    font-size: 21px;
    margin-right: 7px;
    float: left;
    line-height: 35px;
}
.soc-footer li a {
    color: rgba(50,50,50,0.2);
    display: inline-block;
}
.soc-footer li a:hover {
    color: rgba(50,50,50,0.5);
    text-decoration: none;
}
.footer-bottom {
    border-top: 1px solid #444;
    margin-top: 15px;
    line-height: 3;
    font-size: 12px;
    color: #fff;
    opacity: 0.8;
}
.footer-bottom a { color: #fff }
.foot_menu { float: right }
.foot_menu ul { margin: 0px }
.foot_menu ul li {
    float: left;
    padding-left: 5px;
    list-style: none;
}
.foot_menu ul li a {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
}
.foot_menu ul li a:hover { text-decoration: underline }
.foot_menu li:after { content: " " }
.foot_menu li:not(:last-of-type):after {
    padding-left: 5px;
    content: "|";
}
.quote { text-align: center }
.quote i {
    font-size: 43px;
    color: #fff;
}
.flexslider { position: relative }
.copyright { display: block }
#reset {
    position: absolute;
    margin-top: -26px;
    margin-left: 168px;
    padding: 0px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #ccc;
    color: #444;
    font-weight: 400;
    font-size: 10px;
    font-weight: 300;
}
/*------------------------------------------------------------------
[9.0 Other]
*/
/* Gallery small fix */
.wpb_wrapper .gallery-item { float: left }
.wpb_wrapper .gallery {
    overflow: hidden;
    width: 100%;
}
.oi_cat_count { float: right }
/*------------------------------------------------------------------
[10.0 Style Switcher]
*/
#style-switcher {
    position: fixed;
    top: 20%;
    z-index: 99999999;
    color: #fff;
}
#switcher-head {
    position: relative;
    margin: 0;
    padding-left: 20px;
    width: 270px;
    height: 40px;
    background-color: rgba(56, 63, 68, 0.9);
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
    font-weight: 300;
}
#switcher-head:before {
    position: absolute;
    left: 234px;
    overflow: hidden;
    color: #fff;
    content: '\e02b';
    font-size: 22px;
    font-family: "et-line";
    -webkit-font-smoothing: antialiased;
}
#switcher-content {
    overflow: hidden;
    padding: 0px 0 0px 0px;
    width: 228px;
    background-color: rgba(56, 63, 68, 0.78);
}
#switcher-content .el {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-top: 1px solid #414141;
    border-bottom: 1px solid #232323;
}
#switcher-content select {
    width: 100%;
    height: 23px;
    outline: none;
    border: 1px solid #EDEDED;
    background-color: #ffffff;
    color: #353535;
    font-size: 13px;
    font-weight: 300;
}
#switcher-content .sub-head { margin-bottom: 10px }
#switcher-content ul {
    overflow: hidden;
    margin-top: 5px;
    margin-left: 10px;
    padding: 0px;
}
#switcher-content li {
    float: left;
    margin: 0 8px 6px 0;
    list-style-type: none;
}
#switcher-content img {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 4px;
}
#switcher-content {
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    moz-border-bottom-right-radius: 6px;
}
#switcher-content form { margin: 0 }
.color-default { background: #d2d1d0 }
.switcher strong { color: inherit }
.switcher-head span { margin-left: 15px }
.switcher-body {
    position: relative;
    padding: 15px;
}
.switcher-trigger {
    position: absolute;
    top: 0;
    right: -40px;
    left: auto;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    background-color: #333;
    text-align: center;
    font-size: 24px;
}
.switcher ul.switcher-op-selectors { margin: 0 -5px -5px 0 }
ul.switcher-op-selectors li  a {
    float: left;
    margin-top: 1px;
    width: 30px;
    height: 30px;
    border-radius: 4px;
}
.button_switch li a {
    float: left;
    padding: 6px 16px;
    background: #99cc66;
    color: #f1f1f1;
    font-weight: 100;
    font-size: 14px;
    font-weight: 300;
}
.button_switch li a.active {
    background: #f1f1f1;
    color: #99cc66;
}
.button_switch li a:hover {
    background: #f1f1f1;
    color: #99cc66;
    text-decoration: none;
}
.star {
    font-size: 10px;
    font-weight: 300;
}
.section { font-weight: 300 }
.hr-swith {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #999;
}
.button-center {
    display: table;
    margin: auto;
}
.btn-item {
    padding: 5px 10px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #444;
    margin-top: 15px;
    display: inline-block;
    font-weight: 300;
}
.btn-item:hover {
    color: #F44336;
    text-decoration: none;
}
.item-heart {
    display: table;
    margin: auto;
    margin-top: 16px;
}
.item-heart i {
    color: #F44336;
    font-size: 20px;
}
.item-heart i:hover {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 1px;
    cursor: pointer;
}

.wpb_single_image img {
    width: 100%;
}

.portfolio-image {
    float: none;
}

/* Transparent menu layout related CSS */
#nav-container nav.sticky {background: rgba(255,255,255,0.95) !important;}
.tp-caption.mediumlightwhitecustom,.mediumlightwhitecustom{
  font-weight:300;font-family:"Roboto";color:#fff;text-decoration:none;background-color:transparent;padding:0px 0px 0px 0px;border-width:0px;border-color:rgb(255,214,88);border-style:none;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  margin: 0px !important;
  text-align: left;
  width: 50% !important;
  padding: 15px 15px 15px 5% !important;
  display: flex;
  white-space: normal !important;
}
.tp-caption.mediumlightwhitecustom *,.mediumlightwhitecustom *{
  color: #fff;
}
.tp-caption.mediumlightwhitecustom .caption-content,.mediumlightwhitecustom .caption-content{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.tp-caption.mediumlightwhitecustom h3,.mediumlightwhitecustom h3{
  font-size:25px;line-height:60px;font-weight:400;font-family:"Roboto Slab";color:rgb(255,255,255);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255,214,88);border-style:none
}
.tp-caption.mediumlightwhitecustom h4,.mediumlightwhitecustom h4{
  font-size:16px;line-height:30px;font-weight:400;font-family:"Roboto Slab";color:rgb(255,255,255);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255,214,88);border-style:none
}
.tp-caption.mediumlightwhitecustom p,.mediumlightwhitecustom p{
  font-size:14px;line-height:30px;font-weight:400;font-family:"Roboto";color:rgb(255,255,255);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255,214,88);border-style:none
}
.tp-caption.mediumlightwhitecustom .caption-button,.mediumlightwhitecustom .caption-button{
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 25px 10px 50px;
  border-radius: 30px;
  background: #FFFFFF;
  color: #E12A3B;
  box-shadow: 1px 4px 2px 1px #00000020;
  text-decoration: none;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: max-content;
  transition: all 0.25s ease;
}
.tp-caption.mediumlightwhitecustom .caption-button:hover,
.mediumlightwhitecustom .caption-button:hover{
  filter: brightness(110%);
}
.tp-caption.mediumlightwhitecustom .caption-button::after,
.mediumlightwhitecustom .caption-button::after{
  content: '';
  background-image: url(../images/icon-caption-slide.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-left: 15px;
}

.tp-caption.largeborder,.largeborder{width:300px;background-color:transparent;text-decoration:none;border-width:1px 0px 0px 0px;border-color:rgb(255,255,255) rgb(34,34,34) rgb(34,34,34) rgb(34,34,34);border-style:solid none none none}.tp-caption.largeboldwhitecustom,.largeboldwhitecustom{font-size:76px;line-height:60px;font-weight:400;font-family:"Roboto Slab";color:#fff;text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255,214,88);border-style:none}.tp-caption.largeboldwhitecustomdot,.largeboldwhitecustomdot{font-size:72px;line-height:60px;font-weight:800;font-family:"Open Sans";color:rgb(244,67,54);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255,214,88);border-style:none}.tp-caption.largeboldwhitecustom1,.largeboldwhitecustom1{font-size:54px;line-height:60px;font-weight:400;font-family:"Roboto Slab";color:rgb(255,255,255);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255,214,88);border-style:none}




.stats-top .aio-icon-top, .stats-top .stats-desc {
  width: 100%;
  display: block;
  text-align: center;
}
.aio-icon.none {
  display: inline-block;
  font-size: 32px;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1em;
}
.aio-icon {color:#fff;font-size:40px;display:inline-block;}
.stats-number {font-size:50px; color:#fff;}
.stats-text {font-size:21px; color:#fff;}
.stats-top .stats-number {
  padding: 10px 0 5px 0;
  display: inline-block;
  font-weight: 300;
    line-height: 1.3em;
  font-size: 50px;
  color: #fff;
}
.stats-block .stats-text {
  font-size: 21px;
  width: 100%;
  font-family: Roboto Slab ;
}
.aio-icon.none {
  display: inline-block;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1em;

    color: #fff;
  font-size: 40px;
    -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.progress-bar {
  text-align: left;
  background-color: #F44336;
  -webkit-box-shadow:none;
  box-shadow: none;
  padding: 0 15px;
}
.help-block {
    display: block;
    margin-top: 0px;
    margin-bottom: 15px;
}
.help-block li {
  list-style: none;
  color: #990000;
  font-size: 12px;
}
.help-block ul {
  padding: 0;
  margin: 0;
}
.text-danger {
    color: #a94442;
}
.text-success {
    color: #3c763d;
}
.form-control {
    border: 1px solid #eee;
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
    line-height: 1.75;
    box-shadow: none;
    border-radius: 0px;
    transition: none;
    font-size: 13px;
}
.form-style .form-control:focus,
.form-style .select-field:focus{
    border: 1px solid #ccc;
    box-shadow: none;
}
.form-group {margin-bottom: 25px;}
.btn-default.focus, .btn-default:focus {
    background: #f9f9f9;
    border-color: #ccc;
    color:#555;
}
.text-white{
  color: #fff !important;
}
/*------------------------------------ Preloader */
.preloader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9123456678;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .85s cubic-bezier(.5,.01,.17,.97),opacity .8s ease-in-out,height 1s ease;
}
.preloader.loaded {
	transform: scale(3);
	opacity: 0;
	pointer-events: none;
	height: 0;
	visibility: hidden;
}
.preloader.loaded .preloader-in {
	opacity: 0;
	transition: opacity .85s;
}
.preloader-in {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 70px;
	overflow: hidden;
	position: relative;
	animation: beatload 1s ease .2s infinite;
	text-align: center;
	opacity: 1;
}
.preloader-in .bg-preloader{
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  background-position: center right;
  width: 40px;
  height: 62px;
}
/* .preloader-in img {
	display: block;
	margin: auto;
	max-height: 100%;
} */
.preloader-in:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 80px;
	height: 100%;
	background: linear-gradient(90deg,rgba(255,255,255,0),#fff,rgba(255,255,255,0));
	transform: translateX(-200px);
	animation: lightmove 1.1s ease infinite;
}
@keyframes lightmove {
	100% {
		transform: translateX(200px);
	}
}
@keyframes beatload {
	30% {
		transform: scale(.92);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1.05);
	}
}
/*------------------------------------------------------------------
[11. Aside News Item ]
*/
.aside-news-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 10px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
    text-decoration: none !important;
}
.aside-news-item .img {
    flex-shrink: 0;
    width: 80px;
    height: 60px;
    object-fit: cover;
}
.aside-news-item .content .title {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.3;
    color: #272727;
    font-weight: 600;
    margin-bottom: 5px;
    transition: ease-in-out.2s;
}
.aside-news-item:hover .content .title {
    color: #F44336;
}
.aside-news-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
/*------------------------------------------------------------------
[12. Page Header ]
*/
.page-header {
    /* min-height: 80vh; */
    padding: 4rem 0 4rem;
    margin: 0px 0px 30px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}
.page-header::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url(../images/p-decor-text.png) no-repeat center right /contain , url(../images/p-decor-text.png) no-repeat center left /contain;
    background: #0f575e url('../images/bg-product.jpg') no-repeat bottom center /cover; */
		background-image: url(../images/skin/theme/bg-slider.png);
    background-size: cover;
    background-repeat: no-repeat;
		background-position: center bottom;
    pointer-events: none;
}
.page-header .container {
    position: relative;
    z-index: 2;
}
.page-header .content .big-title {
    font-size: clamp(4rem,5vw,6rem);
    font-weight: 900;
    margin-bottom: 1rem;
    color: #FFF;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
}
.page-header .content.text-white *{
  color: #fff !important;
}
.page-header .content p{margin-bottom: 0px;}

.page-header.with-cover {
    padding: 4rem 0 4rem;
    min-height: 30vh;
}
.page-header.with-cover:before {
    background: rgba(5,32,45,.8);
    z-index: 1;
}
.page-header.with-cover .cover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-header.with-cover h6 {
    color: #F44336;
}
.page-header.with-cover h6 a {
    margin-right: 1rem;
    color: #272727;
}
.page-header.with-cover .page-title {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
    font-weight: 800;
    max-width: 800px;
    line-height: 1.2;
    margin: 1.5rem 0;
}
/*------------------------------------------------------------------
[13. Xem thêm ]
*/
.postPrevNextNav .btPrevNextNav {
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    margin-top: 3em;
    padding-top: 3em;
    margin-bottom: 4em;
}
.postPrevNextNav .btPrevNextNav a{
    text-decoration: none !important;
}
.btPrevNextNav .btPrevNext {
    display: flex;
    gap: 1rem;
    align-items: center;
    color: currentColor !important;
    min-height: 1px;
    margin: 0;
    flex: 1;
}
.btPrevNextNav .btPrevNext.btNext {
    flex-direction: row-reverse;
    text-align: right;
}
.btPrevNextNav .btPrevNext .btPrevNextImage {
    flex: 0 0 3.375em;
    height: 3.375em;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 500ms ease;
}
.btPrevNextNav .btPrevNext .btPrevNextImage:before {
    font-family: 'Glyphicons Halflings';
    font-size: 1.5em;
    line-height: 2.3875;
    text-align: center;
    flex: 1 0 100%;
    color: #fff;
    background: #F44336;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.5);
    transition: 500ms ease all;
}
.btPrevNextNav .btPrevNext.btPrev .btPrevNextImage:before {
    content: "\e091";
}
.btPrevNextNav .btPrevNext.btNext .btPrevNextImage:before {
    content: "\e092";
}
.btPrevNextNav .btPrevNext:hover .btPrevNextImage:before {
    opacity: 1;
    transform: scale(1);
}
.btPrevNextNav .btPrevNext .btPrevNextItem .btPrevNextDir {
    font-size: .875em;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0.25rem;
}
.btPrevNextNav .btPrevNext .btPrevNextItem .btPrevNextTitle {
    color: #272727;
    font-weight: 700;
    font-size: 12px;
    transition: color 300ms ease;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.8em;
}