body, button, input, textarea {
    color:#6b6b6b;
    font-size: 14px;
    line-height: 1.75;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
}
body {
    min-width: 320px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 14px;
    overflow-x: hidden;
    background: #f1f5f7;
}
body.single.single-product{
    background: #f2f1f6;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #000000;
}
h1{
    font-size: 50px;
    line-height: 55px;
}
h2 {
    font-size: 42px;
    line-height: 46px;
}
h3{
    font-size: 36px;
    line-height: 40px;
}
h4 {
    font-size: 30px;
    line-height: 33px;
}
h5{
    font-weight: 700;
    font-size: 22px;
}
img{
    max-width: 100%;
    height: auto;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
input[type="email"], 
input[type="date"], 
input[type="password"], 
input[type="phone"], 
input[type="tel"], 
input[type="text"], 
input[type="number"], 
input[type="search"], 
input[type="url"], 
textarea {
    border: 1px solid #ced4da;
    color: #999;
    padding: 6px 12px;
    height: 40px;
    background: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    width: 100%;
}
input[type="text"].custom-input{
    width: 200px;
    height: auto;
    padding: 3px 10px;
}
select{
    border: 1px solid #E0E0E0;
    padding: 10px 20px 10px 10px;
    width: 100%;
    background: white;
    font-size: 15px;
    border-radius: 3px;
    color: black;
}
select.custom-select{
    height: auto;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: .5rem;
    font-size: 14px;
    width: auto;
    font-weight: normal;
    border-radius: 3px;
    vertical-align: top;
}
textarea{
    height: auto;
}
button[disabled], 
html input[disabled],
html select[disabled]{
    background: #eee;
}
blockquote {
    box-shadow: 0px 15px 39px 0px rgba(8,18,109,.1);
    -webkit-box-shadow: 0px 15px 39px 0px rgba(8,18,109,.1);
    -moz-box-shadow: 0px 15px 39px 0px rgba(8,18,109,.1);
    padding: 45px 50px;
    color: #000;
    font-weight: 100;
    position: relative;
    font-style: italic;
    border: none;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    margin: 40px 15px;
}
blockquote::before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 50px;
    position: absolute;
    left: 75px;
    z-index: -1;
    top: auto;
    filter: alpha(opacity=95);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -webkit-opacity: .20;
    -moz-opacity: .20;
    -ms-opacity: .20;
    -o-opacity: .20;
    opacity: .20; 
    color: #008fcb;
}
blockquote::after {
    content: "";
    height: 50px;
    width: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    right: -15px;
    bottom: -15px;
    position: absolute;
    background: #008fcb;
}
.theme-color {
    color: #008fcb;
}
p.vc_single_image{
    margin-bottom: 30px;
}
a{
    color: #151515;
}
a:hover{
    color: #008fcb;
    text-decoration: none;
}
label{
    cursor: pointer;
}
/*
th {
    text-align: left;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
*/
tr.need-approved td,
tr.need-approved th{
    background-color: #f5f5f5;
}

.nav-links{
    margin-top: 20px;
    text-align: center;
    padding: 20px 0;
}

.page-numbers{
    padding: .5rem .7rem;
    line-height: 1.25;
    border-radius: 30px;
    min-width: 29px;
    display: inline-block;
    text-align: center;
}

.page-numbers:hover,
.page-numbers.current{
    color: #fff;
    background-color: #008fcb;
    border-color: #008fcb;
}
.float-right{
    float: right;
}
#site-content{
    min-height: calc(100vh - 129px);
    padding-bottom: 60px;
}
/*=========================================================================*/
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col, 
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.no-margin-t{
    margin-top: 0;
}
.no-margin-b{
    margin-bottom: 0!important;
}
.no-padding-t{
    padding-top: 0;
}
.no-padding-b{
    padding-bottom: 0;
}
.no-padding{
    padding-top: 0!important;
    padding-bottom: 0!important;
}
/*=================================================== ===========================================*/
.btn{
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 14px 22px;
    border-radius: 3px;
    font-size: 15px;
    letter-spacing: .15em;
    font-weight: 700;
    text-transform: uppercase;  
    line-height: 1;
    cursor: pointer;
    outline: 0;
}
.btn.btn-sm{
    padding: 8px 18px;
    font-size: 14px;
}
.btn.btn-lg{
    padding: 10px 66px;
    border-radius: 30px;
    font-size: 26px;
    font-weight: normal;
}
.btn.btn-primary{
    background: #008fcb;
    color: white;
    border-color: #008fcb;
}
.btn.btn-primary:hover{
    background: #000;
    border-color: #000;
    color: white;
}
.btn.btn-primary-f{
    background: #008fcb;
    color: white;
    border-color: #008fcb;
    font-size: 15px;
    border-radius: 0;
    padding: 15px 22px;
    line-height: 1;
}
.btn.btn-primary-f:hover{
    background: #000;
    border-color: #000;
    color: white;
}
.btn.btn-line-bottom{
    padding: 0;
    border: none;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    color: #008fcb;
    position: relative;
    text-transform: uppercase;
}

.btn-line-bottom::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: #008fcb;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
}
.btn-line-bottom:hover:after{
    width: 100%;
}
.btn-more {
    padding: 0;
    border: none;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    color: #008fcb;
}
.btn-more::after {
    margin-left: 15px;
    content: "\f105";
    font-family: fontAwesome;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block;
    background: #000;
    color: #fff;
    text-align: center;
}
.button-wrap{
    margin-bottom: 50px;
}

.btn-line-white,
.btn-white{
    border: 2px solid #FFF;
    padding: 10px;
    font-size: 14px;
    line-height: 1em;  
    padding: 18px 70px;
    position: relative;
    display: inline-block;
}
.btn-line-white{
    color: white;
    -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;

}
.btn-line-white:hover{
    color: #000!important;
    background-color: #fff!important;
    border-color: #fff!important;
}
.btn-white{
    background: white;
    color: black;
}
.btn-white:hover{
    background: #008fcb;
    border-color: #008fcb;
    color: white;
}
.btn-black{
    background: black;
    color: white;
}
.btn-black:hover{
    background: #008fcb;
    color: white;
}
/*=================================================== Multi Columns Row ===========================================*/

/* clear first in row in ie 8 or lower */
.multi-columns-row .first-in-row {
	clear: left;
}

/* clear the first in row for any block that has the class "multi-columns-row" */
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {
	/* reset previous grid */
	.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for small columns */
	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
	/* reset previous grid */
	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for medium columns */
	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
	/* reset previous grid */
	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for large columns */
	.multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
}

.row.row-flex {

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;

}
.row.row-flex > [class^="col-"], .row.row-flex > [class*=" col-"] {

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

}
.row-no-pading{
    margin-left: 0!important;
    margin-right: 0!important;
}
.row-no-pading > div{
    padding-left: 0!important;
    padding-right: 0!important;
}
/*=================================================== Header ===========================================*/

.display-table {
    display: table;
    width: 100%;
    height: 100%;
}
.display-table .display-cell {
    display: table-cell;
    vertical-align: middle;
}
.topbar {
    background-color: #008fcb;
    line-height: 40px;
    font-size: 13px;
    font-weight: 700;
    color: white;
}
.topbar .topbar-left {
    text-align: left;
}
.topbar .topbar-right {
    text-align: right;
}
.main-nav-socials,
.top-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.main-nav-socials li,
.top-navigation li{
    display: inline-block;
    line-height: 40px;    
}
.top-navigation > li + li {
    margin-left: 35px;
}
.top-navigation > li i.icon-space {
    color:#ffffff;
    font-size: 15px;
}
.topbar .main-nav-socials{
    float: right;
}
.topbar .main-nav-socials li{
    float: left;
}
.topbar .main-nav-socials a {
    background:#2b2b2b;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    color: white;
}
.topbar .main-nav-socials a.facebook:hover {
    color:#3b5999;
}
.topbar .main-nav-socials a.twitter:hover {
    color:#55acee;
}
/*=================================================== Header ===========================================*/
#header{
    position: relative;
    font-size: 12px;
    border-bottom: 1px solid #DDD;
    background: white;
    margin-bottom: 25px;
}

#search-form-header{
    background-color: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 115;
    height: 90px;
    padding: 25px 0;
}
#search-form-header.active{
    display: block;
}
#search-form-header .searchform input[type="text"]{
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding-left: 0;
    outline: none;
}
#search-form-header .searchform button{
    display: none;
}
.search-form-header-inner{
    position: relative;
}
a#mkdf-search-close{
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
#mkdf-search-close > *{
    fill: white;
}

.searchform{
    position: relative;
    margin-bottom: 10px;
}
#header-top #main-nav-tool{
    
}
#header .is-sticky .apply-sticky {
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 1001;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
#header .is-sticky.sticky .apply-sticky {
    top: 0 !important;
}
.admin-bar #header .is-sticky.sticky .apply-sticky {
    top: 32px !important;
}
.header-sticky-background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    -webkit-opacity: .95;
    -moz-opacity: .95;
    -ms-opacity: .95;
    -o-opacity: .95;
    opacity: .95;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    -ms-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    background-color: white;
}
#header .is-sticky .apply-sticky .header-sticky-background {
    visibility: visible;
}

.sticky-header-down .apply-sticky {
    top: -60px;
}
#header .is-sticky .branding.branding-default img{
    width: 56px;
}
#header .is-sticky .apply-sticky #main-navigation > li, 
#header .is-sticky .apply-sticky #main-nav-tool > li {
    line-height: 70px;
    height: 70px;
}


.branding {
    float: left;
    line-height: 1;
}
.branding.branding-default {
    height: auto;
    font-size: 38px;
    float: none;
    margin-top: 10px;
}
.branding.branding-default p{
    margin: 0;
}
#site-description{
    display: none;
}
.branding.branding-default img {
    width: 67px;
    height: auto;
}
#header #main-navigation{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#header #main-navigation > li{
    list-style: none;
    display: inline-block;
    position: relative;
}
#header #main-navigation > li,
#main-nav-tool > li{
    line-height: 80px;
    height: 80px;
}

#header #main-navigation > li + li{
    margin-left: 34px;
}
#header #main-navigation > li > a{
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
    position: relative;
    letter-spacing: 1px;
}
#header #main-navigation > li > a:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 1px;
    background: #000;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
}
#header #main-navigation > li.current-menu-item > a,
#header #main-navigation > li > a:hover,
#header #main-navigation > li > a:focus {
    text-decoration: none;
}
#header #main-navigation > li > a:hover:before,
#header #main-navigation > li.current-menu-item > a:before,
#header #main-navigation > li > a:hover:before,
#header #main-navigation > li > a:focus:before{
    width: 100%;
}
#header #main-navigation > li li.menu-item-has-children{
    position: relative;
}

.header-button span {
    padding: 12px 22px;
    border: 1px solid #008fcb;
    color: #008fcb;
}
#main-nav-mobile .header-button a{
    padding-right: 10px;
    text-align: center;
}
#main-nav-mobile .header-button span{
    display: block;
    padding: 6px 15px;
    font-size: 12px;
}
.header-button a:hover{
    text-decoration: none;
}
.header-button a:hover span {
    background: #008fcb;
    color: white;
}
#main-nav-tool{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
#main-nav-tool > li{
    display: inline-block;
    padding: 0 20px;
    position: relative;
    vertical-align: top;
}
#main-nav-tool > li:first-child{
    padding-left: 0;
    margin-right: 5px;
}
#main-nav-tool > li:last-child{
    padding-right: 0;
}
#main-nav-tool > li:first-child:before{
    display: none;
}
#main-nav-tool > li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    height: 24px;
    width: 1px;
    margin-top: -15px;
    background: black;
}
#main-nav-tool > li a{
    line-height: 1.7;
}
#main-nav-tool > li > ul >li > a{
    padding: .5rem 1.5rem;
    display: block;
}
#main-nav-tool > li > ul >li > a i{
    margin-right: .25rem;
}
#main-nav-tool > li > ul >li > a:hover{
    background-color: rgb(248, 249, 250)
}
#main-nav-tool > li > ul >li.dropdown-divider{
    border-top: 1px solid #eff2f7;
    height: 0;
    overflow: hidden;
    margin: .5rem 0;
}
#main-nav-tool > li > ul > li.text-danger > a {
    color: #ff3d60;
}


#header #main-nav-tool > li .navigation-submenu,
#header #main-navigation > li ul.sub-menu{
    text-align: left;
    left: -33px;
    padding: .5rem 0;
    background-color: #fff;
    border: 0;
    color: white;
    display: block;
    opacity: 0;
    visibility: hidden;
    min-width: 160px;
    margin: 0;
    line-height: 30px;
    position: absolute;
    top: 100%;
    z-index: 1000;
    list-style: none;
    border-radius: .25rem;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform-origin: center top 0;
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    box-shadow: 0 5px 12px rgba(0,0,0,.1);
}

#header #main-navigation > li li.menu-item-has-children > ul{
    left: 100%;
    top: 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform-origin: center top 0;
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    
}
#header #main-navigation > li li.menu-item-has-children:hover > ul{
    
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

#header #main-nav-tool > li > .navigation-submenu{
    left: auto;
    min-width: 160px;
    right: 0;
}
#header #main-navigation > li ul.sub-menu > li{
    padding: 0 25px;
}
p.woocommerce-mini-cart__empty-message{
    color: white;
    font-weight: 500;
}
#header #main-nav-tool > li:hover >  .navigation-submenu,
#header #main-navigation > li:hover > ul.sub-menu{
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}
#header #main-navigation > li > ul.sub-menu a{
    color: #fff;
    padding: 6px 0;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 24px;
    position: relative;
}
#header #main-navigation > li > ul.sub-menu a:before{
    background-color: white;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#header #main-navigation > li > ul.sub-menu a:hover:before{
    width: 100%;
}


/*=================================================== Header Mobile ===========================================*/
#header-content-mobile {
    padding: 0 15px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    -ms-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
    background: white;
    display: none;
}
#header-content-mobile .header-content-mobile-inner {
    position: relative;
}
#header-content-mobile .header-content-mobile-inner:after{
    content: '';
    clear: both;
    display: block;
}
#header-content-mobile .branding-mobile {
    margin-top: 12px;
    margin-bottom: 12px;
    float: left;
    font-size: 26px;
}
#header-content-mobile .branding-mobile p{
    margin: 0;
}
#header-content-mobile .branding.branding-mobile img {
    width: 70px;
}
.header-content-mobile-inner .searchform{
    float: left;
    margin-left: 15px;
    margin-top: 18px;
    width: calc(100% - 135px);
}
#header-content-mobile .header-mobile-tools {
    right: -5px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}
#header-content-mobile .header-mobile-tools a {
    display: block;
    float: right;
    font-size: 18px;
    padding: 10px;
    color: #008fcb;
    line-height: 1;
}
#hamburger-icon .hamburger-icon-inner {
    width: 20px;
    height: 12px;
    position: relative;
    display: block;
}
#hamburger-icon .line {
    display: block;
    background: #717171;
    width: 20px;
    height: 2px;
    position: absolute;
    left: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
#hamburger-icon .line.line-1 {
    top: 0;
}
#hamburger-icon .line.line-2 {
    top: 50%;
}
#hamburger-icon .line.line-3 {
    top: 100%;
}
#hamburger-icon.active .line-1 {
    -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
    -moz-transform: translateY(6px) translateX(0) rotate(45deg);
    -ms-transform: translateY(6px) translateX(0) rotate(45deg);
    -o-transform: translateY(6px) translateX(0) rotate(45deg);
    transform: translateY(6px) translateX(0) rotate(45deg);
}
#hamburger-icon.active .line-2 {
    top: 100%;
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}
#hamburger-icon.active .line-3 {
    -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
    -moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
    -o-transform: translateY(-6px) translateX(0) rotate(-45deg);
    transform: translateY(-6px) translateX(0) rotate(-45deg);
}
.main-nav-mobile {
    background: #fff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    display: none;
    overflow-y: scroll;
    position: fixed;
    max-height: 400px;
    z-index: 999;
}
.main-nav-mobile > ul > li a > .open-submenu {
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
    line-height: 46px;
}
.main-nav-mobile > ul > li a > .open-submenu::after {
    font-size: 22px;
    font-family: "FontAwesome";
    content: "\f107";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
}
.main-nav-mobile > ul > li.active-menu-item > a > .open-submenu::after {
    content: '\f106';
}
body.opened-nav-animate {
    height: 100%;
    overflow: hidden !important;
    position: fixed;
    width: 100%;
}
body.opened-nav-animate.admin-bar #wpadminbar {
    margin-top: -46px;
}
body.opened-nav-animate .main-nav-mobile {
    display: block;
}
.main-nav-mobile > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-nav-mobile li {
    position: relative;
}
#main-nav-mobile.main-nav-mobile > ul > li {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
body.opened-nav-animate.opened-nav #main-nav-mobile.main-nav-mobile > ul li {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
#main-nav-mobile.main-nav-mobile > ul > li:nth-child(1) {
    -webkit-transition: all 0.3s ease-out .1s;
    -moz-transition: all 0.3s ease-out .1s;
    -ms-transition: all 0.3s ease-out .1s;
    -o-transition: all 0.3s ease-out .1s;
    transition: all 0.3s ease-out .1s;
}
#main-nav-mobile.main-nav-mobile > ul > li:nth-child(2) {
    -webkit-transition: all 0.3s ease-out .2s;
    -moz-transition: all 0.3s ease-out .2s;
    -ms-transition: all 0.3s ease-out .2s;
    -o-transition: all 0.3s ease-out .2s;
    transition: all 0.3s ease-out .2s;
}
#main-nav-mobile.main-nav-mobile > ul > li:nth-child(3) {
    -webkit-transition: all 0.3s ease-out .3s;
    -moz-transition: all 0.3s ease-out .3s;
    -ms-transition: all 0.3s ease-out .3s;
    -o-transition: all 0.3s ease-out .3s;
    transition: all 0.3s ease-out .3s;
}
#main-nav-mobile.main-nav-mobile > ul > li:nth-child(4) {
    -webkit-transition: all 0.3s ease-out .4s;
    -moz-transition: all 0.3s ease-out .4s;
    -ms-transition: all 0.3s ease-out .4s;
    -o-transition: all 0.3s ease-out .4s;
    transition: all 0.3s ease-out .4s;
}
#main-nav-mobile.main-nav-mobile > ul > li:nth-child(5) {
    -webkit-transition: all 0.3s ease-out .5s;
    -moz-transition: all 0.3s ease-out .5s;
    -ms-transition: all 0.3s ease-out .5s;
    -o-transition: all 0.3s ease-out .5s;
    transition: all 0.3s ease-out .5s;
}
#main-nav-mobile.main-nav-mobile > ul > li:nth-child(6) {
    -webkit-transition: all 0.3s ease-out .6s;
    -moz-transition: all 0.3s ease-out .6s;
    -ms-transition: all 0.3s ease-out .6s;
    -o-transition: all 0.3s ease-out .6s;
    transition: all 0.3s ease-out .6s;
}
#main-nav-mobile.main-nav-mobile > ul > li:nth-child(7) {
    -webkit-transition: all 0.3s ease-out .7s;
    -moz-transition: all 0.3s ease-out .7s;
    -ms-transition: all 0.3s ease-out .7s;
    -o-transition: all 0.3s ease-out .7s;
    transition: all 0.3s ease-out .7s;
}
.main-nav-mobile > ul > li > a {
    border-bottom: 1px solid #ebebeb;
    color: #999;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    display: block;
    padding: 10px 60px 10px 15px;
    position: relative;
    font-size: 13px;
}
ul.navigation-mobile > li:hover > a, 
ul.navigation-mobile > li > a:hover {
    background-color: #F5F5F5;
    text-decoration: none;
    color: #000;
}
.main-nav-mobile > ul > li .searchform {
    margin: 10px;
}
.main-nav-mobile > ul > li ul.sub-menu {
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
    display: none;
}
.main-nav-mobile > ul > li ul.sub-menu li a{
    padding: 0 10px 0 25px;
    font-size: 13px;
    display: block;
}
/*=================================================== ===========================================*/
#footer {
    box-shadow: 0 0px 4px rgba(0,0,0,.08);
    background-color: white;
    font-size: 14px;
}
#footer-bottom{
    text-align: center;
    padding: 10px 0;
}

#footer-area .widget .cruxstore-wh-items{
    margin: 0;
}
#footer-area .widget .cruxstore-wh-items .cruxstore-wh-item{
    margin: 0;
}
.cruxstore-wh-items .cruxstore-wh-day, 
.cruxstore-wh-items .cruxstore-wh-hours {
    display: table-cell;
    vertical-align: bottom;
    white-space: nowrap;
    width: 1%;
}
.cruxstore-wh-items .cruxstore-wh-hours {
    color: #008fcb;
    margin: 0;
    text-align: right;
}

/*=================================================== ===========================================*/
.logo-footer {
    margin-bottom: 40px;
}
.cruxstore-info-wrap > div {
    clear: both;
    display: table;
    margin-bottom: 2px;
}
.cruxstore-info-wrap i {
    line-height: 2;
    display: table-cell;
    margin-right: 15px;
    float: left;
    width: 10px;
}
.cruxstore-info-wrap > div > span:last-child {
    display: table-cell;
    vertical-align: middle;
}
.cruxstore-info-description{
    margin-bottom: 30px;
}
.work-timing ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.work-timing ul li {
    display: inline-block;
    width: 100%;
    padding-top: 0;
    padding-bottom: 10px;
}
.work-timing ul li:last-child{
    padding-bottom: 0;
}
.work-timing ul li h5 {
    float: left;
    margin: 0;
    font-size: 22px;
    line-height: 26px;
}
.work-timing ul li span.timing {
    float: right;
}
/*=================================================== ===========================================*/
.page-header {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/pg-title-d.jpg');
    background-size: cover;
    margin: 0;
    border: none;
    position: relative;
    color: white;
}
.page-header:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    content: '';
}
.page-header .container{
    position: relative;
    z-index: 1;
}
.page-header .page-header-title{
    font-size: 56px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    margin: 28px  0 0;
    padding: 0;
    letter-spacing: .025em;
    color: white;
}
.page-header .page-header-subtitle{
    font-size: 66px;
    line-height: 1em;
    color: white;
    font-family: 'Birthstone Bounce', cursive;
}
/*=========================================================================*/
.cruxstore-heading {
    margin-bottom: 40px;
    position: relative;
}
.cruxstore-heading .cruxstore-heading-title {
    float: none;
    border: none;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;
    line-height: 46px;
    letter-spacing: 0;
    z-index: 1;
    margin: 0 0 15px;
}
.cruxstore-heading .cruxstore-heading-title span {
    position: relative;
    display: inline-block;
}
.cruxstore-heading .sub-title{
    font-size: 17px;
    margin-bottom: 5px;
    display: block;
    margin-top: -10px;
}
.cruxstore-heading .sub-title span{
    padding: 0 23px;
    position: relative;
}
.cruxstore-heading .sub-title span::before,
.cruxstore-heading .sub-title span::after{
    content: '';
    background: url(../images/border-line.svg) no-repeat top left;
    width: 210px;
    height: 1px;
    display: block;
    position: absolute;
    top: 50%;
}
.cruxstore-heading .sub-title span::before{
    left: -210px;
}
.cruxstore-heading .sub-title span::after{
    right: -210px;
    transform: rotate(-180deg);
}
.cruxstore-heading.text-center .cruxstore-heading-content{
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
}
.cruxstore-heading.cruxstore-heading-light .cruxstore-heading-title{
    color: white;
}
/*=========================================================================*/
.feature-box{
    margin-bottom: 58px;
}
.feature-box .feature-box-img{
    margin-bottom: 23px;
    position: relative;
    overflow: hidden;
}
.feature-box .feature-box-img img{
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    width: 100%;
}
.feature-box .feature-box-img:hover img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.feature-box-infos{
    padding: 0 15px;
}

.feature-box .feature-box-title{
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 34px;
    line-height: 1.41em;
    font-weight: 700;
}
.feature-box .sub-title{
    font-size: 14px;
    line-height: 19px;
    display: block;
}
.feature-box .feature-box-price{
    color: rgba(224,79,109,0.87);
    font-size: 18px;
    font-weight: 700;

}
.feature-box .feature-box-title a{
    color: inherit;
}
.feature-box:hover .feature-box-title a,
.feature-box .feature-box-title a:hover{
    color: #f45d58;
    text-decoration: none;
}
.feature-box .feature-box-content{
    position: relative;
    z-index: 1;
}
.feature-box.feature-box-l5{
    padding: 48px 0 0 82px;
    position: relative;
}






.services-items{
    width: 100%;
    display: table;
    table-layout: fixed;
}
.feature-box.feature-service{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    background-position: center;
    background-size: cover;
    width: 33.33333%;
    text-align: center;
    position: relative;
}

.feature-box.feature-service.feature-service-black{
    background: black;
}
.feature-box.feature-service:after{
    content: '';
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    border: 2px solid #008fcb;
    display: block;
    position: absolute;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    transform: scale(.95);
    opacity: 0;
    pointer-events: none;
}
.feature-box.feature-service:hover:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.feature-box.feature-service .feature-box-inner{
    width: 100%;
    display: table;
    table-layout: fixed;
    height: 500px;
}
.feature-box.feature-service .feature-box-infos{
    position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.feature-box.feature-service .feature-box-tagline {
    margin-bottom: 4px;
    display: block;
    font-family: 'Birthstone Bounce', cursive;
    font-size: 66px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 1em;
    color: #008fcb;
}
.feature-box.feature-service .feature-box-title{
    text-transform: uppercase;
    color: black;
}
.feature-box.feature-service .sub-title{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .25em;
    line-height: 1.33em;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
    color: black;
}
.feature-box.feature-service.feature-service-black .feature-box-title,
.feature-box.feature-service.feature-service-black .sub-title{
    color: white;
}

.page-section-light{
    color: white;
}
.page-section-light h5,
.page-section-light h2{
    color: white;
}

/*=========================================================================*/
.product-box-item{
    border: 1px solid #FFDCDB;
    background: white;
}
.product-box-image{
    margin-bottom: 10px;
    padding: 1px;
}
.product-box-image img{
    width: 100%;
}
.product-box-infos{
    padding: 0 20px 40px;
}
.product-box-title{
    margin: 0 0 2px;
    font-size: 18px;
    font-weight: 500;
    font-family: Roboto;
    color: #5D5D5D;
}
.product-box-price{
    color: rgba(224, 79, 109, 0.87);
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    margin-top: 10px;
}
/*=========================================================================*/
.portfolio-single{
    margin-bottom: 50px;
}
.portfolio-post-sizer{
    min-height: 0;
}
.portfolio-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.portfolio-wrap .portfolio-overlay-wrap::before {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    opacity: 0;
    border: 5px solid #fff;
    content: '';
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75);
    z-index: 2;
}
.portfolio-wrap .portfolio-overlay-wrap::after {
    content: "";
    opacity: 0.9;
    background: #008fcb;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.portfolio-wrap:hover .portfolio-overlay-wrap::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
        transition-delay: 0s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
.portfolio-wrap:hover .portfolio-overlay-wrap::after {
    opacity: .5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.portfolio-wrap .overlay-center{
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    position: absolute;
    opacity: 0;
    z-index: 4;
    padding: 0 20px;
}
.portfolio-wrap:hover .portfolio-overlay {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition-delay: 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition-delay: .5s;
    -moz-transition-delay: .5s;
    -webkit-transition-delay: .5s;
}
.portfolio-wrap .entry-thumbnail img{
    width: 100%;
}
.portfolio-icons a{
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}
/*
.portfolio-icons a {
    display: inline-block;
    background: #fff;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 6px;
    color: #2d2d2d !important;
}
*/
ul.portfolio-meta-list {
    padding-left: 0;
    list-style: none;
}
.portfolio-info ul.portfolio-meta-list > li {
    position: relative;
    padding: 26px 36px;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #008fcb;
}
.share-it-portfolio ul li + li {
    margin-left: 18px;
}
.portfolio-info ul.portfolio-meta-list li .portfolio-meta-title-wrap {
    margin-right: 0;
    margin-bottom: 5px;
}
.portfolio-meta-title-wrap > h6, .portfolio-meta-list .portfolio-meta-icon {
    font-size: 20px;
    font-weight: 600;
    color: #151515;
    margin-bottom: 0;
}
.portfolio-meta-list span {
    font-size: 14px;
}
.share-it-portfolio ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.share-it-portfolio ul li {
    list-style: none;
    display: inline-block;
}
.share-it-portfolio ul li span {
    display: none;
}
.portfolio-meta-list > li + li {
    margin-top: 25px;
}
.portfolio-grid-gallery{
    margin-right: -7px;
    margin-left: -7px;
}
.portfolio-grid-gallery .portfolio-gallery-item {
    margin-bottom: 15px;
    width: 33.33333333%;
    min-height: 1px;
    padding-right: 7px;
    padding-left: 7px;
    float: left;
}
.portfolio-grid-gallery .portfolio-gallery-item a{
    display: block;
    position: relative;
}
.portfolio-grid-gallery .portfolio-gallery-item a:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #008fcb;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.portfolio-grid-gallery .portfolio-gallery-item a:hover:after{
    opacity: 0.5;
}
.portfolio-grid-gallery .portfolio-gallery-item a img{
    vertical-align: top;
}
.button-group.filter-button-group{
    text-align: center;
    margin-bottom: 30px;
}
.button-group.filter-button-group button{
    background: none;
    border: none;
    white-space: nowrap;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .25em;
    line-height: 1.33em;
    text-transform: uppercase;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
    margin: 0 30px;
}
.button-group.filter-button-group button:hover{
    color: #008fcb;
}
/*=========================================================================*/

/*=========================================================================*/
.pricing-table-wrapper {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.pricing-table-wrapper.pricing-featured, 
.pricing-table-wrapper:hover {

    -webkit-box-shadow: 0 15px 40px rgba(0,0,0,.06);
    -moz-box-shadow: 0 15px 40px rgba(0,0,0,.06);
    -ms-box-shadow: 0 15px 40px rgba(0,0,0,.06);
    -o-box-shadow: 0 15px 40px rgba(0,0,0,.06);
    box-shadow: 0 15px 40px rgba(0,0,0,.06);

}
.pricing-table-wrapper .pricing-inner-wrapper {
    border: 1px solid #eee;
    padding: 55px 0 60px;
    background: #fff;
}
.pricing-inner-wrapper > * {
    padding-left: 35px;
    padding-right: 35px;
}
.pricing-table-wrapper .pricing-title {
    line-height: 1;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #2d2d2d;
}
.pricing-table-info {
    padding-bottom: 27px;
    margin-bottom: 27px;
    position: relative;
}
.pricing-table-wrapper .pricing-inner-wrapper > :last-child {
    margin-top: 30px;
}
.pricing-table-info::before {
    content: "";
    border-bottom: 2px dashed #e9e9e9;
    left: 40px;
    right: 40px;
    position: absolute;
    bottom: 0;
}
.pricing-table-info > .price-before {
    font-size: 20px;
    vertical-align: top;
}
.pricing-table-info > .price-text {
    font-size: 42px;
    line-height: 1;
    font-weight: 500;
    color: #008fcb;
}
.pricing-table-info > .price-after {
    margin-left: 8px;
}
.pricing-table-body ul {
    padding: 0;
    list-style: none;
}
ul.pricing-features-list > li {
    border: medium none;
    padding: 5px 0 5px 25px;
    position: relative;
    font-size: 14px;
}
ul.pricing-features-list > li::before {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    content: "\f00c";
    font-family: "Fontawesome";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    color: #008fcb;

}

/*======================== BLOG =================================================*/


.updated:not(.published) {
    display: none;
}
.blog-posts .blog-post .blog-post-content {
    margin-bottom: 50px;
}
.blog-posts .blog-post .entry-thumbnail {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    position: relative;
}

.blog-posts .blog-post .entry-thumbnail::before {
    background: #008fcb;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 8;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;

}
.blog-posts .blog-post .blog-post-content:hover .entry-thumbnail::before {
    opacity: 0.8;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
}
.blog-posts .blog-post .blog-post-content .entry-thumbnail img{
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    width: 100%;
}
.blog-posts .blog-post .blog-post-content:hover .entry-thumbnail img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.blog-posts .blog-post .entry-thumbnail span.overlay {
    z-index: 9;
    background: rgba(255,255,255,.85);
    border-radius: 50%;
    color:#222;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    opacity: 0;
    display: inline-block;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(0%) translateY(-50%) scale(.5);
    -ms-transform: translateX(0%) translateY(-50%) scale(.5);
    transform: translateX(-50%) translateY(-50%) scale(.5);
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 60px;
    content: '';
    top: 50%;
    position: absolute;
}
.blog-posts .blog-post .blog-post-content:hover .entry-thumbnail span.overlay {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.blog-posts .blog-post .entry-thumbnail span.overlay::before {
    content: "\f0c1";
    width: 60px;
    height: 60px;
    font-family: 'fontawesome';
    font-size: 24px;
    color: 
    #222;
    line-height: 60px;
    text-align: center;
    display: block;
}
.blog-posts .blog-post .entry-post-meta {
    color: #008fcb;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: .5px;
}
.blog-posts .blog-post .entry-post-meta a {
    color: #008fcb;
}
.blog-posts .blog-post .entry-title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 10px;
}
.blog-posts .blog-post .entry-title a {
    color: #000;
}
.blog-posts .blog-post .entry-title a:hover{
    color: #008fcb;
    text-decoration: none;
}
.blog-posts .blog-post .entry-content {
    margin-bottom: 25px;
}
.blog-posts.blog-posts-widget{
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-posts.blog-posts-widget .article-widget-item {
    margin-bottom: 20px;
    list-style: none;
    min-height: 60px;
    clear: both;
}
.blog-posts.blog-posts-widget .article-widget-item:after{
    clear: both;
    display: block;
    content: '';
}
.blog-posts.blog-posts-widget .article-widget-item:last-child{
    margin-bottom: 0;
}
.blog-posts.blog-posts-widget .article-widget-item .entry-thumbnail {
    float: left;
    width: 80px;
    margin-right: 20px;
}
.blog-posts.blog-posts-widget .article-widget-item .entry-thumbnail img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.blog-posts.blog-posts-widget .article-widget-item .content {
    overflow: hidden;
    line-height: 24px;
}
.blog-posts.blog-posts-widget .article-widget-item.recetange-item .title-link {
    margin-bottom: 5px;
    margin-bottom: 10px;
    margin-bottom: 5px;
    display: block;
    line-height: 26px;
    font-size: 18px;
    color: #2d2d2d;
    font-weight: 700;
}
.blog-posts.blog-posts-widget .article-widget-item.recetange-item .title-link:hover{
    color: #008fcb;
    text-decoration: none;
}
.blog-posts.blog-posts-widget .article-widget-item .post-meta {
    font-size: 13px;
    color: #6b6b6b;
}
.blog-posts.blog-posts-widget .article-widget-item .post-meta a{
    color: #6b6b6b;
}
.blog-posts.blog-posts-widget .article-widget-item .post-meta a i{
    color: #008fcb;
    margin-right: 6px;
}
.blog-posts.blog-posts-widget .article-widget-item .post-meta a:hover{
    color: #008fcb;
}
/*======================== SINGLE POST =================================================*/
.single-post-wrap .entry-title {
    font-size: 32px;
    line-height: 1.1;
    text-transform: none;
    margin: 0 0 15px;
}
.single-post-wrap .entry-meta {
    color: #5a5a5a;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    font-weight: bold;
}
.single-post-wrap .entry-meta a{
    color: #5a5a5a;
}
.single-post-wrap .entry-meta i{
    color: #008fcb;
}
.single-post-wrap .entry-meta a:hover{
    text-decoration: none;
    color: #008fcb;
}
.single-post-wrap .entry-meta > *{
    position: relative;
    padding-right: 14px;
    margin-right: 10px;
    margin-left: 1px;
    position: relative;
    display: inline-block;
}
.single-post-wrap .entry-meta > *:last-child {
    padding-right: 0;
}
.single-post-wrap .entry-meta > *::after {
    content: "/";
    position: absolute;
    right: 0;
    bottom: 0;
    color: #008fcb;
}
.single-post-wrap .entry-meta > *:last-child::after{
    display: none;
}
.single-post-wrap .entry-thumbnail {
    margin-bottom: 40px;
}
.single-post-wrap .single-post-content {
    margin-bottom: 30px;
}
.single-post-wrap .entry-footer{
    margin-bottom: 35px;
}
.single-post-wrap .entry-footer:after{
    clear: both;
    content: '';
    display: block;
}
.post-navigation{
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
}

.single-post-wrap .tags-links {
    color: #999;
}
.single-post-wrap .tags-links span {
    margin-right: .5rem;
    color: #008fcb;
}
.single-post-wrap .tags-links a {
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    font-size: 13px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    color: #2d2d2d;
}
.single-post-wrap .tags-links a::before {
    content: "";
    background: #ccc;
    height: 17px;
    width: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.single-post-wrap .tags-links a:last-child {
    padding-right: 0;
    margin-right: 0;
}
.single-post-wrap .tags-links a:last-child::before{
    display: none;
}
.single-post-wrap .tags-links a:hover{
    color: #008fcb;
    text-decoration: none;
}
.single-post-wrap .share-it-small {
    float: right;
    margin: 0;
}
.single-post-wrap .share-it-small ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-post-wrap .share-it-small ul li {
    display: inline-block;
    margin-right: 6px;
}
.single-post-wrap .share-it-small ul li > a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    text-align: center;
}
.single-post-wrap .share-it-small ul li > a span {
    display: none;
}
.single-post-wrap .share-it-small ul li.twitter > a {
    color: #55acee;
}
.single-post-wrap .share-it-small ul li.facebook > a {
    color:#3b5999;
}
.single-post-wrap .share-it-small ul li.pinterest > a {
    color: #bd081c;
}
.post-navigation .meta-title{
    display: none;
}
.post-navigation:after{
    clear: both;
    content: '';
    display: block;
}
.post-navigation .nav-previous{
    float: left;
}
.post-navigation .nav-previous a:before{
    content: "\f104";
    font-family: FontAwesome;
    margin-right: 13px;
}
.post-navigation .nav-next{
    float: right;
}
.post-navigation .nav-next a:after{
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 13px;
}
/*=========================================================================*/
.owl-carousel-kt {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
}
.owl-carousel-kt.owl-carousel-products{
    overflow: visible;
}
.owl-carousel-kt.navigation-center-outside.owl-carousel-products .owl-nav > div, 
.owl-carousel-kt.navigation-center.owl-carousel-products .owl-nav > div{
    color: #F19999;
    background: transparent;
    font-size: 36px;
}




.owl-carousel-kt.carousel-gutters {
    margin-left: -15px;
    margin-right: -15px;
}
.owl-carousel-kt.carousel-gutters .cruxstore-owl-carousel .owl-item {
    padding-left: 15px;
    padding-right: 15px;
}
.owl-carousel.owl-loaded .owl-item > div {
    width: 100%;
    padding: 0 !important;
}
.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 35px;
}
.owl-carousel .owl-dot {
    display: inline-block;
}
.owl-dot span {
    display: block;
    height: 10px;
    margin: 0 6px;
    width: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid #dfdfdf;
    z-index: 999999;
    background: #fff;
}
.owl-dot.active span{
    border-color: #008fcb;
    background: #008fcb;
}
.owl-carousel-kt .owl-nav {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    position: relative;
    text-align: center;
    /*
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    */
}
.owl-carousel-kt:hover .owl-nav {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
.owl-carousel-kt.navigation-center-outside .owl-nav > div, 
.owl-carousel-kt.navigation-center .owl-nav > div {
    position: absolute;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    text-align: center;
    margin: 0;
    width: 28px;
    height: 50px;
    line-height: 50px;
    background: rgba(4,4,4,.1);
    color: white;
    font-size: 24px;
}
.owl-carousel-kt.navigation-center-outside .owl-nav > div:hover, 
.owl-carousel-kt.navigation-center .owl-nav > div:hover{
    background: rgba(4,4,4,.4);
}
.owl-carousel-kt.navigation-center-outside .owl-nav > div.owl-prev, 
.owl-carousel-kt.navigation-center .owl-nav > div.owl-prev {
    left: -70px;
}
.owl-carousel-kt.navigation-center-outside .owl-nav > div.owl-next, 
.owl-carousel-kt.navigation-center .owl-nav > div.owl-next {
    right: -70px;
}
.owl-carousel-kt.navigation-normal-light .owl-nav div {
    color: #fff;
}
.owl-carousel-kt .owl-nav > div.owl-next::before {
    content: "\f105";
}
.owl-carousel-kt .owl-nav > div::before {
    font-family: FontAwesome;
}
.owl-carousel-kt .owl-nav > div.owl-prev::before {
    content: "\f104";
}
.owl-carousel-kt.navigation-center-outside .owl-nav, 
.owl-carousel-kt.navigation-center .owl-nav {
    position: static;
}
.owl-carousel-kt.navigation-center .owl-nav > div.owl-prev {
    left: 20px;
}
.owl-carousel-kt.navigation-center .owl-nav > div.owl-next {
    right: 20px;
}

.owl-carousel-home .carousel-item-inner.have-content{
    height: 100vh;
    background-size: cover;
    background-position: center center;
}
.carousel-item-content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    width: 100%;
    padding-bottom: 44px;
}

.carousel-item-content:after{
    background: url(../images/h1-slider1-img-1.png) no-repeat bottom center;
    content: '';
    width: 273px;
    height: 44px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
}


.carousel-item-content h2{
    color: rgb(197, 157, 95);
    white-space: nowrap;
    text-align: inherit;
    line-height: 50px;
    letter-spacing: 0px;
    font-weight: 300;
    font-size: 50px;
    visibility: visible;
    font-family: 'Birthstone Bounce', cursive;
}
.carousel-item-content h3,
.carousel-item-content p{
   color: white; 
}
.carousel-item-content h3{
    z-index: 6;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    line-height: 130px;
    letter-spacing: 25px;
    font-weight: 700;
    font-size: 78px;
    opacity: 1;
    visibility: visible;
}
.carousel-item-content p{
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 3px;
    margin-bottom: 35px;
}

.owl-carousel-home .owl-item.active h2,
.owl-carousel-home .owl-item.active h3,
.owl-carousel-home .owl-item.active p,
.carousel-item-content::after{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-carousel-home .owl-item.active h2{
    animation-name: fadeInDown;
    animation-delay: 0.6s;
}
.owl-carousel-home .owl-item.active h3{
    animation-name: slideInLeft;
    animation-delay: 0.3s;
}
.owl-carousel-home .owl-item.active p{
    animation-name: fadeInUp;
    animation-delay: 0.6s;
}
.owl-carousel-home .owl-item.active .carousel-item-content::after{
    animation-name: fadeIn;
    animation-delay: 0.8s;
}
/*================================= Employees ========================================*/
.info-images-wrap{
    padding: 0 50px !important;
    position: relative;
}
.info-wraper{
    position: relative;
    text-align: center;
    padding-top: 115px;
}

.info-wraper.info-wraper-small{
    padding-top: 0;
}
.info-tagline{
    color: #008fcb!important;    
    font-size: 225px;
    line-height: 1em;
    font-family: 'Birthstone Bounce', cursive;
    font-weight: 300;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .2;
}
.info-subtitle{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .25em;
    line-height: 1.33em;
    text-transform: uppercase;
}
.info-title{
    font-weight: 700;
    letter-spacing: .025em;
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.info-description{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.7em;
    margin-bottom: 35px;
}

.info-gallery .info-description{
    font-size: 16px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.info-images{
    list-style: none;
    padding: 0;
    position: relative;
}
.info-images li:last-child{
    position: absolute;
    top: 130px;
    left: 130px;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: top .7s cubic-bezier(.23,1,.32,1);
    -moz-transition: top .7s cubic-bezier(.23,1,.32,1);
    transition: top .7s cubic-bezier(.23,1,.32,1);
}
.info-images li img{
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

.chinhanh-item{
    margin-bottom: 20px;
}
.chinhanh-item .chinhanh-item-heading{
    font-size: 16px;
    margin-bottom: 12px;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
}
.chinhanh-item-address{
    margin-bottom: 5px;
}


.employees-carousel .employees-content{
    padding-bottom: 65px;
    position: relative;
    margin-bottom: 50px;
}
.employees-carousel .employees-content img{
    width: 100%;
}

.employees-carousel .employees-infos {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0px;
    text-align: center;
    background-color: #fff;
    padding: 35px 20px;
    box-shadow: 0 27px 30px rgba(0,0,0,.03);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px;
}
.employees-carousel .employees-infos::before, 
.employees-carousel .employees-infos::after {
    background-color: #008fcb;
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    border-radius: 50px;
}
.employees-carousel .employees-infos::before {
    left: -5px;
    top: -5px;
}
.employees-carousel .employees-infos::after {
    right: -5px;
    bottom: -5px;
}
.employees-carousel h4.employees-author {
    margin: 0;
    text-transform: none;
    font-weight: 600;
    font-size: 20px;
}
.employees-carousel .employees-info {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 22px;

}
.employees-content:hover .employees-infos {
    bottom: 10px;
    background-color: #008fcb;
}
.employees-content:hover .employees-infos::before, 
.employees-content:hover .employees-infos::after {
    background-color: white;
}
.employees-content:hover .employees-info, 
.employees-content:hover h4.employees-author {
    color: white;
}
.testimonial-heading-wrapper{
   position: relative; 
   margin-bottom: 30px;
}
.testimonial-tagline{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translatex(-50%);
    color: #008fcb!important;
    pointer-events: none;
    display: block;
    font-family: 'Birthstone Bounce', cursive;
    font-size: 225px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0;
    white-space: nowrap;
    opacity: .2;
    
}
.testimonial-special{
    font-size: 90px;
    font-weight: 700;
    line-height: 90px;
    margin-bottom: -12px;
    display: block;
}
.testimonial-title{
    font-size: 45px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: .025em;
}

/*================================= Clients ========================================*/
.clients-carousel,
.clients-carousel .owl-carousel-kt{
    margin-bottom: 0;
}
.clients-carousel .clients-carousel-item{
    text-align: center;
}
.clients-carousel .clients-carousel-item img{
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
}
.clients-carousel .clients-carousel-item:hover img{
    opacity: .4;
}

/*================================= Clients ========================================*/
.owl-carousel-kt.owl-carousel-slider{
    margin-bottom: 0;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/slide-bg.jpg);
    background-color: rgba(244,131,128,0.4);
}
.kt-carousel-item{
    background-position: center center;
    background-size: cover;
}
.carousel-item-inner{
    position: relative;
}
.OwlFadeIn,
.OwlFadeInUp,
.OwlFadeInRight,
.OwlFadeInLeft{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.owl-item .OwlFadeIn,
.owl-item .OwlFadeInUp,
.owl-item .OwlFadeInRight,
.owl-item .OwlFadeInLeft{
    opacity: 0;
}

.owl-item .OwlFadeInUp{
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
.owl-item .OwlFadeInLeft{
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
}
.owl-item .OwlFadeInRight{
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}
.cruxstore-owl-showfirst .OwlFadeInUp,
.cruxstore-owl-showfirst .OwlFadeInRight,
.cruxstore-owl-showfirst .OwlFadeInLeft,
.owl-item.active .OwlFadeInUp,
.owl-item.active .OwlFadeInRight,
.owl-item.active .OwlFadeInLeft{
    -webkit-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
}
.cruxstore-owl-showfirst .OwlFadeIn,
.owl-item.active .OwlFadeIn{
    opacity: 1;
}

.carousel-item-heading1{
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay:  .2s;
}
.carousel-item-heading2{
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay:  0.5s;
}
.carousel-item-heading3{
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay:  1s;
}


.carousel-item-button,
.carousel-item-text{
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
    
}

.carousel-item-heading1{
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 3px;
    color: #6b6b6b;
    text-transform: uppercase;
    font-weight: 500;
}
.carousel-item-heading2,
.carousel-item-heading3{
    font-size: 70px;
    line-height: 70px;
    letter-spacing: 5px;
    font-weight: 600;
    color: #2d2d2d;
    margin: 0 0 20px;
}
.carousel-item-heading3{
    color: #f58f8c;
}
.carousel-item-text{
    font-size: 18px;
    line-height: 28px;
    max-width: 533px;
    margin-bottom: 30px;
}






.kt-carousel-item-l1 .carousel-item-img1{
    position: absolute;
    right: 0;
    bottom:  0;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay:  0.2s;
}
.kt-carousel-item-l2 .carousel-item-img1,
.kt-carousel-item-l2 .carousel-item-img2,
.kt-carousel-item-l2 .carousel-item-img3{
    width: 200px;
    position: absolute;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay:  0.2s;
}
.kt-carousel-item-l2 .carousel-item-img1{
    left: 685px;
    top: 85px;
}
.kt-carousel-item-l2 .carousel-item-img2{
    left: 940px;
    top: 120px;
}
.kt-carousel-item-l2 .carousel-item-img3{
    left: 780px;
    top: 320px;
}
.kt-carousel-item-l3 .carousel-item-img img{
    width: 100%;
}


/*================================= Widget ========================================*/
.side-bar .widget {
    margin-bottom: 40px;

}
.side-bar .widget .widget-title {
    font-weight: 700;
    font-size: 20px;
    border: none;
    position: relative;
    text-transform: uppercase;
    margin: 0 0 15px;
    line-height: 1.5em;
}
.widget_recent_entries > ul,
.widget_product_categories > ul,
.widget.widget_archive > ul,
.widget.widget_meta > ul,
.widget.widget_categories > ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_recent_entries > ul > li,
.widget_product_categories > ul > li,
.widget.widget_archive > ul > li,
.widget.widget_meta > ul > li,
.widget.widget_categories > ul > li {
    border-bottom: 1px dashed #eaeaea;
    padding: 10px 0;
    position: relative;
}
.widget_recent_entries > ul > li:first-child,
.widget_product_categories > ul > li:first-child,
.widget.widget_archive > ul > li:first-child,
.widget.widget_meta > ul > li:first-child,
.widget.widget_categories > ul > li:first-child{
    padding-top: 0;
}
.widget_recent_entries > ul > li:last-child,
.widget_product_categories > ul > li:last-child,
.widget.widget_archive > ul > li:last-child,
.widget.widget_meta > ul > li:last-child,
.widget.widget_categories > ul > li:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
.widget_recent_entries > ul > li > a,
.widget_product_categories > ul > li > a,
.widget.widget_archive > ul > li > a,
.widget.widget_meta > ul > li > a,
.widget.widget_categories > ul > li > a {
    color: #2d2d2d;
}
.widget_recent_entries > ul > li > a:hover,
.widget_product_categories > ul > li > a:hover,
.widget.widget_archive > ul > li > a:hover,
.widget.widget_meta > ul > li > a:hover,
.widget.widget_categories > ul > li > a:hover{
    color: #008fcb;
    text-decoration: none;
}
/*
.widget.widget_archive > ul > li > a::before,
.widget.widget_meta > ul > li > a::before,
.widget.widget_categories > ul > li > a::before {
    position: absolute;
    left: 0;
    content: "\f140";
    font-family: fontAwesome;
    font-size: 14px;
    color: #008fcb;
}
*/
.side-bar .widget > .tagcloud a{
    color: #2d2d2d;
}
.widget .tagcloud a::after {
    content: ",";
}
.side-bar .widget > .tagcloud a:last-child:after{
    display: none;
}
.side-bar .widget > .tagcloud a:hover{
    color: #008fcb;
    text-decoration: none;
}
.searchform div {
    position: relative;
}
.searchform input[type="text"] {
    background: transparent;
    width: 100%;
    padding: 4px 50px 4px 16px;
    border: 1px solid #717171;
    border-radius: 15px;
    height: 30px;
}
.searchform button {
    background: transparent;
    color: #C4C4C4;
    right: 0;
    width: 68px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
    border: none;
    transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    border-radius: 0 15px 15px 0;
}
.searchform button:hover{
    color: #000;
}
.searchform button span{
    display: none;
}

.gallery-filters{
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
    text-align: center;
}
.gallery-filters li{
    display: inline-block;
    
}
.gallery-filters li + li{
    padding-left: 80px;
}
.gallery-filters li span{
    font-size: 19px;
    font-family: Roboto;
    font-weight: 300;
    position: relative;
    cursor: pointer;
}
.gallery-filters li span:before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    height: 1px;
    background: #008fcb;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
}
.gallery-filters li span:hover,
.gallery-filters li.filter-active span{
    color: rgba(224, 79, 109, 0.87);
}
.gallery-filters li.filter-active span:before,
.gallery-filters li span:hover:before{
    width: 100%;
}
.gallery-images{
    display: none;
}
.gallery-images.gallery-images-active{
    display: block;
}
.gallery-item-image{
    margin-bottom: 30px;
}
.gallery-item-image img{
    width: 100%;
}
.tab-translate-content{
    position: relative;
}
.tab-translate .tab-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    display: block;
}
.tab-translate .tab-panel:not(.active) {
    transform: translateY(40px);
    transition: all .2s ease-in-out;
    display: block;

}
.tab-translate .tab-panel.active {
    display: block;
}
.tab-translate .tab-panel.active {
    visibility: inherit;
    position: inherit;
    opacity: 1;
    transition: all ease-out 0.3s 0.3s;
    transform: translate3d(0, 0, 0);
}

.info-item-right{
    float: right;
}












.info-item-featrued{
    margin-top: -185px;
    margin-left: -135px;
}
.owl-carousel-kt.carousel-gutters.info-item-carousel{
    margin-right: -125px;
}
.info-item-wrap{
    background: white;
}
.info-item-image{
    margin-bottom: 15px;
}
.info-item-image img{
    width: 100%;
}
.info-item-wrap h5{
    color: #000000;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    padding: 0 20px 20px;
    min-height: 120px;
    margin: 0;
}
.owl-carousel-home img{
    width: 100%;
    display: none;
}
.contact-form-wrap{
    background: #F8F8F8;
    padding: 55px 47px ;
    width: 100%;
}
.contact-form-heading{
    text-align: center;
    margin: 0 0 35px;
}
.contact-form-wrap p{
    margin-bottom: 40px;
}
.contact-form-wrap p label{
    font-size: 16px;
    color: #333333;
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
}
.contact-form-wrap p.contact-form-button{
    margin-bottom: 0;
}

.portfolio-detail-box{
    margin-bottom: 30px;
}


/*================================= Progress ========================================*/

.vc_progress_bar{
    margin-bottom: 30px;
} 
.vc_progress_bar .vc_single_bar {
    height: 3px;
    margin-top: 58px;
    margin-bottom: 40px;
    background: rgba(244,131,128,.2);
    position: relative;
}
.vc_progress_bar .vc_single_bar .vc_label {
    top: -25px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 5px;
    color: #008fcb;
    font-size: 100%;
}
.vc_progress_bar .vc_single_bar .vc_bar {
    background: #008fcb;
    display: block;
    position: absolute;
    height: 100%;
    width: 0%;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: width 1s linear;
    -moz-transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
}
.vc_progress_bar .vc_label_units {
    top: -22px;
    position: absolute;
    right: 0;
    font-size: 12px;
}

/*================================= Testimonial ========================================*/
.testimonials-carousel{
    margin-bottom: 50px;
}
.testimonials-carousel .owl-carousel-kt{
    margin-bottom: 0;
}
.testimonial-carousel-item .testimonial-inner > .testimonial-excerpt{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.7em;
    max-width: 1100px;
    margin: 0 auto 35px;
}
.testimonial-thumb{
    margin-bottom: 12px;
}
.testimonial-thumb img {
    max-width: 80px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.testimonial-info .client-name {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .25em;
    line-height: 1.33em;
    text-transform: uppercase;
}
/*================================= Testimonial ========================================*/
.wpb_gmaps_widget{
    background-color: #f7f7f7;
    padding: 5px;
}
.wpb_gmaps_widget iframe {
    margin-bottom: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: none;
}


/*================================= Contact ========================================*/
.contact-info{
    padding: 40px;
}
.contact-info-top{
    background: #caa966;
    color: white;
}
.contact-info-bottom{
    background: #fff5eb;
    color: #000;
}
.contact-info-val{
    display: block;
    font-weight: 600;
}
.contact-info-title{
    font-size: 24px;
    font-weight: 600;
}
.contact-info-address {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
}
.contact-info-address iframe{
    width: 100%;
    height: 100%;
    position: absolute;
}
/*================================= 404 ========================================*/
.wrapper-404 {
    padding-top: 70px;
    padding-bottom: 100px;
}
.wrapper-404 .page-title {
    font-size: 60px;
    line-height: 1;
    font-weight: 700;
    text-shadow: rgba(5,42,92,.2) 0px 7px 28px;
    color: #000;
}
.wrapper-404 .error-description {
    font-size: 20px;
    margin-top: 40px;
    font-weight: bold;
    color: #000;
}
.wrapper-404 .error-description a{
    color: #008fcb;
}
.product-icons{
    padding: 0;
    margin: 0;
    list-style: none;
}
.product-icons > li {
    padding: 18px 10px 0px 100px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    margin: 5px 0;
    min-height: 85px;
}
.product-icons > li img {
    display: inline-block;
    width: 100px;
    position: absolute;
    left: -10px;
    top: 0;
}
.product-icons > li:after{
    content: '';
    display: block;
    clear: both;
}
/*================================= woocommerce ========================================*/
.woocommerce .products ul, 
.woocommerce ul.products{
    text-align: center;
}
.woocommerce ul.products li.product a img{
    margin-bottom: 25px;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
    position: relative;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.5em;
    padding: 0;
    margin-bottom: 20px;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
.woocommerce ul.products li.product .mkdf-pli-category{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .25em;
    line-height: 1.33em;
    text-transform: uppercase;
    margin-bottom: 9px;
}
.woocommerce ul.products li.product .price {
    line-height: 38px;
    white-space: nowrap;
    font-size: 16px;
    color: #000;
    -webkit-transition: opacity .1s ease-out 0s;
    -moz-transition: opacity .1s ease-out 0s;
    transition: opacity .1s ease-out 0s;
    margin: 0;
    opacity: 1;
}
.page-section-dark .woocommerce ul.products li.product .price{
    color: white;
}
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce ul.products li.product .button{
    position: absolute;
    bottom: 14px;
    left: 50%;
    -webkit-transition: opacity .1s ease-out 0s;
    -moz-transition: opacity .1s ease-out 0s;
    transition: opacity .1s ease-out 0s;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    margin: 0;
    background: transparent;
    color: #008fcb;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .25em;
    padding: 0;
    opacity: 0;
}
.woocommerce ul.products li.product:hover .price{
    opacity: 0;
}
.woocommerce ul.products li.product:hover a.added_to_cart,
.woocommerce ul.products li.product:hover .button{
    opacity: 1;
}
.woocommerce ul.products li.product a.added_to_cart:before,
.woocommerce ul.products li.product .button:before{
    content: '';
    width: 100%;
    background: #008fcb;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -5px;
}
.woocommerce ul.products li.product .button:after{
    display: none!important;
}
.woocommerce ul.products li.product .button.added{
    display: none;
}
#header #main-nav-tool > li > .navigation-submenu.widget_shopping_cart{
    padding: 20px;
}
.woocommerce ul.cart_list.woocommerce-mini-cart li,
.woocommerce ul.product_list_widget li {
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 20px 90px;
}
.woocommerce .shopping-bag ul.cart_list.woocommerce-mini-cart li,
.woocommerce .shopping-bag ul.product_list_widget li{
    color: white;
}
.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img {
    float: left;
    margin: 0 10px 0 0;
    width: 80px;
    height: auto;
    box-shadow: none;
    position: absolute;
    left: 0;
    top: 0;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{
    right: 0;
    left: auto;
    padding: 0;
    color: white !important;
    font-weight: bold;
}
.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}
.widget_shopping_cart  ul.cart_list li a, 
.widget_shopping_cart  ul.product_list_widget li a{
    
    padding-right: 20px;
}
.woocommerce.widget_shopping_cart  ul.cart_list li .star-rating, 
.woocommerce ul.product_list_widget li .star-rating {
    float: none;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 12px;
}
.woocommerce ul.cart_list li .amount,
.woocommerce ul.product_list_widget li .amount{
    font-size: 15px;
}
.woocommerce .shopping-bag ul.cart_list li a, 
.woocommerce .shopping-bag ul.product_list_widget li a{
    color: white;
}
.woocommerce ul.cart_list li a:hover, 
.woocommerce ul.product_list_widget li a:hover{
    color: #008fcb;
}
.woocommerce ul.cart_list li span.quantity, 
.woocommerce ul.product_list_widget li span.quantity{
    padding-top: 5px;
    display: block;
}
.woocommerce ul.cart_list li a.remove:hover,
.woocommerce ul.product_list_widget li a.remove:hover{
    background: transparent;
    color: #008fcb !important;
}
.product-entry-summary:after{
    content: '';
    clear: both;
    display: block;
}
.related.products,
.side-bar.shop-sidebar .widget,
.product-tab,
.product-box{
    padding: 10px;
    background: #fff;
    clear: both;
    margin-bottom: 10px;
}
.product-tab{
    padding: 20px;
}
.product-tab .woocommerce-Reviews-title,
.product-tab > h2{
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    text-transform: uppercase;
    
}
.product-row.row{
    margin-left: -5px;
    margin-right: -5px;
}
.product-row.row .site-main,
.product-row.row .shop-sidebar{
    padding-left: 5px;
    padding-right: 5px;
}
.wc-tabs-heading{
    background: #fff;
    padding: 0;
    margin: 0;
    list-style: none;
}
.wc-tabs-heading li{
    display: inline-block;
}
.wc-tabs-heading li a{
    padding: 15px 20px 11px 20px;
    display: block;
}
#tab-description.product-tab{
    padding-top: 0;
    float: left;
    width: 100%;
}
.related.products > h2{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    padding-top: 0;
    margin-top: 0px;
    clear: both;
}
.woocommerce table.shop_attributes th {
    width: 30%;
    text-align: left;
}
.product-row.row .shop-sidebar .widget-title{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}
.woocommerce table.shop_attributes{
    margin-bottom: 0;
}
.woocommerce div.product .product_title{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.woocommerce ul.products li.product .star-rating{
    display: none;
}
.woocommerce-page .quantity .qty, 
div.woocommerce .quantity .qty{
    font-family: inherit;
    height: 44px;
    line-height: 42px;
    margin: 0 22px 0 0;
    outline: 0;
    padding: 0;
    position: relative;
    width: 44px;
    border: 1px solid #afaaa9;
    text-align: center;
    font-size: 13px;
    border-radius: 0;
}
.woocommerce-page .quantity .mkdf-quantity-plus,
div.woocommerce .quantity .mkdf-quantity-plus,
.woocommerce-page .quantity .mkdf-quantity-minus,
div.woocommerce .quantity .mkdf-quantity-minus{
    cursor: pointer;
    height: 22px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    width: 22px;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    border: 1px solid #afaaa9;
    border-left: 0;
}
.woocommerce-page .quantity .mkdf-quantity-plus,
div.woocommerce .quantity .mkdf-quantity-plus{
    top: 0;
    border-bottom: 0;
}
.woocommerce-page .quantity .mkdf-quantity-minus,
div.woocommerce .quantity .mkdf-quantity-minus{
    bottom: 0;
}
.woocommerce-page .quantity, 
div.woocommerce .quantity{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.woocommerce div.product form.cart .button{
    font-family: inherit;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    outline: 0;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: .05em;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    font-size: 12px;
    padding: 15px 50px;
    color: #fff;
    background-color: #000;
    border: 1px solid transparent;
    cursor: pointer;
    z-index: 3;
    border-radius: 0;
}
.woocommerce div.product form.cart .button:hover{
    color: #fff;
    background-color: #008fcb;
}
.woocommerce-product-details__short-description{
    margin-bottom: 30px;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price{
    color: #000;
    font-weight: bold;
}
.woocommerce #reviews #comments ol.commentlist{
    padding-left: 0;
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals{
    width: 100%;    
}
.woocommerce table.shop_table{
    border: none;
}
.woocommerce table.shop_table thead th, 
.woocommerce table.shop_table .order-total td, 
.woocommerce table.shop_table .order-total th {
    border-bottom: 3px solid #ececec;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 10px;
}
.woocommerce table.shop_table td.product-remove {
    width: 20px;
    padding: 0;
}
.cart-collaterals h2{
    line-height: 1.05;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 0;
    border-bottom: 3px solid #ececec;
    padding-bottom: 8px;
    padding-top: 9px;
}
.woocommerce table.shop_table th.product-quantity{
    width: 100px;
}
.woocommerce .cart_totals table.shop_table td{
    text-align: right;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{
    background: #008fcb;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
    background: #000;
    color: white;
}
.cart-collaterals .woocommerce-shipping-calculator,
.cart-collaterals p.woocommerce-shipping-destination{
    display: none;
}
.woocommerce ul#shipping_method li{
    margin-bottom: 0;
}
#order_review_heading,
.woocommerce-billing-fields > h3{
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 5px;
    line-height: 1.3;
    margin-top: 0;
}
.woocommerce-billing-fields > h3{
    border-bottom: 2px solid #DDD;
}
.has-border{
    border: 2px solid #446084;
    padding: 15px 30px 30px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td{
    padding-left: 0;
    padding-right: 0;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead th.product-total,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr td:last-child{
    text-align: right;
}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
    width: 100%;
    padding: 15px;
    letter-spacing: 2px;
}
.woocommerce #content table.cart td.actions, 
.woocommerce table.cart td.actions, 
.woocommerce-page #content table.cart td.actions, 
.woocommerce-page table.cart td.actions{
    text-align: left;
}


.swatch-term-wrap {
    display: block;
    margin: 0;
    padding: 0;
}
.swatch-term-wrap li {
    display: inline-block;
    list-style: none;
    border: 1px solid #717171;
    height: 28px;
    line-height: 28px;
    color: #717171;
    padding: 0 15px;
    margin-right: 10px;
    cursor: pointer;
}
.swatch-term-wrap li.active {
    background: #008fcb;
    color: white;
    border-color: #008fcb;
}
.woocommerce div.product form.cart .variations select.swatch-select.swatch-select-hide{
    display: none;
}
.woocommerce div.product form.cart .reset_variations{
    display: none!important;
}
.woocommerce-variation.single_variation,
.woocommerce div.product form.cart .variations{
    margin-bottom: 10px;
}
.woocommerce-variation-add-to-cart:after{
    content: '';
    display: block;
    clear: both;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images{
    width: 39%;
}
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
    width: 58%;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 10px;
    margin-left: -5px;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none;
}
.woocommerce div.product form.cart .variations td.label{
    width: 25%;
}

.icon-bar {
    position: fixed;
    bottom: 90px;
    z-index: 999;
}
.icon-bar a {
    display: block;
    text-align: center;
    padding: 6px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.hotline-phone-ring-wrap {
    position: fixed;
    bottom: -15px;
    left: -1.75%;
    z-index: 999;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-bar {
    position: absolute;
    background: #1564a7;
    height: 45px;
    width: 165px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    border-radius: 50px !important;
    left: 42px;
    bottom: 31px;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    text-indent: 32px;
    letter-spacing: 1px;
    display: block;
    line-height: 45px;
    font-family: Arial;
}

.hotline-phone-ring-circle{
    width:110px;
    height:110px;
    top:0;
    left:0;
    position:absolute;
    background-color:transparent;
    border-radius:100%;
    border:2px solid #1564a7;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    opacity:.5
}
.hotline-phone-ring-circle-fill{
    width:80px;
    height:80px;
    top:16px;
    left:16px;
    position:absolute;
    background-color:rgba(21,100,167,.7);
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.hotline-phone-ring-img-circle{
    background-color:#1564a7;
    width:50px;
    height:50px;
    top:31px;
    left:31px;
    position:absolute;
    background-size:20px;
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:center
}
.hotline-phone-ring-img-circle .pps-btn-img{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.hotline-phone-ring-img-circle .pps-btn-img img{
    width:33px;
    height:33px
}

@-webkit-keyframes phonering-alo-circle-anim{
    0%{
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }
    30%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }
    100%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim{
    0%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.6
    }
    50%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.6
    }
    100%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.6
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim{
    0%{
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    10%{
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20%{
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }
    30%{
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    40%{
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }
    50%{
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    100%{
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}
@media (max-width:768px){
    .hotline-bar{
        display:none
    }
}

/*================================= Responsive ========================================*/
@media (min-width: 1380px) {
    *{}
    .container {
        width: 1300px;
    }
    .info-images{
        padding: 0 0 130px;
        margin: 0 225px 0 0;
    }
}


@media (max-width: 768px) {
    *{}
    .mobile-text-center{
        text-align: center;
    }
    blockquote{
        padding: 20px;
        font-size: 15px;
    }
    .single-post-template blockquote::before {
        font-size: 30px;
        position: absolute;
        left: 10px;
        top: 10px;
        transform: translateY(0%);
    }
    .post-navigation .nav-previous,
    .post-navigation .nav-next{
        width: 100%;
        float: none;
    }
    .post-navigation a{
        display: block;
    }
    .post-navigation .nav-previous + .nav-next{
        margin-top: 15px;
    }
    .single-post-wrap .share-it-small{
        float: none;
        margin-top: 10px;
    }
    .single-post-wrap .entry-title{
        font-size: 40px;
    }
    #header {
        display: none;
    }
    #header-content-mobile{
        display: block;
    }
    .carousel-item-inner{
        text-align: center;
    }
    .carousel-item-inner .carousel-item-text{
        margin-left: auto;
        margin-right: auto;
    }
    .carousel-item-heading1 {
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 1px;
    }
    .carousel-item-heading2, 
    .carousel-item-heading3{
        font-size: 38px;
        line-height: 38px;    
    }
    .carousel-item-text {
        font-size: 14px;
        line-height: 22px;
    }
    .carousel-item-img{
        display: none;
    }
    .feature-box.feature-box-n1::before, 
    .feature-box.feature-box-n2::before{
        display: none;
    }
    .custom-shadow{
        padding: 30px;
    }
    .contact-form p{
        margin-bottom: 15px;
    }
    .testimonial-carousel-item .testimonial-inner{
        margin-bottom: 30px;
    }
    .owl-dot span{
        width: 12px;
        height: 12px;
        margin: 0 4px;
    }
    .page-header{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .main-sidebar{
        padding-top: 30px;
    }
    .portfolio-format{
        margin-bottom: 20px;
    }
    .portfolio-format .portfolio-gallery-item{
        margin-bottom: 15px;
    }
    .portfolio-info{
        padding-top: 50px;
    }
    .page-section-margin{
        margin-top: -320px;
    }
    .hotline-phone-ring-wrap {
        left: -25px;
        bottom: -25px;
    }
    .icon-bar{
        bottom: 75px;
    }
    .portfolio-grid-gallery .portfolio-gallery-item{
        width: 50%;
    }
}


@media (max-width: 576px) {
    *{}
    input[type="email"], 
    input[type="password"], 
    input[type="phone"], 
    input[type="tel"], 
    input[type="text"], 
    input[type="number"], 
    input[type="search"], 
    input[type="url"]{
        height: 35px;
    }
    .page-section,
    .content-area-default{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .mobile-text-center{
        text-align: center;
    }
    .cruxstore-heading{
        margin-bottom: 20px;
    }
    .cruxstore-heading .cruxstore-heading-title{
        font-size: 20px;
        line-height: 26px;
    }
    .feature-box{
        margin-bottom: 30px;
    }
    .feature-box .feature-box-img {
        margin-bottom: 10px;
    }
    .feature-box-left,
    .feature-box-right{
        float: none;
        width: auto;
    }
    .feature-box-infos{
        padding-left: 0;
        padding-right: 0;
    }
    .feature-box-left{
        margin-bottom: 10px;
    }
    .feature-box.feature-service{
        width: 100%;
        display: block;
    }
    .portfolio-wrap{
        margin-bottom: 15px;
    }
    .feature-box.feature-service{
        margin-bottom: 0;
    }
    .info-wraper{
        padding-top: 50px;
    }
    .info-tagline{
        font-size: 90px;
    }
    .info-title{
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.4;
    }
    .info-description{
        font-size: 16px;
    }
    .info-gallery .info-description{
        max-width: none;
    }
    
    .info-item-featrued{
        margin-left: -15px!important;
        margin-right: -15px!important;
        margin-top: 0;
    }
    .info-item-right{
        float: left;
    }
    .owl-carousel-kt.carousel-gutters.info-item-carousel{
        margin-right: 0;
        margin-left: 0;
    }
    .owl-carousel-kt.carousel-gutters.owl-carousel-products{
        margin-left: 10px;
        margin-right: 10px;
    }
    .gallery-filters li + li{
        padding-left: 0;
        margin-bottom: 12px;
    }
    .gallery-filters li{
        padding: 0 12px !important;
    }
    .gallery-item-image {
        margin-bottom: 15px;
    }
    .contact-form-wrap {
        padding: 35px;
    }
    #footer-area{
        font-size: 11px;
    }
    #footer-area .widget .widget-title{
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 10px;
        min-height: 0;
    }
    #footer-area .widget ul li,
    .cruxstore-info-wrap > div{
        margin-bottom: 6px;
    }
    .contact-form-heading{
        font-size: 20px;
    }
    .contact-form-wrap p{
        margin-bottom: 15px;
    }
    .cruxstore-heading .sub-title span{
        padding-left: 7px;
        padding-right: 7px;
    }
    .cruxstore-heading .sub-title span::before, 
    .cruxstore-heading .sub-title span::after{
        width: 88px;
        background-image: url(../images/border-line-mobile.svg);    
    }
    .cruxstore-heading .sub-title span::before{
        left: -88px;
    }
    .cruxstore-heading .sub-title span::after{
        right: -88px;
    }
    .gallery-filters li span{
        font-size: 15px;
    }
    .owl-carousel-kt.navigation-center-outside.owl-carousel-products .owl-nav > div.owl-prev, 
    .owl-carousel-kt.navigation-center.owl-carousel-products .owl-nav > div.owl-prev{
        left: -20px;
    }
    .owl-carousel-kt.navigation-center-outside.owl-carousel-products .owl-nav > div.owl-next, 
    .owl-carousel-kt.navigation-center.owl-carousel-products .owl-nav > div.owl-next{
        right: -20px;
    }
    .testimonial-title {
        font-size: 28px;
    }
    .testimonial-tagline{
        font-size: 88px;
    }
    .testimonial-carousel-item .testimonial-inner > .testimonial-excerpt{
        font-size: 16px;
    }
    .carousel-item-content h2{
        font-size: 32px;
        line-height: 38px;
    }
    .carousel-item-content h3{
        letter-spacing: 7px;
        font-size: 20px;
        line-height: 34px;
    }
    .carousel-item-content::after{
        width: 145px;
        background-size: 100%;
    }
    .feature-box.feature-service .feature-box-inner{
        height: 350px;
    }
    .row.row-flex{
        display: block;
    }
    .contact-info {
        padding: 20px;
    }
    .contact-info-address{
        display: block;
        height: 400px;
        border: 1px solid #DDD;
    }
    .contact-info-title {
        font-size: 20px;
        margin-bottom: 0;
    }
    .info-images-wrap{
        padding: 0!important;
        overflow: hidden;
    }
    .info-images{
        margin-right: 55px;
    }
    .info-images li:last-child {
        top: 50px;
        left: 50px;
    }
    .page-header .page-header-subtitle {
        font-size: 48px;
    }
    .page-header .page-header-title{
        font-size: 22px;
    }
    .wrapper-404 .page-title{
        font-size: 44px;
    }
}
































.notice-error, 
.notice-info, 
.notice-message {
    padding: 0.8em 1.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #f7f6f7;
    color: #515151;
    border-top: 3px solid #a46497;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}
.notice-error {
    border-top-color: #b81c23;
}
.notice-error li{
    margin: 0;
}
.notice-message {
    border-top-color: #8fae1b;
}
.notice-info {
    border-top-color: #1e85be;
}

.authentication-page-inner{
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 0;
    width: 100%;
}
.authentication-page-content {
    padding: 1.5rem!important;
    position: relative;
    min-height: 100vh!important;
}
.authentication-bg {
    background-image: url(../images/authentication.jpg);
    height: 100vh;
    background-size: cover;
    background-position: 50%;
}
.bg-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .3;
    background-color: #000;
}
#authentication-header{
    margin-bottom: 3rem !important;
    text-align: center;
}
#authentication-img{
    margin-bottom: 20px;
}
#authentication-img img{
    max-width: 95px;
}
.account-form-wrapper{
    max-width: 340px;
    margin: 0 auto;
}
@media (max-width: 576px) {
    *{}
    .authentication-bg{
        display: none;
    }
    .authentication-page-inner{
        position: static;
        top: auto;
        transform: translatey(0);
        padding: 40px 0;
    }
}
.page-heading{
    margin-bottom: 30px;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid #f1f5f7;
    border-radius: .25rem;
    margin-bottom: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
}
.card-header {
    padding: .85rem  1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid #f1f5f7;
}
.border-bottom {
    border-bottom: 1px solid #eff2f7 !important;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.card-header h5,
.card-title {
    font-size: 15px;
    margin: 0 0 7px;
    line-height: 1.6;
    font-weight: 500;
}
.card-header h5{
    margin-bottom: 0;
}


.danhmuc-column{
    padding: 0;
    margin: 0;
}
.danhmuc-column > li{
    list-style: none;
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid #CCC;   
}
.danhmuc-column > li:last-child{
    border-bottom: none;
}
.danhmuc-column > li > a{
    text-decoration: none;
}
.danhmuc-action{
    float: right;
}
.danhmuc-delete,
.danhmuc-edit{
    padding: .25em .8em;
    color: white;
    background-color: #008fcb;
    border-radius: 2px;
    font-size: 12px;
}

.danhmuc-delete:focus,
.danhmuc-delete:hover,
.danhmuc-edit:focus,
.danhmuc-edit:hover{
    text-decoration: none;
    background-color: #000;
    color: white;
}
.danhmuc-form-change{
    display: none;
    background: white;
    padding: 10px;
    margin: 10px 0 0;
    box-shadow: 0 3px 3px rgba(0,0,0,.08);
    border: 1px solid #ddd;
    border-radius: 3px;
}
.danhmuc-form-change.active{
    display: block;
}

.danhmuc-edit-row{
    margin-bottom: 10px;
}
.danhmuc-edit-row label{
    font-weight: 400;
}
.danhmuc-edit-row > label{
    font-weight: bold;
}

.danhmuc-title-count{
    margin-left: 5px;
}
.danhmuc-title-count:before{
    content: '( ';
}
.danhmuc-title-count:after{
    content: ' )';
}

.nav-tool-avatar > a img{
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: #f1f5f7;
    padding: 3px;
}

#upload_form{
    opacity: 0;
    visibility: hidden;
    display: none;
}
.edit-account-avatar{
    position: relative;
    text-align: center;
    clear: both;
    display: block;
    height: 1px;
}
.edit-account-avatar-content{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -70px;
    padding: 3px;
    background: #ced4da;
    border-radius: 50%;
}
.edit-account-avatar-content img{
    border-radius: 50%;
}
.edit-account-avatar-content label{
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
    height: 100%;
    border: 3px solid transparent;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    color: white;
    font-size: 25px;
}
.edit-account-avatar-content:hover label{
    display: block;
}
.edit-account-avatar-content label i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.edit-account-heading{
    text-align: center;
    clear: both;
    display: block;
    margin-top: 50px;
    font-size: 28px;
    margin-bottom: 50px;
}
.members-search{
    text-align: right;
    display: block;
}
.paginate-members{
    text-align: right;
    margin-bottom: 20px;
}
.members-header{
    padding-bottom: 10px;
}
.button-action + .button-action{
    margin-left: 10px;
}
.document-wrapper{
    padding: 24px;
    border: 1px solid #eff2f7;
    transition: all .4s;
}
.document-wrapper .document-link{
    display: block;
    margin-bottom: 20px;
    position: relative;
}
.document-wrapper .document-email,
.document-wrapper .document-edit{
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 1px 3px;
    color: white;
    background-color: #008fcb;
    border-radius: 2px;
    font-size: 12px;
    min-width: 80px;
}
.document-wrapper .document-email{
    top: 40px;
}
.document-wrapper .document-email.active,
.document-wrapper .document-email:hover,
.document-wrapper .document-edit:hover{
    background: black;
}
#document-sendemail.btn.btn-primary.sending,
.document-wrapper .document-email.sending{
    background: #0275d8;
    border-color: #0275d8;
}


.document-wrapper .document-link .thumbnail{
    width: 100%;
    padding-top: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.document-wrapper .document-link .thumbnail.pdf{
    background-image: url(../images/pdf.png);
}

.document-wrapper .document-link .thumbnail.excel{
    background-image: url(../images/excel.png);
}

.document-wrapper .document-link .thumbnail.image{
    background-size: cover;
}
.document-wrapper .document-title{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.4;
    min-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.document-file-item,
.ead-preview{
    margin-bottom: 30px;
}



.drop_uploader.drop_zone {
    width: 100%;
    min-height: 100px;
    text-align: center;
    border: 3px dashed #999999;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 10px 0;
}

.drop_uploader.drop_zone.hover {
    border: 3px dashed #4a90e2;
}

.drop_uploader.drop_zone .text_wrapper {
    margin-top: 30px;
}

.drop_uploader.drop_zone .text_wrapper i {
    font-size: 50px;
    color: #9b9b9b;
    position: relative;
    top: 14px;
    margin-right: 25px;
}

.drop_uploader.drop_zone .text {
    font-family: "Raleway";
    font-size: 24px;
    color: #9b9b9b;
}
.uploaded_files,
.drop_uploader.drop_zone ul.files {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 10px auto 35px;
}
.uploaded_files li,
.drop_uploader.drop_zone ul.files li {
    font-family: "Raleway";
    font-size: 18px;
    color: #000000;
    background-color: #f5f5f5;
    border-top: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
    margin: 0;
    padding: 5px;
}
.uploaded_files li i.action-delete,
.drop_uploader.drop_zone ul.files li i.action-delete {
    color: #ff0000;
    float: right;
    cursor: pointer;
}

.uploaded_files,
.drop_uploader.drop_zone ul.files.thumb {
    width: 90%;
    text-align: left;
    list-style: none;
    margin-bottom: 35px;
    overflow: auto;
}
.uploaded_files li,
.drop_uploader.drop_zone ul.files.thumb li{
    min-width: 100px;
    display: block;
    float: left;
    font-family: "Raleway";
    font-size: 18px;
    color: #000000;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 5px 15px;
    text-align: center;
}
.uploaded_files li div.thumbnail,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail{
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    background-size: cover;
    background-position: center center;
    margin: 0 auto;
    border: 1px solid #9b9b9b;
}
.uploaded_files li div.thumbnail.excel,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.excel,
.uploaded_files li div.thumbnail.word,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.word,
.uploaded_files li div.thumbnail.pdf,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.pdf{
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center center;
}
.uploaded_files li div.thumbnail.excel,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.excel{
    background-image: url(../images/excel.png);
}

.uploaded_files li div.thumbnail.word,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.word{
    background-image: url(../images/word.png);
}
.uploaded_files li div.thumbnail.pdf,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.pdf{
    background-image: url(../images/pdf.png);
}

.uploaded_files li div.thumbnail .du_hover_layer,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail .du_hover_layer {
    width: 100%;
    height: 100%;
    border-radius: 7px;
    background: #fff;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-in;
    left: 0;
    top: 0;
    -moz-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}
.uploaded_files li div.thumbnail:hover .du_hover_layer,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail:hover .du_hover_layer {
    opacity: .8;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-in;
    -moz-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}

.drop_uploader.drop_zone ul.files li .du_progress {
    display: inline-block;
    float: right;
    margin: 0;
}

.drop_uploader.drop_zone ul.files.thumb li .du_progress {
    width: 0px;
    height: 0px;
    margin-top: -100px;
    position: relative;
    right: 75px;
}

.drop_uploader.drop_zone ul.files.thumb li .du_progress canvas {
    margin-top: 25px;
}
.uploaded_files li div.thumbnail i,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail i {
    font-size: 32px;
    position: relative;
    top: calc(50% - 16px);
    display: block;
    color: #999999;
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_180 {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_270 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.drop_uploader.drop_zone ul.files.thumb.ajax li div.thumbnail:hover i {
    visibility: hidden;
    opacity: 0;
    display: none;
}
.uploaded_files li div.thumbnail i.action-delete,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail i.action-delete {
    color: #FF0000;
    visibility: hidden;
    opacity: 0;
    float: none;
    -webkit-transition: opacity 0.1s ease-in;
    -moz-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}
.uploaded_files li div.thumbnail:hover i.action-delete,
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail:hover i.action-delete {
    visibility: visible;
    opacity: 1;
    display: block;
    cursor: pointer;
    -webkit-transition: opacity 0.1s ease-in;
    -moz-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}
.uploaded_files li span.title,
.drop_uploader.drop_zone ul.files.thumb li span.title {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.drop_uploader.drop_zone ul.files li:nth-child(even) {
    background-color: transparent;
}

.drop_uploader.drop_zone ul.files li i {
    font-size: 20px;
    position: relative;
    top: 2px;
    margin: 0px 10px;
}

.drop_uploader.drop_zone .errors p {
    color: #FF0000;
}

.drop_uploader.drop_zone input[type=file] {
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.document-danhmuc-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
#phonglamviec-wrap{
    display: none;
    margin-bottom: 20px;
}
#phonglamviec-wrap.active{
    display: block;
}

#danhmuc-insert{
    border-top: 1px solid #CCC;
    padding-top: 15px;
}
#danhmuc-insert-wrap{
    
}
#btn-danhmuc-insert{
    
}


.navigation.pagination{
    display: block;
}









.add-document-right{
    text-align: right;
}
.main-content{
    float: right;
}
#phonglamviec-content{
    max-height: 400px;
    overflow: auto;
    list-style: none;
    margin: 0;
    padding: 0;
}
#phonglamviec-content ul{
    list-style: none;
    padding-left: 25px;
    margin: 0 0 5px;
}
/*
#phonglamviec-content[khoinganh="13"] label{
    width: 50%;
    float: left;
}
*/
#phonglamviec-content > label{
    display: block;
}

@media (max-width:768px){
    .main-content{
        float: none;
    }
    .add-document-right{
        text-align: left;
        margin-top: 10px;
    }
    .add-document-right .btn{
        width: 100%;
    } 
    #phonglamviec-content label{
        float: none;
        width: 100%;
    }
}


.list-checkbox > label{
    display: block;
    
}
.list-checkbox span{
    display: block;
}
#clear-radio{
    text-decoration: underline;
    color: #008fcb;
    margin-left: 20px;
}

.danhmuc-lists{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.danhmuc-lists a{
    display: block;
    padding: 2px 0;
    margin-bottom: 2px;
}
.danhmuc-lists ul{
    
    padding-left: 20px;
    list-style: none;
}
.danhmuc-lists.addjs-menu ul{
    display: none;
}
.danhmuc-lists li{
    position: relative;
}
.danhmuc-submenu{
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: #DDD;
    text-align: center;
}
.danhmuc-lists-home label{
    display: none;
}

.danhmuc-submenu:after {
    font-size: 22px;
    font-family: "FontAwesome";
    content: "\f107";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    line-height: 1;
}
.active-menu-item > a .danhmuc-submenu::after {
    content: '\f106';
}
.danhmuc-lists-notlink:not(.danhmuc-lists-home) a{
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}
.fillter-action select.custom-select{
    width: 250px;
    margin-left: 10px;
}
.document-meta > span{
    display: block;
}
#document-sendemail.btn.btn-primary{
    float: right;
    padding: 5px 14px;
    margin-top: 0px;
    font-size: 12px;
}
.notifyjs-corner{
    margin: 40px 20px 0 0!important;
}
.page-template-page-account .danhmuc-lists-notlink a{
    display: none;
}

.user-profile{
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    background: white;
}
.user-widget-header,
.user-profile-header{
    background: url(../images/pattern.png) center center;
    padding: 15px 0;
    background-size: cover;
    text-align: center;
}
.user-widget-img,
.user-profile-header .user-profile-img{
    width: 80px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 5px 0;
}
.user-widget-img img,
.user-profile-header .user-profile-img img{
    border: 1px solid #DDD;
    border-radius: 5px;
}
.user-widget-name,
.user-profile-header .user-profile-name{
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}
.user-profile-socials ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.user-profile-socials li{
    display: inline-block;
    padding: 0 5px;
    font-size: 16px;
    line-height: 1;
}
.user-profile-socials li img{
    width: 15px;
    vertical-align: top;
}
.user-profile-body{
    padding: 0 15px 15px 15px;
}
.user-profile-section{
    
}
.user-widget-section > h4,
.user-profile-section > h4{
    background: #666;
    border: 1px solid #666;
    color: #fff;
    text-shadow: none;
    margin:  15px 0;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    position: relative;
}
.user-widget-row:after,
.user-profile-row:after{
    clear: both;
    content: '';
    display: block;
    margin:  0 0 5px 0;
}
.user-widget-label,
.user-profile-label{
    float: left;
    width: 34%;
    padding-left: 30px;
    font-weight: bold;
}
.user-widget-label{
    padding-left: 10px;
}
.user-widget-val,
.user-profile-val{
    float: right;
    width: 64%;
}
.user-profile-edit{
    margin-bottom: 10px;
}