.post-navigation{
    padding: 0;
    display: table;
    width: 100%;
    position: relative
}
.post-navigation .nav-links{
    width: 100%;
    margin: 0 auto;
    display: table;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee
}
.post-navigation .nav-previous,.post-navigation .nav-next{
    position: relative;
    vertical-align: middle;
    padding: 15px 0;
    width: 50%;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    float: left
}
.post-navigation .nav-previous .post-navigation-content,.post-navigation .nav-next .post-navigation-content{
    margin-left: 30px
}
.post-navigation .nav-previous:hover .post-navigation-icon,.post-navigation .nav-next:hover .post-navigation-icon,.post-navigation .nav-previous:hover .post-navigation-title,.post-navigation .nav-next:hover .post-navigation-title{
    color: #20b8e7
}
.post-navigation .nav-next{
    float: right;
    text-align: right
}
.post-navigation .nav-next .post-navigation-content{
    margin-left: 0;
    margin-right: 30px
}
.post-navigation .post-navigation-label{
    display: block;
    font-size: 0.75em;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #8f8f8f
}
.post-navigation .post-navigation-title{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    color: #535a55
}
.post-navigation .post-navigation-icon{
    font-size: 14px;
    line-height: 1em;
    width: 60px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    color: #8f8f8f
}
.post-navigation .nav-links .nav-next .post-navigation-icon{
    right: 0
}
img{
    max-width: 100%;
    height: auto
}
.alignnone{
    margin: 15px 15px 0 0
}
.aligncenter,div.aligncenter{
    display: block;
    margin: 15px auto 15px auto
}
.alignright{
    float: right;
    margin: 15px 0 15px 15px
}
.alignleft{
    float: left;
    margin: 15px 15px 15px 0
}
.aligncenter{
    display: block;
    margin: 15px auto 15px auto
}
a img.alignright{
    float: right;
    margin: 15px 0 0 15px
}
a img.alignnone{
    margin: 15px 15px 0 0
}
a img.alignleft{
    float: left;
    margin: 15px 15px 0 0
}
a img.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption{
    background: #fff;
    text-align: center;
    max-width: 100%
}
.wp-caption.alignnone{
    margin: 15px 15px 30px 0
}
.wp-caption.alignleft{
    margin: 15px 15px 30px 0
}
.wp-caption.alignright{
    margin: 15px 0 30px 15px
}
.wp-caption img{
    border: 0 none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto
}
.wp-caption p.wp-caption-text{
    font-size: 0.9em;
    font-style: italic;
    opacity: 0.7;
    line-height: 17px;
    margin: 1em 0 0 0;
    padding: 0 10%
}
.wp-post-image{
    height: auto;
    max-width: 100%
}
.sticky{
    opacity: 1
}
.bypostauthor{
    opacity: 1
}
.gallery{
    margin-bottom: 20px;
    margin-left: -4px
}
.gallery:before{
    content: "";
    display: table
}
.gallery:after{
    clear: both;
    content: "";
    display: block
}
.gallery-item{
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative
}
.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail{
    display: table;
    margin: 0 auto 20px
}
.gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item{
    text-align: center
}
.gallery-columns-4 .gallery-item{
    max-width: 23%;
    max-width: -webkit-calc(21%);
    max-width: calc(21%)
}
.gallery-columns-5 .gallery-item{
    max-width: 19%;
    max-width: -webkit-calc(16%);
    max-width: calc(16%)
}
.gallery-columns-6 .gallery-item{
    max-width: 15%;
    max-width: -webkit-calc(12.7%);
    max-width: calc(12.7%)
}
.gallery-columns-7 .gallery-item{
    max-width: 13%;
    max-width: -webkit-calc(10.28%);
    max-width: calc(10.28%)
}
.gallery-columns-8 .gallery-item{
    max-width: 11%;
    max-width: -webkit-calc(8.5%);
    max-width: calc(8.5%)
}
.gallery-columns-9 .gallery-item{
    max-width: 9%;
    max-width: -webkit-calc(7.1%);
    max-width: calc(7.1%)
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n){
    margin-right: 0
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1){
    clear: left
}
.gallery-caption{
    background-color: rgba(0,0,0,0.7);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 2px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    width: 100%
}
.gallery-caption:before{
    box-shadow: 0 -10px 15px #000 inset;
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}
.gallery-item:hover .gallery-caption{
    opacity: 1
}
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption{
    display: none
}
.overflow-hidden{
    overflow: hidden
}
.g5plus-page-links{
    margin-top: 30px;
    font-size: 0
}
.g5plus-page-links-title{
    margin-right: 40px;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 300;
    color: #2a2a2a
}
.g5plus-page-link{
    display: inline-block;
    margin-right: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #888888;
    padding: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #e9e9e9;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.g5plus-page-links .g5plus-page-link:hover,.g5plus-page-links > .g5plus-page-link{
    color: #fff;
    background-color: #20b8e7;
    border-color: #20b8e7
}
.filter-blur{
    -webkit-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#gray-scale');
    -moz-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#gray-scale');
    -o-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#gray-scale');
    -ms-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#gray-scale');
    filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#gray-scale')
}
.filter-brightness-dark{
    -webkit-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark');
    -moz-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark');
    -o-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark');
    -ms-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark');
    filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark')
}
.filter-brightness-light{
    -webkit-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-light');
    -moz-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-light');
    -o-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-light');
    -ms-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-light');
    filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-light')
}
.filter-blur-overlay{
    -webkit-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#blur-overlay');
    -moz-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#blur-overlay');
    -o-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#blur-overlay');
    -ms-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#blur-overlay');
    filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#blur-overlay')
}
.filter-gray-scale{
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#gray-scale')
}
.filter-gray-scale:hover{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none
}
.animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite{
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge{
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.animated.bounceIn,.animated.bounceOut{
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
.animated.tada{
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s
}
@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0%{
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20%{
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60%{
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80%{
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100%{
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0%{
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20%{
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60%{
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80%{
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100%{
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.bounceIn{
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,20%{
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg)
    }
    40%,60%,80%{
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg)
    }
    100%{
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes tada{
    0%{
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,20%{
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,60%,80%{
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100%{
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.tada{
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes bounceInUp{
    0%,60%,75%,90%,100%{
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60%{
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75%{
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90%{
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100%{
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp{
    0%,60%,75%,90%,100%{
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60%{
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75%{
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90%{
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100%{
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.bounceInUp{
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
body{
    overflow-x: hidden
}
img{
    max-width: 100%;
    height: auto
}
a,a:focus,a:hover{
    outline: none;
    text-decoration: none
}
body{
    line-height: 2;
    color: #8f8f8f;
    -webkit-font-smoothing: antialiased
}
h1,h2,h3,h4,h5,h6{
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 400;
    color: #222
}
.container .container,.has-sidebar .site-content-page-inner .container,.has-sidebar .site-content-archive-inner .container{
    width: 100%;
    padding: 0
}
@media (min-width: 1200px){
    .container{
        width: 1200px
    }
}
.boxed #wrapper{
    max-width: 1200px;
    margin: auto
}
div,iframe,img{
    margin: 0;
    padding: 0
}
p{
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 20px
}
::selection{
    background: #20b8e7;
    color: #ffffff
}
a,a:hover,a.active{
    color: inherit;
    text-decoration: none;
    outline: none
}
a:hover,a.active{
    color: #20b8e7
}
input,textarea,button,select{
    outline: none
}
.fixed{
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.page-title-wrap{
    height: 300px;
    text-align: center;
    width: 100%;
    position: relative;
    color: #fff;
    margin-bottom: 100px;
    background-color: #2a2a2a
}
.page-title-wrap .container{
    height: 100%
}
.page-title-wrap .block-center{
    text-align: left
}
.page-title-inner{
    vertical-align: middle;
    position: relative;
    z-index: 1
}
.page-title-inner h1{
    font-size: 60px;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    color: inherit
}
.page-title-wrap-bg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.page-title-overlay{
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #000;
    opacity: .4
}
.page-title-no-margin-bottom{
    margin-bottom: 0 !important
}
@media (max-width: 767px){
    .page-title-inner h1{
        font-size: 42px
    }
}
@media (max-width: 480px){
    .page-title-inner h1{
        font-size: 32px
    }
}
ul.breadcrumbs{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: left
}
ul.breadcrumbs li{
    display: inline;
    font-size: 14px;
    text-transform: uppercase
}
ul.breadcrumbs li a{
    color: #fff
}
ul.breadcrumbs li a.home{
    font-size: 16px;
    color: #20b8e7
}
ul.breadcrumbs li + li:before{
    content: "//";
    display: inline-block;
    padding: 0 5px
}
ul.breadcrumbs li span{
    color: #fff
}
input[type="text"],input[type="search"],input[type="email"],input[type="url"],input[type="password"],textarea{
    padding: 0 20px;
    font-size: 14px;
    color: #8f8f8f;
    height: 40px;
    line-height: 1;
    background-color: #ffffff;
    border: 1px solid #eee;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
input[type="text"]:focus,input[type="search"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus{
    border-color: #20b8e7
}
textarea{
    height: auto;
    padding-top: 15px
}
select{
    max-width: 100%;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 0 20px;
    font-size: 14px;
    color: #bababa;
    height: 40px;
    line-height: 1
}
.block-center:before{
    content: "";
    height: 100%;
    vertical-align: middle;
    display: inline-block
}
.block-center{
    height: 100%;
    width: 100%;
    text-align: center
}
.block-center-inner{
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    max-width: 95%
}
.block-center-inner > *{
    margin: auto
}
#g5plus-modal-search{
    z-index: 999999
}
#g5plus-modal-search.modal.in .modal-backdrop.in{
    opacity: 0.95;
    height: 100%;
    position: fixed;
    background: #000;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
#g5plus-modal-search.modal.in .g5plus-modal-dialog{
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}
#g5plus-modal-search .g5plus-modal-dialog{
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: auto
}
#g5plus-modal-search .g5plus-dismiss-modal{
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 16px;
    color: #fff;
    z-index: 1040;
    cursor: pointer
}
#g5plus-modal-search .g5plus-dismiss-modal:hover{
    color: #20b8e7
}
#g5plus-modal-search .g5plus-modal-search{
    padding: 80px 30px 60px
}
#g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper{
    position: relative;
    width: 100%;
    font-size: 24px;
    color: #fff;
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,0.7);
    max-width: 1140px;
    display: block;
    margin-right: auto;
    margin-left: auto
}
#g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:before,#g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:after{
    content: " ";
    display: table
}
#g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:after{
    clear: both
}
#g5plus-modal-search .g5plus-modal-search input[type="search"]{
    border: none;
    outline: none;
    display: block;
    float: left;
    width: 100%;
    padding-right: 60px;
    padding-left: 20px;
    background-color: transparent;
    font-size: 22px;
    color: #fff
}
#g5plus-modal-search .g5plus-modal-search button{
    position: absolute;
    display: block;
    color: #000;
    bottom: 10px;
    right: 0;
    line-height: 30px;
    border: none;
    outline: none;
    font-size: 30px;
    background-color: transparent
}
#g5plus-modal-search .ajax-search-result{
    margin: auto;
    max-width: 1140px;
    background: rgba(22,22,22,0.4);
    max-height: 356px;
    overflow-y: auto;
    position: relative
}
#g5plus-modal-search .ajax-search-result > ul{
    list-style: none;
    padding: 15px;
    position: relative
}
#g5plus-modal-search .ajax-search-result li{
    padding: 5px 5px;
    color: #fff;
    font-size: 16px
}
#g5plus-modal-search .ajax-search-result li.search-view-more{
    font-size: 14px;
    font-style: italic
}
#g5plus-modal-search .ajax-search-result li.search-view-more a{
    text-decoration: underline
}
#g5plus-modal-search .ajax-search-result li span{
    display: inline-block;
    padding-left: 15px;
    color: #777;
    font-style: italic
}
#g5plus-modal-search .ajax-search-result li.selected a,#g5plus-modal-search .ajax-search-result li a:hover{
    color: #20b8e7
}
#g5plus-modal-search i.ajax-search-icon{
    color: #fff
}
#g5plus-modal-search i.ajax-search-icon.icon-search:before{
    font-family: 'FontAwesome';
    content: '\f002';
    display: inline-block;
    font-style: normal;
    font-size: 22px
}
#search_popup_wrapper .search-popup-inner{
    margin: 1em 0
}
#search_popup_wrapper .search-popup-inner > input{
    width: 90%;
    margin-bottom: 20px
}
#search_popup_wrapper .search-popup-inner > button{
    width: 120px;
    border: double 4px #20b8e7;
    color: #20b8e7;
    background-color: transparent;
    text-transform: uppercase
}
.error404 section.page-title-wrap{
    margin-bottom: 0
}
.error404 .page-title-inner{
    font-size: 32px
}
.error404 footer{
    display: none
}
.page404{
    background-size: cover;
    background-position: center center;
    opacity: 0;
    display: table;
    width: 100%
}
.page404:before{
    position: absolute;
    content: '';
    background-color: rgba(255,255,255,0.5);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}
.page404 .social-share{
    margin-top: 60px
}
.page404 .social-share a{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 22px
}
.page404 .logo,.page404 .copyright{
    text-align: center
}
.page404 .logo{
    position: absolute;
    padding-top: 40px;
    width: 100%
}
.page404 .copyright{
    width: 100%;
    bottom: 40px;
    left: 0;
    right: 0;
    position: absolute;
    text-transform: uppercase;
    color: #000
}
.page404 .title{
    font-size: 32px;
    color: #222222;
    text-transform: uppercase;
    line-height: 1;
    display: block;
    letter-spacing: 6px
}
.page404 .title.not-found{
    padding-top: 12px
}
.page404 .content-404{
    text-align: center;
    display: table-cell;
    vertical-align: middle
}
.page404 .content-404 *{
    position: relative
}
.page404 h2{
    text-align: center;
    font-size: 162px;
    font-weight: 600;
    color: #20b8e7;
    line-height: 1;
    margin-bottom: 0
}
.page404 .description{
    text-align: center;
    padding-top: 15px;
    width: 70%;
    display: inline-block
}
.page404 div.search{
    text-align: center;
    line-height: 1px;
    margin-top: 65px
}
.page404 div.search .widget_search{
    width: 35%;
    display: inline-block
}
.page404 div.search .search-form input[type="text"]{
    color: #000;
    text-transform: uppercase
}
.gotop{
    position: fixed;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    bottom: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    z-index: 2;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border: 2px solid #1e1e1e;
    color: #1e1e1e;
    background-color: #f5f5f5
}
.gotop i{
    font-size: 22px
}
.gotop:hover{
    text-decoration: none;
    color: #1e1e1e
}
.gotop.in{
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}
.ps-container > .ps-scrollbar-y-rail,.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{
    width: 5px
}
#wrapper-content{
    background-color: #fff;
    z-index: 1;
    position: relative
}
#wrapper-content > main[role='main']{
    overflow: hidden
}
#site-loading{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1001;
    margin-top: 0;
    top: 0
}
.site-loading-center{
    width: 100%;
    height: 100%;
    position: relative
}
.wpb_map_wraper iframe{
    display: block;
    -webkit-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark');
    -moz-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark');
    -o-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark');
    -ms-filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark');
    filter: url('https://aaairconditioning.co/wp-content/themes/darna/assets/css/filter.svg#brightness-dark');
    pointer-events: none
}
.wpb_gmaps_widget .wpb_wrapper{
    padding: 0
}
.tparrows.preview1{
    width: 34px
}
.tparrows.preview1:after{
    width: 34px;
    font-size: 26px;
    font-family: "fontawesome";
    background: rgba(0,0,0,0.4)
}
.tp-leftarrow.preview1:after{
    content: "\f104"
}
.tp-rightarrow.preview1:after{
    content: "\f105"
}
.tparrows.preview1:hover .tp-arr-iwrapper{
    opacity: 0
}
.tparrows.preview1:hover:after{
    color: #fff;
    background-color: #20b8e7
}
.toggle-icon-wrapper{
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}
.toggle-icon-wrapper:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.toggle-icon-wrapper .toggle-icon{
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 30px
}
.toggle-icon-wrapper .toggle-icon > span{
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    display: block;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 80%
}
.toggle-icon-wrapper .toggle-icon:after,.toggle-icon-wrapper .toggle-icon:before{
    background: none repeat scroll 0 0 #000;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 80%
}
.toggle-icon-wrapper .toggle-icon:before{
    top: 20%;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left
}
.toggle-icon-wrapper .toggle-icon:after{
    bottom: 20%;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left
}
.toggle-icon-wrapper + span{
    vertical-align: middle;
    text-transform: uppercase
}
.toggle-icon-wrapper.in .toggle-icon span{
    background: transparent
}
.toggle-icon-wrapper.in .toggle-icon:before{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.toggle-icon-wrapper.in .toggle-icon:after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.loading-wrapper{
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
@-moz-keyframes spinner{
    0%{
        transform: rotate(0)
    }
    100%{
        transform: rotate(360deg)
    }
}
@-webkit-keyframes spinner{
    0%{
        transform: rotate(0)
    }
    100%{
        transform: rotate(360deg)
    }
}
@-o-keyframes spinner{
    0%{
        transform: rotate(0)
    }
    100%{
        transform: rotate(360deg)
    }
}
@keyframes spinner{
    0%{
        transform: rotate(0)
    }
    100%{
        transform: rotate(360deg)
    }
}
.spinner-double-section-far{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3.125px solid #aaa;
    -webkit-animation: spinner 1.2s linear infinite;
    -moz-animation: spinner 1.2s linear infinite;
    -ms-animation: spinner 1.2s linear infinite;
    -o-animation: spinner 1.2s linear infinite;
    animation: spinner 1.2s linear infinite;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.spinner-double-section-far:before,.spinner-double-section-far:after{
    content: '';
    position: absolute;
    top: -3.125px;
    left: -3.125px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3.125px solid transparent;
    border-top-color: tomato
}
.spinner-double-section-far:after{
    border-top-color: transparent;
    border-bottom-color: tomato
}
.spinner-double-section-far:before,.spinner-double-section-far:after{
    top: -9.375px;
    left: -9.375px;
    width: 62.5px;
    height: 62.5px
}
.modal{
    z-index: 99999
}
.modal-content{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.modal-backdrop{
    background: rgba(0,0,0,0.5)
}
.modal-backdrop.in{
    opacity: 1
}
.popup-close{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #FFFFFF;
    font-size: 24px;
    display: block;
    line-height: 1
}
#popup-product-quick-view-wrapper .popup-close{
    background-color: #20b8e7;
    width: 30px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    z-index: 1;
    top: 0;
    right: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
#popup-product-quick-view-wrapper .popup-close:hover{
    color: #fff;
    background-color: #535a55
}
@media only screen and (max-width: 768px){
    .page404 div.search .widget_search{
        width: 50%
    }
}
@media only screen and (max-width: 600px){
    .page404{
        background-size: cover;
        opacity: 0;
        display: block;
        width: 100%
    }
    .page404 .logo{
        position: relative;
        padding-top: 40px;
        padding-bottom: 40px
    }
    .page404 .copyright{
        position: relative;
        padding: 30px 15px
    }
    .page404 .content-404{
        text-align: center;
        display: table;
        vertical-align: middle;
        padding-bottom: 30px
    }
    .page404 .description{
        width: 90%
    }
    .page404 div.social-share{
        margin-top: 30px
    }
    .page404 div.search{
        margin-top: 35px
    }
    .page404 div.search .widget_search{
        width: 70%;
        display: inline-block
    }
}
.mail-chimp-wrapper .mail-chimp-button{
    position: relative
}
.mail-chimp-wrapper .mail-chimp-button > input{
    line-height: 42px;
    height: 42px
}
.mail-chimp-wrapper .mail-chimp-button button{
    position: absolute;
    right: 5px;
    top: 0;
    border: none;
    background-color: transparent;
    line-height: 1;
    bottom: 0;
    color: #20b8e7
}
.main-menu-overlay{
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}
body.menu-mobile-in .main-menu-overlay{
    opacity: 1;
    z-index: 298;
    pointer-events: auto;
    cursor: url(/wp-content/themes/darna/assets/images/close.png) 15 15, default
}
.darna-contact-form input[type="text"],.darna-contact-form input[type="email"],.darna-contact-form textarea{
    width: 100%
}
.darna-contact-form .wpcf7-form-control-wrap{
    margin-bottom: 30px;
    display: block
}
.darna-contact-form span.wpcf7-not-valid-tip{
    font-size: 12px;
    color: #20b8e7
}
.darna-contact-form input[type="submit"].darna-button{
    width: 100%
}
div.wpcf7 img.ajax-loader{
    display: block;
    width: 16px;
    margin: auto
}
span.darna-slider-border-bottom:after{
    content: "";
    display: none;
    height: 5px;
    width: 60px;
    background-color: rgb(32, 184, 231);
    margin: auto;
    margin-top: 20px
}
.darna-play-video:hover i{
    color: #20b8e7
}
.dialog,.dialog__overlay{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.dialog{
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    z-index: 9999
}
.dialog__overlay{
    position: absolute;
    z-index: 1;
    background: rgba(55,58,71,0.9);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-backface-visibility: hidden
}
.dialog--open .dialog__overlay{
    opacity: 1;
    pointer-events: auto
}
.dialog__content{
    width: 80%;
    max-width: 520px;
    min-width: 290px;
    background: #fff;
    padding: 20px;
    text-align: center;
    position: relative;
    z-index: 5;
    opacity: 0
}
.dialog--open .dialog__content{
    pointer-events: auto
}
.dialog h2{
    font-weight: 400;
    font-size: 24px;
    padding: 0 0 15px;
    margin: 0;
    text-transform: uppercase
}
.dialog--open .dialog__overlay{
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s
}
.dialog--close .dialog__overlay{
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}
.dialog__content{
    padding: 0;
    background: transparent
}
.dialog.dialog--open .dialog__content{
    opacity: 1
}
.morph-shape{
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -2px;
    left: -2px;
    z-index: -1
}
.morph-shape svg rect{
    stroke: #fff;
    stroke-width: 2px;
    stroke-dasharray: 1680
}
.dialog--open .morph-shape svg rect{
    -webkit-animation: anim-dash .6s forwards;
    animation: anim-dash .6s forwards
}
.dialog-inner{
    opacity: 0;
    background: #fff
}
.dialog--open .dialog-inner{
    padding: 30px;
    opacity: 1;
    -webkit-transition: opacity .85s .35s;
    transition: opacity .85s .35s
}
.dialog.dialog--open h2{
    -webkit-animation: anim-elem-1 .7s ease-out both;
    -o-animation: anim-elem-1 .7s ease-out both;
    animation: anim-elem-1 .7s ease-out both
}
.dialog.dialog--open button[data-dialog-close]{
    position: absolute;
    background: #20b8e7;
    border: none;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 1;
    color: #fff
}
.dialog.dialog--open p{
    line-height: 1.5;
    font-size: 18px
}
@keyframes anim-dash{
    0%{
        stroke-dashoffset: 1680
    }
    100%{
        stroke-dashoffset: 0
    }
}
@-webkit-keyframes anim-dash{
    0%{
        stroke-dashoffset: 1680
    }
    100%{
        stroke-dashoffset: 0
    }
}
@-webkit-keyframes anim-elem-1{
    0%{
        opacity: 0
    }
    100%{
        opacity: 1
    }
}
@keyframes anim-elem-1{
    0%{
        opacity: 0
    }
    100%{
        opacity: 1
    }
}
.top-bar{
    background-color: #f8f8f8;
    color: #222;
    position: relative;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    z-index: 998
}
.top-bar ul.top-bar-info{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0
}
.top-bar ul.top-bar-info li{
    display: inline-block;
    line-height: 42px;
    vertical-align: middle;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}
.top-bar ul.top-bar-info li > a{
    vertical-align: middle
}
.top-bar ul.top-bar-info li + li{
    margin-left: 25px
}
.top-bar ul.top-bar-info i.fa{
    color: #20b8e7;
    font-size: 14px;
    padding-right: 5px;
    vertical-align: middle
}
.top-bar .sidebar{
    color: #222
}
.top-bar .sidebar h4.widget-title{
    color: #222
}
.top-bar .sidebar #wp-calendar caption,.top-bar .sidebar #wp-calendar thead th{
    color: #222
}
.top-bar .sidebar .widget-social-profile{
    line-height: 42px
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu{
    overflow: visible;
    border: none;
    margin: 0;
    padding: 0
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu li{
    display: inline-block;
    position: relative
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu li:before{
    display: none
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu li:hover > ul{
    display: block
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li{
    line-height: 42px;
    padding: 0;
    margin: 0
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li + li{
    margin-left: 20px
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li ul{
    display: none;
    border-top: solid 1px #fff;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 100%;
    background-color: #f8f8f8;
    color: #222;
    text-align: left;
    margin: 0;
    padding: 0 15px;
    min-width: 150px
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li{
    display: block;
    line-height: 26px
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li + li{
    border-top: solid 1px #fff
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li ul ul{
    left: 100%;
    top: 0
}
.top-bar .top-bar-left{
    text-align: left
}
.top-bar .top-bar-right{
    text-align: right
}
.top-bar .top-bar-right.sidebar .widget_nav_menu > div > ul.menu ul ul{
    left: auto;
    right: 100%
}
.top-bar .top-bar-center{
    text-align: center
}
@media screen and (max-width: 991px){
    .top-bar{
        position: relative;
        z-index: 998;
        background: #F8F8F8
    }
    .top-bar .top-bar-left,.top-bar .top-bar-right{
        text-align: center
    }
    .top-bar-right.sidebar .widget_nav_menu > div > ul.menu ul ul{
        right: auto;
        left: 100%
    }
    body.header-2 .top-bar,body.header-4 .top-bar{
        position: relative
    }
}
@media screen and (max-width: 479px){
    .top-bar ul.top-bar-info li{
        display: block;
        margin-left: 0 !important
    }
}
@media screen and (min-width: 992px){
    .container.header-desktop-wrapper:before,.container.header-desktop-wrapper:after{
        display: none
    }
    .header-mobile-before,.header-mobile-wrapper,li.menu-fly-search{
        display: none !important
    }
    header.main-header{
        background-color: #fff;
        position: relative;
        z-index: 997
    }
    header.main-header .container{
        display: table;
        position: relative
    }
    header.main-header .header-left{
        display: table-cell;
        text-align: left;
        vertical-align: middle
    }
    header.main-header .header-right{
        display: table-cell;
        text-align: right;
        vertical-align: middle
    }
    header.main-header .header-logo{
        height: 100px;
        display: inline-block;
        -webkit-transition: height .3s;
        -moz-transition: height .3s;
        -ms-transition: height .3s;
        -o-transition: height .3s;
        transition: height .3s
    }
    header.main-header .header-logo:before{
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle
    }
    header.main-header .header-logo > a > img{
        max-height: 100px;
        padding-top: 10px;
        padding-bottom: 10px;
        max-width: none;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    header.main-header .header-customize{
        display: inline-block;
        vertical-align: middle;
        margin-left: 30px;
        font-size: 0px;
        color: #535a55;
        line-height: 100px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    header.main-header .header-customize-item{
        font-size: 14px
    }
    header.main-header .icon-search-menu{
        display: block
    }
    header.main-header .custom-text-wrapper,header.main-header .get-a-quote-button{
        display: inline-block;
        vertical-align: middle
    }
    header.main-header .get-a-quote-button{
        height: 42px;
        line-height: 42px;
        background-color: #20b8e7;
        color: #fff;
        padding: 0 15px;
        text-transform: uppercase
    }
    header.main-header .get-a-quote-button > i.fa + span{
        margin-left: 5px
    }
    header.main-header .header-customize-item{
        display: inline-block;
        vertical-align: middle
    }
    header.main-header .header-customize-item + .header-customize-item{
        margin-left: 30px
    }
    header.main-header .menu-wrapper{
        font-family: 'Roboto'
    }
    header.main-header .menu-wrapper .x-nav-menu{
        position: static;
        display: inline-block;
        vertical-align: middle
    }
    header.main-header .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret{
        vertical-align: top
    }
    header.main-header .menu-wrapper .x-nav-menu > li.x-menu-item > a{
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 100px;
        letter-spacing: 0.01em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu li > a{
        color: #222;
        letter-spacing: 0.01em;
        font-weight: 400;
        font-size: 12px
    }
    header.main-header .menu-wrapper .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text,header.main-header .menu-wrapper .x-nav-menu > li.current-menu-parent > a.x-menu-a-text,header.main-header .menu-wrapper .x-nav-menu > li.current-menu-item > a.x-menu-a-text,header.main-header .menu-wrapper .x-nav-menu > li.menu-current > a.x-menu-a-text,header.main-header .menu-wrapper .x-nav-menu > li > a.x-menu-a-text:hover,header.main-header .menu-wrapper .x-nav-menu > li:hover > a{
        position: relative
    }
    header.main-header .menu-wrapper .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text:before,header.main-header .menu-wrapper .x-nav-menu > li.current-menu-parent > a.x-menu-a-text:before,header.main-header .menu-wrapper .x-nav-menu > li.current-menu-item > a.x-menu-a-text:before,header.main-header .menu-wrapper .x-nav-menu > li.menu-current > a.x-menu-a-text:before,header.main-header .menu-wrapper .x-nav-menu > li > a.x-menu-a-text:hover:before,header.main-header .menu-wrapper .x-nav-menu > li:hover > a:before{
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-top: solid 4px #20b8e7
    }
    header.main-header .menu-wrapper .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text,header.main-header .menu-wrapper .x-nav-menu li.current-menu-parent > a.x-menu-a-text,header.main-header .menu-wrapper .x-nav-menu li.current-menu-item > a.x-menu-a-text,header.main-header .menu-wrapper .x-nav-menu li.menu-current > a.x-menu-a-text,header.main-header .menu-wrapper .x-nav-menu li > a.x-menu-a-text:hover,header.main-header .menu-wrapper .x-nav-menu li:hover > a,header.main-header .menu-wrapper .x-nav-menu li ul.x-sub-menu li:hover > a{
        color: #20b8e7
    }
    header.main-header .menu-wrapper .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text > b.x-caret:before,header.main-header .menu-wrapper .x-nav-menu li.current-menu-parent > a.x-menu-a-text > b.x-caret:before,header.main-header .menu-wrapper .x-nav-menu li.current-menu-item > a.x-menu-a-text > b.x-caret:before,header.main-header .menu-wrapper .x-nav-menu li.menu-current > a.x-menu-a-text > b.x-caret:before,header.main-header .menu-wrapper .x-nav-menu li > a.x-menu-a-text:hover > b.x-caret:before,header.main-header .menu-wrapper .x-nav-menu li:hover > a > b.x-caret:before,header.main-header .menu-wrapper .x-nav-menu li ul.x-sub-menu li:hover > a > b.x-caret:before{
        color: #20b8e7
    }
    header.main-header .menu-wrapper .x-nav-menu li.x-header-column > a.x-menu-a-text,header.main-header .menu-wrapper .x-nav-menu li.x-header-column:hover > a.x-menu-a-text{
        color: #535a55
    }
    header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu{
        border: solid 1px #eee;
        font-family: 'Lato';
        background-color: #f8f8f8
    }
    header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu-standard > li{
        padding-left: 15px;
        padding-right: 15px
    }
    header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu-standard > li > a.x-menu-a-text{
        padding-left: 0;
        padding-right: 0
    }
    header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu-standard > li > a.x-menu-a-text:hover{
        margin-left: 0;
        padding-left: 10px
    }
    header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu-standard > li + li > a.x-menu-a-text{
        border-top: solid 1px #eee
    }
    header.main-header .menu-wrapper .x-nav-menu > li > a{
        color: #535a55
    }
    header.main-header .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret:before{
        color: #535a55
    }
    header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu b.x-caret{
        right: 0
    }
    header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item > a.x-menu-a-text{
        font-weight: 400;
        font-family: 'Oswald';
        font-size: 16px;
        letter-spacing: 0.01em;
        position: relative;
        display: inline-block;
        margin-bottom: 10px
    }
    header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item > a.x-menu-a-text:before{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 30px;
        border-top: solid 4px #20b8e7
    }
    header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item ul.x-sub-menu{
        border: none
    }
    header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item > ul.x-sub-menu-standard > li{
        padding-left: 0;
        padding-right: 0
    }
    header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item.x-tabs > a.x-menu-a-text{
        display: none
    }
    header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item.x-tabs > ul.x-sub-menu-tab{
        background-color: #fff
    }
    header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item.x-tabs > ul.x-sub-menu-tab > li.x-menu-active{
        background-color: #f5f5f5
    }
    header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item.x-tabs > ul.x-sub-menu-tab > li > a.x-menu-a-text{
        font-family: 'Oswald';
        border-bottom: solid 1px #eee
    }
    .sticky-wrapper.is-sticky > header.main-header{
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -ms-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    header.header-2{
        position: absolute;
        background-color: transparent;
        left: 0;
        right: 0;
        border-bottom: solid 1px rgba(255,255,255,0.3)
    }
    header.header-2 .header-customize{
        color: #fff
    }
    header.header-2 .menu-wrapper .x-nav-menu > li.x-menu-item > a{
        color: #fff
    }
    header.header-2 .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret:before{
        color: #fff
    }
    header.header-2 .get-a-quote-button{
        background-color: transparent;
        padding: 0
    }
    header.header-2 .get-a-quote-button > span{
        display: none
    }
    header.header-2 .icon-search-menu > i.fa,header.header-2 .get-a-quote-button > i.fa,header.header-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart{
        height: 34px;
        width: 34px;
        border-radius: 100%;
        line-height: 34px;
        background-color: #fff;
        text-align: center;
        color: #222;
        padding: 0
    }
    header.header-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span{
        margin-top: -25px
    }
    header.header-2 .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper{
        background-color: rgba(255,255,255,0.96)
    }
    header.header-2 .header-customize-item + .header-customize-item{
        margin-left: 12px
    }
    header.header-4{
        position: absolute;
        background-color: transparent;
        left: 0;
        right: 0;
        top: 30px
    }
    header.header-4 .container{
        display: block
    }
    header.header-4 .header-desktop-inner{
        background-color: #fff;
        width: 100%;
        display: table;
        position: relative
    }
    header.header-4 .menu-wrapper .x-nav-menu > li.x-menu-item > a{
        line-height: 80px
    }
    header.header-4 .header-customize{
        line-height: 80px;
        margin-left: 75px
    }
    header.header-4 .header-logo{
        background-color: #20b8e7;
        padding-left: 20px;
        padding-right: 20px;
        height: 80px;
        display: inline-block;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    header.header-4 .header-logo:before{
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }
    header.header-4 .get-a-quote-button{
        background-color: transparent;
        padding: 0
    }
    header.header-4 .get-a-quote-button > span{
        display: none
    }
    header.header-4 .icon-search-menu > i.fa,header.header-4 .get-a-quote-button > i.fa,header.header-4 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart{
        height: 34px;
        width: 34px;
        border-radius: 100%;
        line-height: 34px;
        background-color: #F4F4F4;
        text-align: center;
        color: #222;
        padding: 0
    }
    header.header-4 .header-customize-item + .header-customize-item{
        margin-left: 13px
    }
    header.header-4 .header-right{
        padding-right: 20px
    }
    header.header-4 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span{
        margin-top: -25px
    }
    header.header-5{
        position: absolute;
        background-color: transparent;
        left: 0;
        right: 0
    }
    header.header-5 .header-logo{
        background-color: #20b8e7;
        position: relative;
        padding-left: 25px;
        padding-right: 15px
    }
    header.header-5 .header-logo:after{
        content: '';
        display: block;
        left: 100%;
        top: 0;
        height: 100%;
        position: absolute;
        border-top: solid 100px #20b8e7;
        border-right: solid 30px transparent;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    header.header-5 .header-customize{
        color: #fff
    }
    header.header-5 .menu-wrapper{
        position: relative;
        margin-top: 50px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    header.header-5 .menu-wrapper .x-nav-menu > li.x-menu-item > a{
        color: #fff
    }
    header.header-5 .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret:before{
        color: #fff
    }
    header.header-5 .get-a-quote-button{
        background-color: transparent;
        padding: 0
    }
    header.header-5 .get-a-quote-button > span{
        display: none
    }
    header.header-5 .icon-search-menu > i.fa,header.header-5 .get-a-quote-button > i.fa,header.header-5 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart{
        height: 34px;
        width: 34px;
        border-radius: 100%;
        line-height: 34px;
        background-color: rgba(243,243,243,0.4);
        text-align: center;
        color: #fff;
        padding: 0
    }
    header.header-5 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span{
        margin-top: -25px
    }
    header.header-5 .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper{
        background-color: rgba(255,255,255,0.96)
    }
    header.header-5 .header-customize-item + .header-customize-item{
        margin-left: 12px
    }
    body.header-5 .top-bar{
        position: absolute;
        left: 0;
        right: 0;
        background: transparent;
        color: #fff;
        border: none
    }
    body.header-5 .top-bar .sidebar{
        color: #fff
    }
    body.header-5 .top-bar ul.top-bar-info li{
        line-height: 50px
    }
    body.header-2 .sticky-wrapper,body.header-4 .sticky-wrapper,body.header-5 .sticky-wrapper{
        position: absolute;
        left: 0;
        right: 0;
        height: auto !important
    }
    header.header-3 .header-3-menu-wrapper{
        background-color: #222222;
        left: 0;
        right: 0
    }
    header.header-3 .menu-wrapper .x-nav-menu > li.x-menu-item > a{
        color: #fff;
        line-height: 60px
    }
    header.header-3 .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret:before{
        color: #fff
    }
    header.header-3 .header-customize-item + .header-customize-item{
        margin-left: 10px
    }
    header.header-3 .get-a-quote-button{
        line-height: 37px;
        height: 37px
    }
    header.header-3 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart,header.header-3 .icon-search-menu{
        width: 45px;
        height: 37px;
        line-height: 33px;
        border: solid 2px #222;
        color: #222;
        text-align: center;
        padding: 0
    }
    header.header-3 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span{
        margin-top: -27px;
        right: -7px
    }
    header.header-3 .main-menu-custom-text{
        float: right;
        display: block;
        line-height: 60px
    }
    header.header-3 .main-menu-custom-text > i.fa{
        font-size: 41px;
        vertical-align: middle;
        color: #20b8e7;
        margin-right: 5px
    }
    header.header-3 .main-menu-custom-text > span{
        font-size: 34px;
        font-family: 'Oswald';
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        line-height: 1
    }
    .sticky-wrapper.is-sticky > header.main-header{
        z-index: 997;
        left: 0;
        right: 0;
        border-bottom: solid 1px #eee
    }
    .sticky-wrapper.is-sticky > header.main-header .header-logo{
        height: 66px
    }
    .sticky-wrapper.is-sticky .header-3-menu-wrapper{
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -ms-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .sticky-wrapper.is-sticky > header.main-header .header-logo > a > img{
        max-height: 66px;
        padding-top: 5px;
        padding-bottom: 5px;
        max-width: none
    }
    .sticky-wrapper.is-sticky > header.main-header .header-customize{
        line-height: 66px
    }
    .sticky-wrapper.is-sticky > header.main-header .x-nav-menu > li.x-menu-item > a{
        line-height: 66px
    }
    .sticky-wrapper.is-sticky > header.main-header.header-3 .menu-wrapper .x-nav-menu > li.x-menu-item > a{
        padding: 0 !important
    }
    .sticky-wrapper.is-sticky > header.main-header.header-3 .icon-search-menu{
        line-height: 33px
    }
    .sticky-wrapper.is-sticky > header.main-header.header-4 .header-logo{
        height: 66px
    }
    .sticky-wrapper.is-sticky > header.main-header.header-2,.sticky-wrapper.is-sticky > header.main-header.header-5{
        background-color: rgba(56,59,62,0.92);
        border-bottom: none
    }
    .sticky-wrapper.is-sticky > header.main-header.header-2 .menu-wrapper,.sticky-wrapper.is-sticky > header.main-header.header-5 .menu-wrapper{
        margin-top: 0
    }
    .sticky-wrapper.is-sticky > header.main-header.header-2 .header-logo:after,.sticky-wrapper.is-sticky > header.main-header.header-5 .header-logo:after{
        border-top-width: 66px !important
    }
    body.boxed header.header-5 .container{
        padding-left: 0px
    }
    .sticky-wrapper.is-sticky > header.main-header.header-4{
        border-bottom: none
    }
    .sticky-wrapper.is-sticky > header.main-header.header-4 .header-desktop-inner{
        box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2)
    }
    body.boxed .sticky-wrapper.is-sticky > header.main-header{
        max-width: 1200px;
        margin: auto
    }
    body.boxed .sticky-wrapper.is-sticky .header-3-menu-wrapper{
        margin: auto;
        max-width: 1200px
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    header.header-1 .header-customize-item + .header-customize-item,header.header-1 .header-customize,header.header-1 .x-nav-menu > li.x-menu-item + li{
        margin-left: 20px
    }
    header.header-4 .x-nav-menu > li.x-menu-item + li{
        margin-left: 20px
    }
    header.header-4 .header-customize{
        margin-left: 35px
    }
}
.shopping-cart-wrapper{
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    position: relative
}
.shopping-cart-wrapper .widget_shopping_cart_content{
    display: block;
    text-align: left
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon{
    position: relative;
    display: inline-block
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart{
    cursor: pointer;
    padding: 0 15px 0 0
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span{
    position: absolute;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #20b8e7;
    font-weight: normal;
    color: #fff;
    font-size: 10px;
    top: 50%;
    margin-top: -20px;
    right: 0;
    text-align: center;
    line-height: 17px
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper{
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 9998;
    min-width: 300px;
    background: #F8F8F8;
    border: solid 1px #eee;
    border-top: solid 2px #20b8e7;
    padding: 0;
    font-family: 'Lato';
    line-height: 2em
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper .cart-total{
    padding: 0 15px 20px;
    position: relative;
    color: #222222
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty{
    padding: 15px;
    text-align: center
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty h4{
    text-transform: uppercase;
    color: #535a55;
    padding: 0 0 15px;
    margin: 0;
    font-size: 16px;
    word-spacing: 0.2em
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty p{
    color: #8f8f8f;
    padding: 0;
    margin: 0;
    font-size: 14px
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li{
    padding: 15px 0;
    margin: 0;
    position: relative
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li + li{
    border-top: solid 1px #eee
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left{
    float: left;
    overflow: hidden;
    margin-right: 10px;
    border: solid 1px #eee;
    background: #fff
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left > a > img{
    height: auto;
    width: 58px;
    margin: 0;
    display: block
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right{
    overflow: hidden
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a{
    text-transform: uppercase;
    word-spacing: 0.2em;
    color: #535a55;
    font-size: 12px;
    font-weight: 700;
    display: block;
    padding-right: 15px;
    margin-bottom: 6px
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a:hover{
    color: #20b8e7
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity{
    font-size: 12px;
    font-weight: 700;
    display: block;
    text-align: right;
    color: #8f8f8f
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity .amount{
    float: left
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a.mini-cart-remove{
    position: absolute;
    right: 0;
    top: 15px;
    padding-right: 0
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li:after{
    content: "";
    display: block;
    clear: both
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total{
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    line-height: 43px
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total strong{
    text-transform: uppercase;
    font-weight: 400
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total > span.amount{
    font-weight: 700;
    float: right
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons{
    text-align: center;
    margin: 0;
    padding: 15px 0 0;
    font-size: 0
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button{
    color: #fff;
    background: #535a55;
    border-color: #535a55;
    border-radius: 0;
    line-height: 20px;
    padding: 5px 0;
    font-size: 12px;
    width: 48%;
    display: inline-block;
    text-transform: uppercase
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button:hover{
    background-color: #20b8e7;
    border-color: #20b8e7
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button > i.fa{
    margin-right: 5px
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button + .button{
    margin-left: 4%
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl{
    border: none;
    margin: 0;
    padding: 0
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dt{
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    line-height: 25px;
    clear: none;
    font-size: 11px;
    font-weight: 400
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dd{
    padding: 0;
    line-height: 25px;
    display: block;
    float: none;
    margin: 0;
    font-size: 11px
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl p{
    margin: 0;
    padding: 0
}
.shopping-cart-wrapper .widget_shopping_cart_content ul.cart_list,.shopping-cart-wrapper .widget_shopping_cart_content ul.product_list_widget{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 15px 15px 0
}
.shopping-cart-wrapper .widget_shopping_cart_content:hover .cart_list_wrapper{
    display: block
}
@media screen and (min-width: 992px){
    .nav-menu-toggle-wrapper{
        display: none
    }
}
@media screen and (max-width: 991px){
    .mobile-hide-search,.mobile-hide-shopping-cart,.mobile-top-bar-hide{
        display: none !important
    }
    #wrapper{
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        position: relative;
        left: 0
    }
    .main-menu-custom-text{
        display: none !important
    }
    body.menu-mobile-in #wrapper{
        left: 280px;
        overflow: hidden
    }
    .container.header-mobile-wrapper{
        position: relative
    }
    .header-mobile-before{
        text-align: center
    }
    .header-mobile-before img{
        max-height: 72px;
        padding-top: 15px;
        padding-bottom: 15px
    }
    .menu-wrapper{
        position: static !important
    }
    .menu-main-inner{
        display: block !important
    }
    .header-logo-mobile{
        line-height: 72px;
        vertical-align: middle;
        text-align: center
    }
    .header-logo-mobile img{
        max-height: 80px;
        padding-top: 0px;
        padding-bottom: 5px
    }
    header.main-header{
        background: #fff
    }
    header.main-header .header-left,header.main-header .toggle-icon-wrapper.toggle-desktop,header.main-header .header-customize{
        display: none
    }
    header.main-header .header-mobile-wrapper{
        height: 72px
    }
    header.main-header .header-mobile-wrapper .header-customize{
        display: block;
        font-size: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 15px;
        color: #000
    }
    header.main-header .header-mobile-wrapper .header-customize:before{
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }
    header.main-header .header-mobile-wrapper .header-customize-item{
        font-size: 14px;
        display: inline-block;
        vertical-align: middle
    }
    header.main-header .header-mobile-wrapper .header-customize-item + .header-customize-item{
        margin-left: 10px
    }
    header.main-header .header-mobile-wrapper .toggle-icon-wrapper{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 15px
    }
    header.main-header .header-mobile-wrapper .icon-search-menu{
        display: inline-block;
        vertical-align: middle;
        border: solid 2px #222;
        height: 37px;
        width: 45px;
        text-align: center;
        line-height: 32px;
        padding: 0;
        font-size: 14px
    }
    .x-nav-menu{
        background: #383838;
        padding: 0
    }
    .x-nav-menu a.x-menu-a-text > b.x-caret:before{
        color: #ddd
    }
    .x-nav-menu > li.menu-fly-search{
        display: none;
        background-color: #222;
        padding: 15px;
        position: relative
    }
    .x-nav-menu > li.menu-fly-search input{
        background-color: #333;
        border: navajowhite;
        display: block;
        width: 100%
    }
    .x-nav-menu > li.menu-fly-search button{
        border: none;
        background-color: transparent;
        position: absolute;
        top: 0;
        right: 19px;
        line-height: 1;
        bottom: 0;
        margin: auto
    }
    .x-nav-menu li.x-menu-item{
        border-bottom: solid 1px #4c4c4c;
        position: relative
    }
    .x-nav-menu li.x-menu-item > a.x-menu-a-text{
        display: inline-block;
        position: static;
        padding: 5px 15px;
        border-bottom: none;
        text-transform: uppercase;
        font-family: Roboto;
        color: #ddd
    }
    .x-nav-menu li.x-menu-item > a.x-menu-a-text > b.x-caret{
        right: 0;
        bottom: auto;
        top: 0;
        width: 44px;
        height: 38px;
        line-height: 38px;
        text-align: center
    }
    .x-nav-menu li.x-menu-item.x-sub-menu-open > a.x-menu-a-text:before{
        content: "";
        display: block;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent;
        border-top: solid 6px #383838;
        position: absolute;
        top: 38px
    }
    .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text,.x-nav-menu li.current-menu-parent > a.x-menu-a-text,.x-nav-menu li.current-menu-item > a.x-menu-a-text,.x-nav-menu li.menu-current > a.x-menu-a-text,.x-nav-menu li > a.x-menu-a-text:hover,.x-nav-menu li:hover > a,.x-nav-menu li ul.x-sub-menu li:hover > a{
        color: #20b8e7
    }
    .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text > b.x-caret:before,.x-nav-menu li.current-menu-parent > a.x-menu-a-text > b.x-caret:before,.x-nav-menu li.current-menu-item > a.x-menu-a-text > b.x-caret:before,.x-nav-menu li.menu-current > a.x-menu-a-text > b.x-caret:before,.x-nav-menu li > a.x-menu-a-text:hover > b.x-caret:before,.x-nav-menu li:hover > a > b.x-caret:before,.x-nav-menu li ul.x-sub-menu li:hover > a > b.x-caret:before{
        color: #20b8e7
    }
    .x-nav-menu ul.x-sub-menu{
        background-color: #444;
        padding-left: 0
    }
    .x-nav-menu ul.x-sub-menu > li.x-menu-item > a.x-menu-a-text{
        font-size: 14px;
        text-transform: none
    }
    .x-nav-menu ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > a.x-menu-a-text:before{
        border-top: solid 6px #444
    }
    .x-nav-menu ul ul.x-sub-menu{
        background-color: #525252
    }
    .x-nav-menu ul ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > a.x-menu-a-text:before{
        border-top: solid 6px #525252
    }
    .x-nav-menu ul ul ul.x-sub-menu{
        background-color: #5f5f5f
    }
    .x-nav-menu ul ul ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > a.x-menu-a-text:before{
        border-top: solid 6px #5f5f5f
    }
    .x-nav-menu ul ul ul ul.x-sub-menu{
        background-color: #414141
    }
    .x-nav-menu.menu-drop-fly{
        display: block;
        position: fixed;
        margin: 0;
        top: 0;
        bottom: 0;
        overflow: auto;
        overflow-x: hidden;
        width: 280px;
        left: -280px;
        border-right: solid 3px #20b8e7;
        z-index: 999999;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    .x-nav-menu.menu-drop-fly.in{
        left: 0
    }
    .x-nav-menu.menu-drop-fly > li.menu-fly-search{
        display: block !important
    }
    .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon{
        display: inline-block;
        line-height: 72px
    }
    .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart{
        display: inline-block;
        border: solid 2px #222;
        height: 37px;
        width: 45px;
        text-align: center;
        line-height: 32px;
        padding: 0;
        font-size: 14px
    }
    .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span{
        margin-top: -25px;
        right: -8px
    }
    header.header-mobile-2{
        background-color: #333
    }
    header.header-mobile-2 .header-mobile-wrapper{
        min-height: 0;
        height: 72px
    }
    header.header-mobile-2 .header-mobile-wrapper .header-customize{
        right: 0
    }
    header.main-header .header-mobile-2{
        height: 72px;
        position: relative
    }
    header.main-header .header-mobile-2 .header-customize{
        color: #eee
    }
    header.main-header .header-mobile-2 .icon-search-menu,header.main-header .header-mobile-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart{
        border: solid 1px #eee;
        height: 30px;
        width: 36px;
        line-height: 28px
    }
    header.main-header .header-mobile-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span{
        margin-top: -22px
    }
    header.main-header .header-mobile-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon{
        line-height: 72px
    }
    header.main-header .header-mobile-2 .toggle-icon-wrapper{
        left: 0
    }
    header.main-header .header-mobile-2 .toggle-icon-wrapper .toggle-icon > span,header.main-header .header-mobile-2 .toggle-icon-wrapper .toggle-icon:before,header.main-header .header-mobile-2 .toggle-icon-wrapper .toggle-icon:after{
        background-color: #eee
    }
    header.main-header .header-mobile-2 .toggle-icon-wrapper.in .toggle-icon > span{
        background-color: transparent
    }
    header.main-header .header-mobile-2 .toggle-icon-wrapper .toggle-icon + span{
        font-family: Oswald;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase;
        color: #eee;
        font-weight: 300
    }
    header.header-mobile-3 .header-logo-mobile{
        text-align: right
    }
    header.header-mobile-3 .header-mobile-wrapper .header-customize{
        left: 65px;
        right: auto
    }
    header.header-mobile-3 .shopping-cart-wrapper{
        position: static
    }
    header.header-mobile-3 .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper{
        left: -45px;
        right: auto
    }
    header.header-mobile-4 .header-logo-mobile{
        text-align: left
    }
    header.header-mobile-4 .header-mobile-wrapper .toggle-icon-wrapper{
        right: 15px;
        left: auto
    }
    header.header-mobile-4 .header-mobile-wrapper .header-customize{
        right: 75px;
        left: auto
    }
    .sticky-wrapper.is-sticky > header.main-header{
        z-index: 997;
        left: 0;
        right: 0
    }
    .sticky-wrapper.is-sticky > header.header-mobile-1,.sticky-wrapper.is-sticky > header.header-mobile-3,.sticky-wrapper.is-sticky > header.header-mobile-4{
        border-bottom: solid 1px #eee
    }
    .sticky-wrapper:not(.is-sticky){
        height: auto !important;
        position: relative !important
    }
    .sticky-wrapper.is-sticky header.main-header ul.x-nav-menu{
        max-height: 450px;
        overflow: auto
    }
    .sticky-wrapper.is-sticky header.main-header ul.x-nav-menu.menu-drop-fly{
        max-height: none
    }
    .sticky-wrapper.is-sticky > header.main-header.menu-drop-fly{
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    body.menu-mobile-in .sticky-wrapper.is-sticky > header.main-header.menu-drop-fly{
        left: 280px;
        right: -280px
    }
}
@media screen and (max-width: 480px){
    .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper{
        min-width: 280px
    }
}
@media screen and (max-width: 320px){
    .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper{
        min-width: 254px
    }
}
.page-template-coming-soon #top-drawer-area{
    display: none
}
#top-drawer-area{
    position: relative;
    z-index: 999
}
#top-drawer-bar{
    background-color: #2f2f2f;
    color: #c5c5c5;
    height: auto;
    overflow: hidden;
    padding: 35px 10px;
    z-index: 3
}
#top-drawer-bar .sidebar{
    color: #c5c5c5
}
#top-drawer-bar .sidebar h4.widget-title{
    color: #c5c5c5
}
#top-drawer-bar .sidebar .widget-posts-wrap .widget-posts-title{
    color: #c5c5c5
}
#top-drawer-bar .sidebar #wp-calendar caption,#top-drawer-bar .sidebar #wp-calendar thead th{
    color: #c5c5c5
}
#top-drawer-bar .sidebar .widget-social-profile{
    line-height: 50px
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu{
    overflow: visible;
    border: none;
    margin: 0;
    padding: 0
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li{
    display: inline-block;
    position: relative
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li:before{
    display: none
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li:hover > ul{
    display: block
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li{
    line-height: 50px;
    padding: 0;
    margin: 0
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li + li{
    margin-left: 20px
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul{
    display: none;
    border-top: solid 1px #444;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 100%;
    background-color: #2f2f2f;
    color: #c5c5c5;
    text-align: left;
    margin: 0;
    padding: 0 15px;
    min-width: 150px
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li{
    display: block;
    line-height: 26px
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li + li{
    border-top: solid 1px #444
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul ul{
    left: 100%;
    top: 0
}
#top-drawer-bar .sidebar .darna-contact-info span i{
    color: #FFFFFF
}
#top-drawer-bar .sidebar ul.product_list_widget li a{
    color: #FFFFFF
}
.top-drawer-toggle{
    border-left: 35px solid transparent;
    border-top: 35px solid #20b8e7;
    position: absolute;
    right: 0;
    top: 0
}
.top-drawer-toggle:after{
    color: #FFFFFF;
    content: "\f067";
    display: block;
    font-family: fontawesome;
    font-size: 13px;
    left: -14px;
    position: absolute;
    text-shadow: none;
    top: -35px
}
.top-drawer-toggle.open:after{
    content: "\f068"
}
.top-drawer-show{
    display: block
}
.top-drawer-hide{
    display: none
}
#top-drawer-area .g5plus-col-3,#top-drawer-area .g5plus-col-4,#top-drawer-area .g5plus-col-6,#top-drawer-area .g5plus-col-8,#top-drawer-area .g5plus-col-12{
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#top-drawer-area .g5plus-col-3{
    width: 25%
}
#top-drawer-area .g5plus-col-4{
    width: 33.33333333%
}
#top-drawer-area .g5plus-col-6{
    width: 50%
}
#top-drawer-area .g5plus-col-8{
    width: 66.66666667%
}
#top-drawer-area .g5plus-col-12{
    width: 100%
}
footer.main-footer-wrapper{
    padding-top: 60px;
    position: relative;
    background-color: #2f2f2f;
    color: #8f8f8f;
    text-transform: none
}
footer.main-footer-wrapper:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5)
}
footer.main-footer-wrapper .footer-above-wrapper{
    text-align: center;
    padding-bottom: 36px
}
footer.main-footer-wrapper h4.widget-title{
    font-family: 'Lato';
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #fff;
    text-transform: none;
    margin-bottom: 18px
}
footer.main-footer-wrapper h4.widget-title:after{
    display: none
}
footer.main-footer-wrapper .sidebar aside{
    margin-bottom: 24px
}
footer.main-footer-wrapper .sidebar .widget-social-profile li a i.fa{
    color: #fff
}
footer.main-footer-wrapper .sidebar .widget-twitter-wrap span.twitter-content a{
    color: #fff
}
footer.main-footer-wrapper .sidebar .widget-twitter-wrap span.twitter-content a:hover{
    color: #20b8e7
}
footer.main-footer-wrapper .sidebar .widget-twitter-wrap span.twitter-time{
    text-transform: uppercase;
    font-size: 11px
}
footer.main-footer-wrapper .sidebar .mail-chimp-wrapper .mail-chimp-button > input{
    background-color: rgba(255,255,255,0.1);
    width: 100%
}
footer.main-footer-wrapper .footer-logo .sub-description{
    padding-top: 32px;
    line-height: 20px;
    font-size: 16px;
    font-style: italic
}
footer.main-footer-wrapper .sidebar-bottom-left{
    text-align: left
}
footer.main-footer-wrapper .sidebar-bottom-right{
    text-align: right
}
footer.main-footer-wrapper .bottom-bar-wrapper{
    font-size: 12px
}
footer.main-footer-wrapper .bottom-bar-wrapper .bottom-bar-inner{
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: solid 2px rgba(255,255,255,0.2)
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar aside{
    margin-bottom: 0
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu{
    overflow: visible;
    border: none;
    margin: 0;
    padding: 0
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li > a{
    line-height: 42px;
    text-transform: uppercase
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li{
    display: inline-block;
    position: relative;
    white-space: nowrap
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li > a{
    font-size: 12px
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li:before{
    display: none
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li:hover > ul{
    display: block
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li{
    padding: 0;
    margin: 0
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li + li{
    margin-left: 20px
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul{
    display: none;
    border-bottom: solid 2px #20b8e7;
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: 100%;
    background-color: #fefefe;
    color: #8f8f8f;
    text-align: left;
    margin: 0;
    min-width: 150px;
    padding-left: 0;
    padding-top: 5px
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul li{
    display: block;
    line-height: 26px;
    padding: 0 15px
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul li + li{
    border-top: solid 1px #eee
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul ul{
    left: 100%;
    top: 0
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_text a{
    font-weight: 700;
    color: #bebebe
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_text a:hover{
    color: #20b8e7
}
footer.main-footer-wrapper .bottom-bar-text{
    margin: 0;
    line-height: 42px;
    text-transform: uppercase;
    word-spacing: 0.1em
}
footer.main-footer-wrapper .collapse:before{
    content: "\f054";
    font-family: "fontawesome";
    position: absolute;
    right: 10px
}
footer.main-footer-wrapper .expanded,footer.main-footer-wrapper .collapse{
    display: block;
    visibility: visible;
    cursor: pointer
}
footer.main-footer-wrapper .expanded:before{
    content: "\f078";
    font-family: "fontawesome";
    position: absolute;
    right: 10px
}
body.footer-static{
    padding-bottom: 0px !important
}
body.footer-static footer.enable-parallax{
    position: relative
}
@media only screen and (min-width: 992px){
    footer.enable-parallax{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        margin: auto;
        width: 100%;
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -ms-backface-visibility: visible;
        backface-visibility: visible
    }
    body.boxed footer.enable-parallax{
        max-width: 1200px
    }
}
@media screen and (max-width: 991px){
    footer.main-footer-wrapper .sidebar-bottom-right{
        text-align: left
    }
    footer.main-footer-wrapper.footer-collapse-able h4.widget-title{
        margin-bottom: 0
    }
    footer.main-footer-wrapper.footer-collapse-able h4.widget-title + div{
        padding-top: 18px;
        margin: 0
    }
}
.search-form{
    position: relative
}
.search-form input[type="text"]{
    width: 100%;
    padding-right: 48px;
    height: 38px;
    border-color: #F3F3F3
}
.search-form input[type="text"]:focus{
    border-color: #20b8e7
}
.search-form input[type="text"]:focus + button{
    background-color: #535a55
}
.search-form button[type="submit"]{
    position: absolute;
    border: none;
    right: 0;
    top: 0;
    padding: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #20b8e7;
    color: #fff;
    font-size: 14px
}
.search-form button[type="submit"]:hover{
    background-color: #535a55
}
.screen-reader-text{
    display: none
}
#wp-calendar{
    width: 100%
}
#wp-calendar caption{
    text-align: right;
    color: #535a55;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 15px;
    padding: 0;
    font-weight: 600
}
#wp-calendar thead{
    font-size: 10px
}
#wp-calendar thead th{
    padding-bottom: 10px;
    text-align: center;
    color: #535a55
}
#wp-calendar tbody{
    color: #8f8f8f;
    font-size: 13px
}
#wp-calendar tbody td{
    background: #eee;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px
}
#wp-calendar tbody td.pad:hover{
    background: transparent !important
}
#wp-calendar tbody td:hover{
    color: #fff;
    background: #20b8e7
}
#wp-calendar tbody td:hover a{
    color: #fff
}
#wp-calendar tbody a{
    font-weight: bold;
    color: #20b8e7
}
#wp-calendar tbody .pad{
    background: none
}
#wp-calendar tfoot #next{
    font-size: 10px;
    text-transform: uppercase;
    text-align: right
}
#wp-calendar tfoot #prev{
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background-color: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 8px 35px 8px
}
.woocommerce .widget_price_filter .ui-slider-horizontal{
    height: 10px
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #20b8e7
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    width: 18px;
    height: 18px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #20b8e7;
    top: -4px
}
.woocommerce .widget_price_filter .price_label{
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em
}
h4.widget-title{
    font-size: 21px;
    color: #535a55;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 30px
}
h4.widget-title:after{
    content: "";
    width: 50px;
    height: 4px;
    display: block;
    background-color: #20b8e7;
    margin-top: 10px
}
.sidebar .tagcloud{
    font-size: 0
}
.sidebar .tagcloud a{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    display: inline-block;
    padding: 9px 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    line-height: 1;
    font-size: 11px !important;
    text-transform: uppercase;
    background-color: #f3f3f3
}
.sidebar .tagcloud a:last-child{
    margin-right: 0
}
.sidebar .tagcloud a:hover{
    background: #20b8e7;
    color: #FFFFFF;
    text-decoration: none
}
.sidebar select{
    width: 100%
}
.sidebar .widget_archive > ul,.sidebar .widget_archive > ol,.sidebar .widget_categories > ul,.sidebar .widget_categories > ol,.sidebar .widget_product_categories > ul,.sidebar .widget_product_categories > ol,.sidebar .widget_nav_menu > div > ul,.sidebar .widget_nav_menu > div > ol,.sidebar .widget_meta > ul,.sidebar .widget_meta > ol,.sidebar .widget_pages > ul,.sidebar .widget_pages > ol,.sidebar .widget_recent_comments > ul,.sidebar .widget_recent_comments > ol,.sidebar .widget_recent_entries > ul,.sidebar .widget_recent_entries > ol,.sidebar .widget_rss > ul,.sidebar .widget_rss > ol{
    list-style: none;
    padding-left: 0;
    overflow: auto;
    margin: 0;
    line-height: 2;
    font-size: 12px
}
.sidebar .widget_archive li,.sidebar .widget_categories li,.sidebar .widget_product_categories li,.sidebar .widget_nav_menu > div li,.sidebar .widget_meta li,.sidebar .widget_pages li,.sidebar .widget_recent_comments li,.sidebar .widget_recent_entries li,.sidebar .widget_rss li{
    padding-top: 6px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em
}
.sidebar .widget_archive li a:hover,.sidebar .widget_categories li a:hover,.sidebar .widget_product_categories li a:hover,.sidebar .widget_nav_menu > div li a:hover,.sidebar .widget_meta li a:hover,.sidebar .widget_pages li a:hover,.sidebar .widget_recent_comments li a:hover,.sidebar .widget_recent_entries li a:hover,.sidebar .widget_rss li a:hover{
    color: #20b8e7
}
.sidebar .widget_archive li.current-cat > a,.sidebar .widget_categories li.current-cat > a,.sidebar .widget_product_categories li.current-cat > a,.sidebar .widget_nav_menu > div li.current-cat > a,.sidebar .widget_meta li.current-cat > a,.sidebar .widget_pages li.current-cat > a,.sidebar .widget_recent_comments li.current-cat > a,.sidebar .widget_recent_entries li.current-cat > a,.sidebar .widget_rss li.current-cat > a,.sidebar .widget_archive li.current-menu-item > a,.sidebar .widget_categories li.current-menu-item > a,.sidebar .widget_product_categories li.current-menu-item > a,.sidebar .widget_nav_menu > div li.current-menu-item > a,.sidebar .widget_meta li.current-menu-item > a,.sidebar .widget_pages li.current-menu-item > a,.sidebar .widget_recent_comments li.current-menu-item > a,.sidebar .widget_recent_entries li.current-menu-item > a,.sidebar .widget_rss li.current-menu-item > a{
    color: #20b8e7
}
.sidebar .widget_archive li.current-cat:before,.sidebar .widget_categories li.current-cat:before,.sidebar .widget_product_categories li.current-cat:before,.sidebar .widget_nav_menu > div li.current-cat:before,.sidebar .widget_meta li.current-cat:before,.sidebar .widget_pages li.current-cat:before,.sidebar .widget_recent_comments li.current-cat:before,.sidebar .widget_recent_entries li.current-cat:before,.sidebar .widget_rss li.current-cat:before,.sidebar .widget_archive li.current-menu-item:before,.sidebar .widget_categories li.current-menu-item:before,.sidebar .widget_product_categories li.current-menu-item:before,.sidebar .widget_nav_menu > div li.current-menu-item:before,.sidebar .widget_meta li.current-menu-item:before,.sidebar .widget_pages li.current-menu-item:before,.sidebar .widget_recent_comments li.current-menu-item:before,.sidebar .widget_recent_entries li.current-menu-item:before,.sidebar .widget_rss li.current-menu-item:before{
    border-color: #20b8e7
}
.sidebar .widget_archive li:hover > ul,.sidebar .widget_categories li:hover > ul,.sidebar .widget_product_categories li:hover > ul,.sidebar .widget_nav_menu > div li:hover > ul,.sidebar .widget_meta li:hover > ul,.sidebar .widget_pages li:hover > ul,.sidebar .widget_recent_comments li:hover > ul,.sidebar .widget_recent_entries li:hover > ul,.sidebar .widget_rss li:hover > ul{
    color: #8f8f8f
}
.sidebar .widget_archive li .show_count,.sidebar .widget_categories li .show_count,.sidebar .widget_product_categories li .show_count,.sidebar .widget_nav_menu > div li .show_count,.sidebar .widget_meta li .show_count,.sidebar .widget_pages li .show_count,.sidebar .widget_recent_comments li .show_count,.sidebar .widget_recent_entries li .show_count,.sidebar .widget_rss li .show_count{
    float: right
}
.sidebar .widget_archive li:before,.sidebar .widget_categories li:before,.sidebar .widget_product_categories li:before,.sidebar .widget_nav_menu > div li:before,.sidebar .widget_meta li:before,.sidebar .widget_pages li:before,.sidebar .widget_recent_comments li:before,.sidebar .widget_recent_entries li:before,.sidebar .widget_rss li:before{
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-right: 5px;
    margin-top: -4px;
    font-size: 14px;
    vertical-align: middle;
    line-height: 14px;
    color: #20b8e7
}
.sidebar .widget_archive > ul > li:first-child,.sidebar .widget_categories > ul > li:first-child,.sidebar .widget_product_categories > ul > li:first-child,.sidebar .widget_nav_menu > div > ul > li:first-child,.sidebar .widget_meta > ul > li:first-child,.sidebar .widget_pages > ul > li:first-child,.sidebar .widget_recent_comments > ul > li:first-child,.sidebar .widget_recent_entries > ul > li:first-child,.sidebar .widget_rss > ul > li:first-child{
    padding-top: 0
}
.sidebar .widget_archive li + li,.sidebar .widget_categories li + li,.sidebar .widget_product_categories li + li,.sidebar .widget_nav_menu > div li + li,.sidebar .widget_meta li + li,.sidebar .widget_pages li + li,.sidebar .widget_recent_comments li + li,.sidebar .widget_recent_entries li + li,.sidebar .widget_rss li + li{
    margin-top: 6px
}
.sidebar .widget_archive a,.sidebar .widget_categories a,.sidebar .widget_product_categories a,.sidebar .widget_nav_menu > div a,.sidebar .widget_meta a,.sidebar .widget_pages a,.sidebar .widget_recent_comments a,.sidebar .widget_recent_entries a,.sidebar .widget_rss a{
    color: inherit
}
.sidebar .widget_archive a:hover,.sidebar .widget_categories a:hover,.sidebar .widget_product_categories a:hover,.sidebar .widget_nav_menu > div a:hover,.sidebar .widget_meta a:hover,.sidebar .widget_pages a:hover,.sidebar .widget_recent_comments a:hover,.sidebar .widget_recent_entries a:hover,.sidebar .widget_rss a:hover{
    text-decoration: none
}
.sidebar .widget_archive ul ul,.sidebar .widget_categories ul ul,.sidebar .widget_product_categories ul ul,.sidebar .widget_nav_menu ul ul,.sidebar .widget_meta ul ul,.sidebar .widget_pages ul ul,.sidebar .widget_recent_comments ul ul,.sidebar .widget_recent_entries ul ul,.sidebar .widget_rss ul ul{
    padding-left: 18px;
    padding-top: 6px;
    list-style-type: none;
    text-transform: none
}
.sidebar .widget_archive ul ul li:before,.sidebar .widget_categories ul ul li:before,.sidebar .widget_product_categories ul ul li:before,.sidebar .widget_nav_menu ul ul li:before,.sidebar .widget_meta ul ul li:before,.sidebar .widget_pages ul ul li:before,.sidebar .widget_recent_comments ul ul li:before,.sidebar .widget_recent_entries ul ul li:before,.sidebar .widget_rss ul ul li:before{
    color: #8f8f8f
}
.sidebar .widget-social-profile{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0
}
.sidebar .widget-social-profile li{
    display: inline-block;
    vertical-align: middle
}
.sidebar .widget-social-profile li a{
    display: inline-block
}
.sidebar .widget-social-profile li a i.fa{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 15px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    line-height: 24px
}
.sidebar .widget-social-profile li a:hover i{
    color: #20b8e7
}
.sidebar .widget-social-profile li + li{
    margin-left: 6px
}
.sidebar .widget-social-profile.social-icon-bordered li a i.fa{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 15px;
    height: 34px;
    width: 34px;
    line-height: 34px;
    background-color: rgba(255,255,255,0.2)
}
.sidebar .widget-social-profile.social-icon-bordered li a:hover i.fa{
    border-color: #20b8e7;
    background-color: #20b8e7;
    color: #535a55
}
.sidebar .widget-social-profile.social-icon-bordered li + li{
    margin-left: 10px
}
.sidebar ul.product_list_widget li{
    padding: 0px;
    margin-bottom: 15px
}
.sidebar ul.product_list_widget li img{
    float: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 70px;
    margin-left: 0px;
    margin-right: 20px;
    border: 1px solid #eee
}
.sidebar ul.product_list_widget li a{
    color: #535a55;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px
}
.sidebar ul.product_list_widget li a:hover{
    color: #20b8e7;
    text-decoration: none
}
.sidebar ul.product_list_widget li span.amount{
    font-size: 16px;
    color: #535a55;
    font-weight: bold
}
.sidebar ul.product_list_widget li ins{
    text-decoration: none;
    margin-right: 3px
}
.sidebar ul.product_list_widget li del span.amount{
    font-size: 14px;
    color: #cacaca
}
.sidebar ul.product_list_widget li .star-rating{
    float: none;
    margin: 0 0 5px 0;
    font-size: 10px;
    width: 66px;
    height: 10px;
    letter-spacing: 3px
}
.sidebar ul.product_list_widget li:last-child{
    margin-bottom: 0
}
.sidebar .widget-posts-wrap{
    background-color: #f6f6f6;
    padding: 30px 20px
}
.sidebar .widget-posts-wrap .widget_posts_item + .widget_posts_item{
    margin-top: 15px
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail{
    width: 64px;
    float: left;
    margin-right: 15px
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail{
    position: relative
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto{
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    right: 0;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.entry-thumbnail_overlay:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(32,184,231,0.7)
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.prettyPhoto{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail_overlay img{
    width: 100%;
    display: block
}
.sidebar .widget-posts-wrap .widget-posts-content-wrap{
    position: relative;
    overflow: hidden
}
.sidebar .widget-posts-wrap .widget-posts-title{
    font-size: 14px;
    color: #535a55
}
.sidebar .widget-posts-wrap .widget-posts-title:hover{
    text-decoration: none;
    color: #20b8e7
}
.sidebar .widget-posts-wrap .widget-posts-date{
    font-size: 12px;
    text-transform: uppercase
}
.sidebar .widget-posts-wrap .owl-theme .owl-controls{
    display: none !important
}
.sidebar .widget-twitter-wrap .widget-twitter-item + .widget-twitter-item{
    margin-top: 20px
}
.sidebar .widget-twitter-wrap i{
    font-size: 14px;
    color: #20b8e7
}
.sidebar .widget-twitter-wrap span.twitter-time{
    color: #b1b1b1;
    display: block
}
.sidebar .widget-twitter-wrap span.twitter-content a{
    color: #535a55
}
.sidebar .widget-twitter-wrap span.twitter-content a:hover{
    color: #20b8e7
}
.sidebar .widget-contact-info{
    margin: 0;
    padding: 0;
    list-style: none
}
.sidebar .widget-contact-info > li > i.fa{
    width: 18px
}
.sidebar .mail-chimp-wrapper > p{
    line-height: 28px
}
.sidebar .mail-chimp-wrapper .mail-chimp-button{
    position: relative
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > input{
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    border: none;
    line-height: 1;
    height: 30px
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > button{
    border: none;
    background: none;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #20b8e7
}
.sidebar .footer-logo .sub-description{
    padding-top: 28px;
    line-height: 28px
}
.sidebar .widget-text-intro{
    font-size: 30px;
    font-family: Oswald;
    text-align: center;
    border: dashed 3px #c5c5c5;
    padding: 55px 10px;
    font-weight: 100
}
.right-sidebar aside,.left-sidebar aside,.woocommerce-sidebar aside{
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 30px
}
.right-sidebar aside + aside,.left-sidebar aside + aside,.woocommerce-sidebar aside + aside{
    margin-top: 30px
}
.right-sidebar aside:last-child,.left-sidebar aside:last-child,.woocommerce-sidebar aside:last-child{
    margin-bottom: 100px;
    padding-bottom: 0;
    border-bottom: none
}
.woocommerce-sidebar .widget_archive > ul,.woocommerce-sidebar .widget_archive > ol,.woocommerce-sidebar .widget_categories > ul,.woocommerce-sidebar .widget_categories > ol,.woocommerce-sidebar .widget_nav_menu > div > ul,.woocommerce-sidebar .widget_nav_menu > div > ol,.woocommerce-sidebar .widget_meta > ul,.woocommerce-sidebar .widget_meta > ol,.woocommerce-sidebar .widget_pages > ul,.woocommerce-sidebar .widget_pages > ol,.woocommerce-sidebar .widget_recent_comments > ul,.woocommerce-sidebar .widget_recent_comments > ol,.woocommerce-sidebar .widget_recent_entries > ul,.woocommerce-sidebar .widget_recent_entries > ol,.woocommerce-sidebar .widget_rss > ul,.woocommerce-sidebar .widget_rss > ol{
    border-bottom: none;
    padding-bottom: 0
}
.blog-inner .entry-thumbnail-wrap,.darna-post .darna-post-image .entry-thumbnail-wrap{
    margin-bottom: 40px
}
.blog-inner .entry-thumbnail,.darna-post .darna-post-image .entry-thumbnail{
    position: relative
}
.blog-inner .entry-thumbnail a.prettyPhoto,.darna-post .darna-post-image .entry-thumbnail a.prettyPhoto{
    position: absolute;
    top: 0;
    width: 56px;
    height: 55px;
    right: 0;
    line-height: 54px;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}
.blog-inner .entry-thumbnail:hover a.entry-thumbnail_overlay:before,.darna-post .darna-post-image .entry-thumbnail:hover a.entry-thumbnail_overlay:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(32,184,231,0.7)
}
.blog-inner .entry-thumbnail:hover a.prettyPhoto,.darna-post .darna-post-image .entry-thumbnail:hover a.prettyPhoto{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.blog-inner .entry-thumbnail_overlay img,.darna-post .darna-post-image .entry-thumbnail_overlay img{
    width: 100%;
    display: block
}
.blog-inner h3.entry-title,.darna-post .darna-post-image h3.entry-title{
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 5px
}
.blog-inner h3.entry-title a,.darna-post .darna-post-image h3.entry-title a{
    color: #222
}
.blog-inner h3.entry-title a:hover,.darna-post .darna-post-image h3.entry-title a:hover{
    color: #20b8e7
}
.blog-inner .entry-excerpt,.darna-post .darna-post-image .entry-excerpt{
    margin-bottom: 30px
}
.blog-inner .entry-excerpt p,.darna-post .darna-post-image .entry-excerpt p{
    margin-bottom: 0
}
.blog-inner .jp-audio a:hover,.darna-post .darna-post-image .jp-audio a:hover,.blog-inner .jp-play-bar,.darna-post .darna-post-image .jp-play-bar,.blog-inner .jp-play-bar,.darna-post .darna-post-image .jp-play-bar,.blog-inner .jp-volume-bar-value,.darna-post .darna-post-image .jp-volume-bar-value{
    color: #e74c3c
}
.blog-inner .jp-play-bar,.darna-post .darna-post-image .jp-play-bar,.blog-inner .jp-volume-bar-value,.darna-post .darna-post-image .jp-volume-bar-value{
    background-color: #e74c3c
}
.blog-inner .jp-interface,.darna-post .darna-post-image .jp-interface{
    height: 80px;
    background-color: #535a55
}
.blog-inner .jp-controls,.darna-post .darna-post-image .jp-controls{
    height: 80px;
    line-height: 80px
}
.blog-inner .jp-seek-bar,.darna-post .darna-post-image .jp-seek-bar{
    background-color: #4e4e4e;
    height: 4px
}
.blog-inner article,.darna-post .darna-post-image article{
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #eee
}
.blog-inner .entry-post-meta-wrap ul.entry-meta,.darna-post .darna-post-image .entry-post-meta-wrap ul.entry-meta{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li,.darna-post .darna-post-image .entry-post-meta-wrap ul.entry-meta li{
    display: inline;
    font-size: 12px;
    font-style: italic;
    margin-right: 25px;
    text-transform: uppercase
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li:last-child,.darna-post .darna-post-image .entry-post-meta-wrap ul.entry-meta li:last-child{
    margin-right: 0
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li i,.darna-post .darna-post-image .entry-post-meta-wrap ul.entry-meta li i{
    font-size: 12px;
    margin-right: 4px
}
.blog-inner .entry-content-top-wrap,.darna-post .darna-post-image .entry-content-top-wrap{
    margin-bottom: 20px
}
.blog-inner .entry-post-format-icon,.darna-post .darna-post-image .entry-post-format-icon{
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #20b8e7;
    color: #fff;
    font-size: 21px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 24px
}
.blog-inner .entry-post-format-icon:after,.darna-post .darna-post-image .entry-post-format-icon:after{
    content: "";
    height: 4px;
    width: 100%;
    background-color: #20b8e7;
    display: block;
    margin-top: 20px
}
.blog-inner .entry-content-top-right,.darna-post .darna-post-image .entry-content-top-right{
    position: relative;
    overflow: hidden
}
.blog-inner article.format-quote .entry-content-quote blockquote,.darna-post .darna-post-image article.format-quote .entry-content-quote blockquote{
    padding: 20px 30px;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    background-color: #f3f3f3;
    color: #2a2a2a;
    border-left: 10px solid #20b8e7;
    margin-bottom: 0
}
.blog-inner article.format-quote .entry-content-quote blockquote cite,.darna-post .darna-post-image article.format-quote .entry-content-quote blockquote cite{
    font-size: 14px
}
.blog-inner article.format-link .entry-content-link,.darna-post .darna-post-image article.format-link .entry-content-link{
    padding: 20px 30px;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    background-color: #f3f3f3;
    color: #2a2a2a
}
.blog-inner article.format-link .entry-content-link p,.darna-post .darna-post-image article.format-link .entry-content-link p{
    margin-bottom: 0
}
.post-meta-line{
    height: 3px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff
}
.post-meta-line:before{
    content: "";
    border: 1px dotted #eee;
    display: block
}
.site-content-archive{
    margin-bottom: 40px
}
.blog-paging-wrapper{
    margin-bottom: 60px;
    height: 40px
}
.blog-paging-wrapper ul.pagination,.woocommerce-pagination ul.pagination{
    padding: 0;
    margin: 0
}
.blog-paging-wrapper .pagination > li > a,.woocommerce-pagination .pagination > li > a,.blog-paging-wrapper .pagination > li > span,.woocommerce-pagination .pagination > li > span{
    font-size: 14px;
    color: #8f8f8f;
    padding: 0;
    width: 50px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.blog-paging-wrapper .pagination > li + li > a,.woocommerce-pagination .pagination > li + li > a,.blog-paging-wrapper .pagination > li + li > span,.woocommerce-pagination .pagination > li + li > span{
    margin-left: 10px
}
.blog-paging-wrapper .pagination > li > a.current,.woocommerce-pagination .pagination > li > a.current,.blog-paging-wrapper .pagination > li > span.current,.woocommerce-pagination .pagination > li > span.current,.blog-paging-wrapper .pagination > li > a:hover,.woocommerce-pagination .pagination > li > a:hover,.blog-paging-wrapper .pagination > li > span:hover,.woocommerce-pagination .pagination > li > span:hover,.blog-paging-wrapper .pagination > li > a:active,.woocommerce-pagination .pagination > li > a:active,.blog-paging-wrapper .pagination > li > span:active,.woocommerce-pagination .pagination > li > span:active,.blog-paging-wrapper .pagination > li > a:focus,.woocommerce-pagination .pagination > li > a:focus,.blog-paging-wrapper .pagination > li > span:focus,.woocommerce-pagination .pagination > li > span:focus{
    background-color: #20b8e7;
    color: #fff;
    border-color: #20b8e7
}
.blog-paging-default{
    text-align: right
}
.blog-paging-wrapper.blog-paging-load-more{
    text-align: center
}
.blog-wrap .entry-thumbnail-wrap .owl-theme .owl-controls,.single-product-image-inner .owl-theme .owl-controls,.darna-post .darna-post-image .owl-theme .owl-controls{
    margin: 0
}
.blog-wrap .entry-thumbnail-wrap .owl-pagination,.single-product-image-inner .owl-pagination,.darna-post .darna-post-image .owl-pagination{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0
}
.blog-wrap .entry-thumbnail-wrap .owl-theme .owl-controls .owl-page span,.single-product-image-inner .owl-theme .owl-controls .owl-page span,.darna-post .darna-post-image .owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border: 2px solid #fff;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}
.blog-wrap .entry-thumbnail-wrap .owl-theme .owl-controls .owl-page.active span,.single-product-image-inner .owl-theme .owl-controls .owl-page.active span,.darna-post .darna-post-image .owl-theme .owl-controls .owl-page.active span{
    background-color: #FFFFFF
}
.blog-wrap .entry-thumbnail-wrap .owl-theme .owl-controls .owl-buttons div,.single-product-image-inner .owl-theme .owl-controls .owl-buttons div,.darna-post .darna-post-image .owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    cursor: pointer;
    text-align: center;
    background-color: rgba(0,0,0,0.7);
    z-index: 200;
    padding: 0;
    opacity: 0;
    color: #fff;
    font-size: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.blog-wrap .entry-thumbnail-wrap .owl-next,.single-product-image-inner .owl-next,.darna-post .darna-post-image .owl-next{
    right: 0;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px)
}
.blog-wrap .entry-thumbnail-wrap .owl-prev,.single-product-image-inner .owl-prev,.darna-post .darna-post-image .owl-prev{
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px)
}
.blog-wrap .entry-thumbnail-wrap:hover .owl-theme .owl-controls .owl-buttons div,.single-product-image-inner:hover .owl-theme .owl-controls .owl-buttons div,.darna-post .darna-post-image:hover .owl-theme .owl-controls .owl-buttons div{
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}
.entry-content:after,.comment-text:after{
    content: "";
    clear: both;
    display: block
}
.entry-content table,.comment-text table{
    border-collapse: collapse !important
}
.entry-content table td,.comment-text table td,.entry-content table th,.comment-text table th{
    background-color: #fff
}
.entry-content table,.comment-text table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}
.entry-content table > thead > tr > th,.comment-text table > thead > tr > th,.entry-content table > tbody > tr > th,.comment-text table > tbody > tr > th,.entry-content table > tfoot > tr > th,.comment-text table > tfoot > tr > th,.entry-content table > thead > tr > td,.comment-text table > thead > tr > td,.entry-content table > tbody > tr > td,.comment-text table > tbody > tr > td,.entry-content table > tfoot > tr > td,.comment-text table > tfoot > tr > td{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #eee
}
.entry-content table > thead > tr > th,.comment-text table > thead > tr > th{
    vertical-align: bottom;
    border-bottom: 1px solid #eee
}
.entry-content table > caption + thead > tr:first-child > th,.comment-text table > caption + thead > tr:first-child > th,.entry-content table > colgroup + thead > tr:first-child > th,.comment-text table > colgroup + thead > tr:first-child > th,.entry-content table > thead:first-child > tr:first-child > th,.comment-text table > thead:first-child > tr:first-child > th,.entry-content table > caption + thead > tr:first-child > td,.comment-text table > caption + thead > tr:first-child > td,.entry-content table > colgroup + thead > tr:first-child > td,.comment-text table > colgroup + thead > tr:first-child > td,.entry-content table > thead:first-child > tr:first-child > td,.comment-text table > thead:first-child > tr:first-child > td{
    border-top: 0
}
.entry-content table > tbody + tbody,.comment-text table > tbody + tbody{
    border-top: 1px solid #eee
}
.entry-content blockquote,.comment-text blockquote{
    padding: 20px 30px;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    background-color: #f3f3f3;
    color: #2a2a2a;
    border-left: 10px solid #20b8e7
}
.entry-content a,.comment-text a{
    color: #20b8e7
}
.entry-content a:hover,.comment-text a:hover{
    text-decoration: underline;
    color: #20b8e7
}
.entry-content a:active,.comment-text a:active{
    color: #20b8e7
}
.entry-content input[type="submit"],.comment-text input[type="submit"]{
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-transform: uppercase;
    border: 2px solid;
    padding: 5px 20px;
    font-size: 13px;
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff
}
.entry-content input[type="submit"]:hover,.comment-text input[type="submit"]:hover,.entry-content input[type="submit"]:active,.comment-text input[type="submit"]:active{
    text-decoration: none !important;
    outline: none !important
}
.entry-content input[type="submit"]:hover,.comment-text input[type="submit"]:hover{
    background-color: #535a55;
    border-color: #535a55;
    color: #fff
}
.entry-content p:last-child,.comment-text p:last-child{
    margin-bottom: 0
}
.entry-content dd,.comment-text dd,.entry-content dt,.comment-text dt{
    line-height: 2
}
.entry-meta-tag-wrap{
    font-size: 0;
    margin-top: 30px
}
.entry-meta-tag-wrap label{
    margin-bottom: 0;
    color: #535a55;
    margin-right: 40px;
    font-size: 18px;
    font-weight: 300
}
.entry-meta-tag-wrap a{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    display: inline-block;
    padding: 9px 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    line-height: 1;
    font-size: 12px;
    border: 1px solid #e5e5e5
}
.entry-meta-tag-wrap a:hover{
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff;
    text-decoration: none
}
.social-share-wrap{
    font-size: 0;
    text-align: center
}
.social-share-wrap label{
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 300;
    color: #2a2a2a;
    margin-right: 100px;
    position: relative
}
.social-share-wrap label:after{
    background-image: url("/wp-content/themes/darna/assets/images/share-arrow.png");
    content: "";
    position: absolute;
    bottom: -10px;
    width: 71px;
    height: 28px;
    margin-left: 15px
}
.social-share-wrap ul.social-share{
    font-size: 0;
    padding: 0;
    margin: 0;
    display: inline
}
.social-share-wrap ul.social-share li{
    display: inline-block;
    margin-right: 5px
}
.social-share-wrap ul.social-share li:last-child{
    margin-right: 0
}
.social-share-wrap ul.social-share li a{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #2a2a2a;
    background-color: #f4f4f4;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}
.social-share-wrap ul.social-share li a:hover{
    background-color: #20b8e7;
    color: #fff
}
.blog-inner.blog-single article{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}
.blog-inner.blog-single .entry-content-quote,.blog-inner.blog-single .entry-content-link{
    margin-bottom: 30px
}
.blog-inner.blog-single .post-navigation-wrap{
    position: relative;
    margin-top: 100px
}
.blog-inner.blog-single .post-navigation-wrap .nav-previous,.blog-inner.blog-single .post-navigation-wrap .nav-next{
    top: 0;
    position: absolute
}
.blog-inner.blog-single .post-navigation-wrap .nav-previous a:hover,.blog-inner.blog-single .post-navigation-wrap .nav-next a:hover{
    color: #fff
}
.blog-inner.blog-single .post-navigation-wrap .nav-previous{
    left: 0
}
.blog-inner.blog-single .post-navigation-wrap .nav-next{
    right: 0
}
.blog-inner.blog-single > article > .entry-wrap > .entry-thumbnail-wrap{
    font-size: 0;
    text-align: center
}
.blog-inner.blog-single > article > .entry-wrap > .entry-thumbnail-wrap .entry-thumbnail{
    display: inline-block
}
.entry-comments{
    background-color: #f8f8f8;
    padding: 30px;
    margin-top: 60px
}
.entry-comments .entry-comments-list h3.comments-title{
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 30px
}
.entry-comments .entry-comments-list .commentlist,.entry-comments .entry-comments-list .commentlist .children{
    list-style: none
}
.entry-comments .entry-comments-list .commentlist{
    padding-left: 0;
    margin: 0
}
.entry-comments .entry-comments-list .comment-body{
    background-color: #fafafa;
    padding: 30px;
    border: 1px solid #f0f0f0
}
.entry-comments .entry-comments-list .commentlist > li + li{
    margin-top: 30px
}
.entry-comments .entry-comments-list .comment-avatar-wrap{
    width: 80px;
    float: left;
    margin-right: 20px
}
.entry-comments .entry-comments-list .comment-avatar-wrap .avatar{
    margin-bottom: 10px
}
.entry-comments .entry-comments-list .comment-avatar-wrap .comment-reply-link{
    font-size: 16px;
    color: #dddddd;
    display: block;
    text-align: center
}
.entry-comments .entry-comments-list .comment-text{
    position: relative;
    overflow: hidden
}
.entry-comments .entry-comments-list .comment-text .text p:last-child{
    margin-bottom: 0
}
.entry-comments .entry-comments-list .comment-text .author{
    line-height: 1
}
.entry-comments .entry-comments-list .author-name{
    display: inline;
    color: #2a2a2a;
    font-size: 16px
}
.entry-comments .entry-comments-list .author-name a{
    color: inherit
}
.entry-comments .entry-comments-list .comment-text .author .comment-meta > span:before,.entry-comments .entry-comments-list .comment-text .author .comment-meta > a:before{
    content: "|";
    display: inline;
    padding: 0 10px
}
.entry-comments .entry-comments-list .comment-meta{
    display: inline-block;
    font-size: 0;
    margin-bottom: 15px
}
.entry-comments .entry-comments-list .comment-meta span,.entry-comments .entry-comments-list .comment-meta a{
    font-size: 12px
}
.entry-comments .entry-comments-list .comment-meta a:hover{
    color: #20b8e7;
    text-decoration: none
}
.entry-comments .entry-comments-list .commentlist ul.children{
    padding-left: 0
}
.entry-comments .entry-comments-list .commentlist > li > ul.children{
    padding-left: 110px
}
.entry-comments .entry-comments-list .commentlist .children li{
    margin-top: 30px
}
.entry-comments .entry-comments-list .comment-navigation{
    margin-bottom: 20px;
    font-size: 0
}
.entry-comments .entry-comments-list .comment-navigation .page-numbers{
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    font-weight: bold;
    color: #8f8f8f;
    text-align: center;
    background: #fff;
    border: 1px solid #eee;
    display: inline-block;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.entry-comments .entry-comments-list .comment-navigation .page-numbers + .page-numbers{
    margin-left: 4px
}
.entry-comments .entry-comments-list .comment-navigation .page-numbers.current,.entry-comments .entry-comments-list .comment-navigation .page-numbers:hover,.entry-comments .entry-comments-list .comment-navigation .page-numbers:active,.entry-comments .entry-comments-list .comment-navigation .page-numbers:focus{
    color: #fff;
    background: #20b8e7;
    border-color: #20b8e7
}
.entry-comments .entry-comments-list .comment-navigation-bottom{
    margin-bottom: 0;
    margin-top: 20px
}
.entry-comments-form,.comment-respond{
    margin-top: 45px
}
.comment-reply-title{
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 30px
}
.comment-form{
    margin: 0 -15px;
    margin-bottom: 45px
}
.comment-form input[type="text"],.comment-form input[type="search"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form input[type="password"],.comment-form textarea{
    width: 100%
}
.comment-form .form-group{
    margin-bottom: 30px
}
.comment-form .comment-form-cookies-consent,.comment-form .comment-notes,.comment-form .form-submit,.comment-form .logged-in-as{
    padding: 0 15px
}
.comment-form .form-submit{
    margin-bottom: 0
}
.comment-form #btnComment{
    width: 100%
}
@media (max-width: 767px){
    .social-share-wrap{
        margin-bottom: 30px
    }
    .blog-inner.blog-single .post-navigation-wrap .nav-previous,.blog-inner.blog-single .post-navigation-wrap .nav-next{
        position: relative
    }
    .blog-inner.blog-single .post-navigation-wrap .nav-next{
        float: right
    }
}
@media (max-width: 480px){
    .entry-comments .entry-comments-list .comment-avatar-wrap{
        width: 100%;
        float: none;
        margin-right: 0;
        text-align: center
    }
    .entry-comments .entry-comments-list .commentlist ul.children{
        padding-left: 0 !important
    }
    .blog-inner .entry-post-format-icon{
        display: none
    }
    .page-title-wrap{
        height: 200px;
        margin-bottom: 60px
    }
}
.layout-container-fluid.archive-product-wrap{
    padding: 0 15px
}
.single-product-wrap{
    overflow: hidden
}
.site-content-archive-product{
    margin-bottom: 35px
}
.site-content-archive-product .sidebar{
    margin-bottom: 65px
}
.woocommerce-pagination{
    height: 40px;
    margin-bottom: 65px;
    text-align: center
}
.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 13px
}
.woocommerce .woocommerce-ordering b,.woocommerce .woocommerce-result-count b{
    color: #20b8e7
}
.catalog-filter{
    margin-bottom: 70px;
    line-height: 40px
}
.catalog-filter-visible .catalog-filter,.result-count-visible .woocommerce-result-count,.catalog-ordering-visible .woocommerce-ordering{
    display: none
}
.woocommerce .products .star-rating,.woocommerce .star-rating{
    float: none;
    font-size: 12px;
    width: 85px;
    height: 14px;
    letter-spacing: 5px
}
.woocommerce .products .star-rating:before,.woocommerce .star-rating:before{
    color: #cfcfcf;
    content: "\53\53\53\53\53"
}
.woocommerce .products .star-rating span,.woocommerce .star-rating span{
    color: #ffb600
}
.woocommerce div.product span.price,.woocommerce div.product p.price{
    font-size: 16px;
    color: #222;
    font-weight: bold;
    display: block;
    line-height: 1
}
.woocommerce div.product span.price ins,.woocommerce div.product p.price ins{
    display: inline-block;
    text-decoration: none;
    color: #222
}
.woocommerce div.product span.price del,.woocommerce div.product p.price del{
    display: inline-block;
    font-size: 14px;
    color: #a0a0a0;
    opacity: 1;
    margin-right: 15px
}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce a.wc-forward,.woocommerce button.wc-forward,.woocommerce input.wc-forward{
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-transform: uppercase;
    border: 2px solid;
    padding: 1px 18px;
    font-size: 12px;
    background-color: #535a55;
    border-color: #535a55;
    color: #FFFFFF;
    line-height: 2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce a.wc-forward:hover,.woocommerce button.wc-forward:hover,.woocommerce input.wc-forward:hover,.woocommerce #respond input#submit:active,.woocommerce a.button:active,.woocommerce button.button:active,.woocommerce input.button:active,.woocommerce #respond input#submit.alt:active,.woocommerce a.button.alt:active,.woocommerce button.button.alt:active,.woocommerce input.button.alt:active,.woocommerce a.wc-forward:active,.woocommerce button.wc-forward:active,.woocommerce input.wc-forward:active{
    text-decoration: none !important;
    outline: none !important
}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce a.wc-forward:hover,.woocommerce button.wc-forward:hover,.woocommerce input.wc-forward:hover{
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff
}
.woocommerce a.wc-forward,.woocommerce button.wc-forward,.woocommerce input.wc-forward{
    background-color: #20b8e7;
    border-color: #20b8e7
}
.woocommerce a.wc-forward:hover,.woocommerce button.wc-forward:hover,.woocommerce input.wc-forward:hover{
    background-color: #535a55;
    border-color: #535a55
}
.product-flash-wrap{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3
}
.product-flash-wrap .on-sale,.product-flash-wrap .on-new{
    background-color: #20b8e7;
    color: #fff;
    height: 22px;
    width: 48px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.02em;
    display: block
}
.product-flash-wrap .on-sale + .on-new{
    margin-top: 5px;
    background-color: #535a55
}
.woocommerce div.product form.cart div.quantity,.product-quantity div.quantity{
    margin: 0
}
.woocommerce div.product form.cart div.quantity .quantity-inner,.product-quantity div.quantity .quantity-inner{
    width: 64px;
    height: 38px;
    margin-right: 30px;
    position: relative
}
.woocommerce div.product form.cart div.quantity .quantity-inner .qty,.product-quantity div.quantity .quantity-inner .qty{
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-right: transparent;
    font-size: 14px;
    padding: 0 10px;
    text-align: left
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number,.product-quantity div.quantity .quantity-inner .btn-number{
    position: absolute;
    left: 100%;
    width: 30px;
    height: 19px;
    line-height: 19px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left: none;
    color: #8f8f8f
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="minus"],.product-quantity div.quantity .quantity-inner .btn-number[data-type="minus"]{
    bottom: 0;
    border-top: transparent
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="minus"] i,.product-quantity div.quantity .quantity-inner .btn-number[data-type="minus"] i{
    display: block;
    margin-top: -5px
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="plus"],.product-quantity div.quantity .quantity-inner .btn-number[data-type="plus"]{
    top: 0;
    border-bottom: transparent
}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
    height: 40px;
    background-color: #FFF;
    padding: 0 20px;
    font-size: 14px;
    text-transform: none;
    border: 1px solid #ddd
}
.woocommerce form .form-row{
    padding: 0;
    margin-bottom: 15px
}
.woocommerce form .form-row .input-checkbox{
    position: relative
}
div.floating-cart{
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1000;
    overflow: hidden;
    box-shadow: 0px 5px 31px -1px rgba(0,0,0,0.15);
    display: none
}
.product-listing.woocommerce{
    margin: 0 -15px
}
.product-listing.woocommerce .product-item-wrap{
    float: left;
    padding: 0 15px 30px 15px
}
.product-listing.woocommerce .rating-visible .star-rating{
    display: none
}
.product-listing.woocommerce .product-item-inner{
    position: relative
}
.product-listing.woocommerce .product-thumb img{
    width: 100%;
    border: 1px solid #eee
}
.product-listing.woocommerce .product-thumb{
    position: relative;
    margin-bottom: 20px;
    border: 1px soild #eee
}
.product-listing.woocommerce .product-thumb-secondary{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.product-listing.woocommerce .quick-view-visible .product-link{
    background-color: transparent !important
}
.product-listing.woocommerce .product-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: transparent;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}
.product-listing.woocommerce .product-actions{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    text-align: center;
    margin: auto;
    z-index: 3
}
.product-listing.woocommerce .product-quick-view{
    position: relative;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}
.product-listing.woocommerce .product-quick-view:hover{
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff
}
.product-listing.woocommerce .product-item-wrap .star-rating{
    margin: 0 auto 20px auto
}
.product-listing.woocommerce .product-name{
    display: block;
    font-size: 16px;
    text-align: center;
    color: #222;
    margin-bottom: 5px
}
.product-listing.woocommerce .product-name:hover{
    color: #20b8e7;
    text-decoration: none
}
.product-listing.woocommerce .product-add-to-cart{
    text-align: center
}
.product-listing.woocommerce span.price{
    z-index: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.product-listing.woocommerce .added_to_cart.wc-forward,.product-listing.woocommerce .product_type_external,.product-listing.woocommerce .product_type_grouped,.product-listing.woocommerce .product_type_simple,.product-listing.woocommerce .product_type_variable{
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-transform: uppercase;
    border: 2px solid;
    padding: 1px 18px;
    font-size: 12px;
    background-color: #535a55;
    border-color: #535a55;
    color: #FFFFFF;
    line-height: 2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
    visibility: hidden
}
.product-listing.woocommerce .added_to_cart.wc-forward:hover,.product-listing.woocommerce .product_type_external:hover,.product-listing.woocommerce .product_type_grouped:hover,.product-listing.woocommerce .product_type_simple:hover,.product-listing.woocommerce .product_type_variable:hover,.product-listing.woocommerce .added_to_cart.wc-forward:active,.product-listing.woocommerce .product_type_external:active,.product-listing.woocommerce .product_type_grouped:active,.product-listing.woocommerce .product_type_simple:active,.product-listing.woocommerce .product_type_variable:active{
    text-decoration: none !important;
    outline: none !important
}
.product-listing.woocommerce .added_to_cart.wc-forward:hover,.product-listing.woocommerce .product_type_external:hover,.product-listing.woocommerce .product_type_grouped:hover,.product-listing.woocommerce .product_type_simple:hover,.product-listing.woocommerce .product_type_variable:hover{
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff
}
.product-listing.woocommerce .add_to_cart_button.loading:after,.product-listing.woocommerce .add_to_cart_button.added:after{
    display: none
}
.product-listing.woocommerce .add_to_cart_button.loading{
    opacity: 1;
    padding-right: 18px
}
.product-listing.woocommerce .add_to_cart_button.loading:before{
    font-family: "fontawesome";
    content: "\f021";
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    display: inline;
    margin-right: 5px;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}
.product-listing.woocommerce .add_to_cart_button.added{
    display: none
}
.product-listing.woocommerce .added_to_cart.wc-forward:before{
    font-family: "fontawesome";
    content: "\f07a";
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    display: inline-block;
    margin-right: 5px
}
.product-listing.woocommerce .product-item-wrap.active .product-thumb-secondary,.product-listing.woocommerce .product-item-wrap:hover .product-thumb-secondary{
    opacity: 1
}
.product-listing.woocommerce .product-item-wrap.active .added_to_cart.wc-forward,.product-listing.woocommerce .product-item-wrap:hover .added_to_cart.wc-forward,.product-listing.woocommerce .product-item-wrap.active .product_type_external,.product-listing.woocommerce .product-item-wrap:hover .product_type_external,.product-listing.woocommerce .product-item-wrap.active .product_type_grouped,.product-listing.woocommerce .product-item-wrap:hover .product_type_grouped,.product-listing.woocommerce .product-item-wrap.active .product_type_simple,.product-listing.woocommerce .product-item-wrap:hover .product_type_simple,.product-listing.woocommerce .product-item-wrap.active .product_type_variable,.product-listing.woocommerce .product-item-wrap:hover .product_type_variable{
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 1;
    visibility: visible
}
.product-listing.woocommerce .product-item-wrap.active span.price,.product-listing.woocommerce .product-item-wrap:hover span.price{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
}
.product-listing.woocommerce .product-item-wrap.active .product-quick-view,.product-listing.woocommerce .product-item-wrap:hover .product-quick-view{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.product-listing.woocommerce .product-item-wrap.active .product-link,.product-listing.woocommerce .product-item-wrap:hover .product-link{
    background-color: rgba(0,0,0,0.8)
}
.product-listing.woocommerce .product-item-wrap.added .added_to_cart.wc-forward,.product-listing.woocommerce .product-item-wrap.added .product_type_external,.product-listing.woocommerce .product-item-wrap.added .product_type_grouped,.product-listing.woocommerce .product-item-wrap.added .product_type_simple,.product-listing.woocommerce .product-item-wrap.added .product_type_variable{
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 1;
    visibility: visible
}
.product-listing.woocommerce .product-item-wrap.added span.price{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
}
.product-listing.woocommerce.columns-2 .product-item-wrap{
    width: 50%
}
.product-listing.woocommerce.columns-3 .product-item-wrap{
    width: 33.33333333%
}
.product-listing.woocommerce.columns-4 .product-item-wrap{
    width: 25%
}
.product-listing.woocommerce.columns-5 .product-item-wrap{
    width: 20%
}
.product-listing.woocommerce.columns-6 .product-item-wrap{
    width: 16.66666667%
}
.product-listing.woocommerce.product-slider .product-item-wrap{
    float: none
}
.product-category img{
    width: 100%
}
.product-category a:hover{
    text-decoration: none
}
.product-category h3{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative
}
.product-category h3:hover{
    color: #20b8e7;
    text-decoration: none
}
.product-category h3:after{
    content: "";
    display: block;
    width: 35px;
    height: 1px;
    background-color: #cccccc;
    margin-top: 5px
}
.product-category mark{
    background: none;
    position: absolute;
    font-size: 10px;
    margin-left: 3px;
    top: -3px
}
.product-cat-wrap{
    margin: 0 -15px
}
.product-cat-wrap .product-item-wrap{
    float: left;
    padding: 0 15px 30px 15px
}
.product-cat-wrap.columns-2 .product-item-wrap{
    width: 50%
}
.product-cat-wrap.columns-3 .product-item-wrap{
    width: 33.33333333%
}
.product-cat-wrap.columns-4 .product-item-wrap{
    width: 25%
}
.product-cat-wrap.columns-5 .product-item-wrap{
    width: 20%
}
.product-cat-wrap.columns-6 .product-item-wrap{
    width: 16.66666667%
}
.site-content-single-product .single-product-info{
    margin: 0 -15px 60px -15px
}
.site-content-single-product .single-product-info .single-product-image-wrap{
    float: left;
    width: 44.44444444444444%;
    padding: 0 15px
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image{
    position: relative
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image{
    display: block
}
.site-content-single-product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item{
    padding: 0
}
.site-content-single-product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .attachment-shop_single{
    width: 100%;
    border: 1px solid #eee
}
.site-content-single-product .single-product-info .single-product-image-wrap .product-image-total-1{
    display: none
}
.site-content-single-product .single-product-info .single-product-image-wrap .product-thumb-wrap{
    margin: 10px -5px 0 -5px
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image{
    padding: 0 5px;
    text-align: center
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a{
    display: block;
    position: relative
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0,0)
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .synced .thumbnail-image a:before{
    background-color: rgba(0,0,0,0.3)
}
.site-content-single-product .single-product-info .summary-product-wrap{
    float: left;
    padding: 0 15px;
    width: 55.55555555555556%
}
.site-content-single-product .single-product-info h1.product_title{
    font-size: 32px;
    margin-bottom: 15px;
    text-transform: uppercase
}
.site-content-single-product .single-product-info .woocommerce-product-rating{
    margin-bottom: 25px
}
.site-content-single-product .single-product-info .woocommerce-product-rating .star-rating{
    margin: 8px 10px 0 0
}
.site-content-single-product .single-product-info .woocommerce-product-rating .woocommerce-review-link{
    font-size: 12px
}
.site-content-single-product .single-product-info p.price{
    font-size: 32px;
    margin-bottom: 30px
}
.site-content-single-product .single-product-info p.price del{
    font-size: 30px
}
.site-content-single-product .single-product-info .woocommerce-product-details__short-description,.site-content-single-product .single-product-info .product-single-short-description{
    font-size: 14px;
    margin-bottom: 30px
}
.site-content-single-product .single-product-info .woocommerce-product-details__short-description p,.site-content-single-product .single-product-info .product-single-short-description p{
    margin-bottom: 0
}
.site-content-single-product .single-product-info form.cart,.site-content-single-product .single-product-info div.cart,.site-content-single-product .single-product-info p.cart{
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    width: 100%
}
.site-content-single-product .single-product-info form.cart div.quantity,.site-content-single-product .single-product-info div.cart div.quantity,.site-content-single-product .single-product-info p.cart div.quantity{
    margin-right: 20px !important
}
.site-content-single-product .single-product-info form.cart .button,.site-content-single-product .single-product-info div.cart .button,.site-content-single-product .single-product-info p.cart .button,.site-content-single-product .single-product-info form.cart .wc-forward,.site-content-single-product .single-product-info div.cart .wc-forward,.site-content-single-product .single-product-info p.cart .wc-forward{
    font-size: 12px;
    padding: 5px 16px;
    background-color: #20b8e7;
    border-color: #20b8e7
}
.site-content-single-product .single-product-info form.cart .button:hover,.site-content-single-product .single-product-info div.cart .button:hover,.site-content-single-product .single-product-info p.cart .button:hover,.site-content-single-product .single-product-info form.cart .wc-forward:hover,.site-content-single-product .single-product-info div.cart .wc-forward:hover,.site-content-single-product .single-product-info p.cart .wc-forward:hover{
    background-color: #535a55;
    border-color: #535a55
}
.site-content-single-product .single-product-info form.cart .group_table,.site-content-single-product .single-product-info div.cart .group_table,.site-content-single-product .single-product-info p.cart .group_table{
    font-size: 12px;
    margin-bottom: 20px
}
.site-content-single-product .single-product-info form.cart .group_table td,.site-content-single-product .single-product-info div.cart .group_table td,.site-content-single-product .single-product-info p.cart .group_table td{
    padding-bottom: 20px;
    line-height: 36px
}
.site-content-single-product .single-product-info form.cart .group_table td.label,.site-content-single-product .single-product-info div.cart .group_table td.label,.site-content-single-product .single-product-info p.cart .group_table td.label{
    padding: 0 5px
}
.site-content-single-product .single-product-info form.cart .group_table div.quantity,.site-content-single-product .single-product-info div.cart .group_table div.quantity,.site-content-single-product .single-product-info p.cart .group_table div.quantity{
    margin-right: 5px
}
.site-content-single-product .single-product-info form.cart .group_table label,.site-content-single-product .single-product-info div.cart .group_table label,.site-content-single-product .single-product-info p.cart .group_table label{
    font-size: 14px;
    color: #2a2a2a;
    font-weight: normal;
    margin: 0;
    line-height: 36px
}
.site-content-single-product .single-product-info form.cart .group_table td.price,.site-content-single-product .single-product-info div.cart .group_table td.price,.site-content-single-product .single-product-info p.cart .group_table td.price{
    font-size: 12px;
    color: #222;
    font-weight: bold
}
.site-content-single-product .single-product-info form.cart .group_table td.price ins,.site-content-single-product .single-product-info div.cart .group_table td.price ins,.site-content-single-product .single-product-info p.cart .group_table td.price ins{
    display: inline-block;
    text-decoration: none;
    color: #222
}
.site-content-single-product .single-product-info form.cart .group_table td.price del,.site-content-single-product .single-product-info div.cart .group_table td.price del,.site-content-single-product .single-product-info p.cart .group_table td.price del{
    display: inline-block;
    font-size: 12px;
    color: #a0a0a0;
    opacity: 1;
    margin-right: 15px
}
.site-content-single-product .single-product-info form.cart .group_table td.price .out-of-stock,.site-content-single-product .single-product-info div.cart .group_table td.price .out-of-stock,.site-content-single-product .single-product-info p.cart .group_table td.price .out-of-stock{
    display: inline-block;
    margin-bottom: 0;
    color: #cacaca;
    font-size: 11px;
    margin-left: 3px
}
.site-content-single-product .single-product-info form.cart .add_to_cart_button.loading:after,.site-content-single-product .single-product-info div.cart .add_to_cart_button.loading:after,.site-content-single-product .single-product-info p.cart .add_to_cart_button.loading:after,.site-content-single-product .single-product-info form.cart .add_to_cart_button.added:after,.site-content-single-product .single-product-info div.cart .add_to_cart_button.added:after,.site-content-single-product .single-product-info p.cart .add_to_cart_button.added:after{
    display: none
}
.site-content-single-product .single-product-info form.cart .add_to_cart_button.loading,.site-content-single-product .single-product-info div.cart .add_to_cart_button.loading,.site-content-single-product .single-product-info p.cart .add_to_cart_button.loading{
    opacity: 1;
    padding-right: 16px
}
.site-content-single-product .single-product-info form.cart .add_to_cart_button.loading:before,.site-content-single-product .single-product-info div.cart .add_to_cart_button.loading:before,.site-content-single-product .single-product-info p.cart .add_to_cart_button.loading:before{
    font-family: "fontawesome";
    content: "\f021";
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    display: inline;
    margin-right: 5px;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}
.site-content-single-product .single-product-info form.cart .added_to_cart.wc-forward:before,.site-content-single-product .single-product-info div.cart .added_to_cart.wc-forward:before,.site-content-single-product .single-product-info p.cart .added_to_cart.wc-forward:before{
    font-family: "fontawesome";
    content: "\f07a";
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    display: inline-block;
    margin-right: 5px
}
.site-content-single-product .single-product-info form.cart .add_to_cart_button.added,.site-content-single-product .single-product-info div.cart .add_to_cart_button.added,.site-content-single-product .single-product-info p.cart .add_to_cart_button.added{
    display: none
}
.site-content-single-product .single-product-info form.cart .single_variation,.site-content-single-product .single-product-info div.cart .single_variation,.site-content-single-product .single-product-info p.cart .single_variation{
    margin-bottom: 20px
}
.site-content-single-product .single-product-info form.variations_form{
    margin-bottom: 0 !important
}
.site-content-single-product .single-product-info form.variations_form .variations{
    margin-bottom: 20px;
    width: 100%
}
.site-content-single-product .single-product-info form.variations_form .variations td{
    display: table-cell;
    text-align: left
}
.site-content-single-product .single-product-info form.variations_form .variations td.label{
    padding: 0 0 15px 0
}
.site-content-single-product .single-product-info form.variations_form .variations td.label label{
    font-size: 14px;
    color: #2a2a2a;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 0;
    padding-right: 10px
}
.site-content-single-product .single-product-info form.variations_form .variations_button,.site-content-single-product .single-product-info form.variations_form .grouped_button{
    position: relative;
    display: inline-block;
    margin-bottom: 30px
}
.site-content-single-product .single-product-info .product_meta > span{
    display: block;
    color: #2a2a2a
}
.site-content-single-product .single-product-info .product_meta > span a,.site-content-single-product .single-product-info .product_meta > span span{
    color: #20b8e7
}
.woocommerce div.product .woocommerce-tabs{
    margin-bottom: 60px
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;
    margin: 0;
    font-size: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    margin: 0;
    padding: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{
    display: none
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    padding: 6px 20px;
    background-color: #535a55;
    border: none
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
    color: #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
    color: #FFFFFF;
    background-color: #20b8e7
}
.woocommerce div.product .woocommerce-tabs .panel{
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 30px;
    margin-bottom: 0;
    background-color: #f8f8f8
}
.woocommerce div.product .woocommerce-tabs .panel p:last-child{
    margin-bottom: 0
}
.woocommerce #reviews #comments h2{
    color: #373636;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    display: none
}
.woocommerce #reviews #comments ol.commentlist{
    padding: 0
}
.woocommerce #reviews #comments ol.commentlist li{
    margin: 0;
    padding: 30px 20px;
    border: 1px solid #f0f0f0;
    background-color: #fafafa
}
.woocommerce #reviews #comments ol.commentlist li + li{
    margin-top: 30px
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
    width: 80px;
    margin-right: 20px;
    position: relative;
    padding: 0;
    border: none
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    margin: 0;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    border: none
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{
    margin: 0 0 5px 0
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
    font-size: 12px;
    margin-bottom: 10px
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong{
    font-size: 16px;
    color: #2a2a2a
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p{
    margin-bottom: 20px
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p:last-child{
    margin: 0
}
.woocommerce #reviews #review_form_wrapper{
    margin-top: 60px
}
.woocommerce #reviews h3{
    margin-bottom: 30px
}
.woocommerce #review_form #respond p.comment-form-rating{
    margin-bottom: 15px
}
.woocommerce #reviews #comment{
    height: 150px
}
.woocommerce #reviews .comment-form{
    margin: 0
}
.woocommerce #reviews .comment-form .comment-notes,.woocommerce #reviews .comment-form .form-submit,.woocommerce #reviews .comment-form .logged-in-as{
    padding: 0
}
.woocommerce #review_form #respond .form-submit input{
    padding: 7px 20px;
    width: 100%
}
.upsells.products,.related.products,.cross-sells{
    margin-top: 60px;
    padding-bottom: 40px;
    position: relative
}
.upsells.products:before,.related.products:before,.cross-sells:before{
    content: "";
    position: absolute;
    background-color: #f8f8f8;
    display: block !important;
    height: 100%;
    width: 2000%;
    left: -1000%
}
.upsells.products h4.widget-title,.related.products h4.widget-title,.cross-sells h4.widget-title{
    font-size: 48px;
    text-transform: uppercase;
    padding-top: 100px;
    padding-bottom: 40px;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 0;
    text-align: center;
    position: relative
}
.upsells.products h4.widget-title:before,.related.products h4.widget-title:before,.cross-sells h4.widget-title:before{
    content: "";
    display: block;
    width: 60px;
    height: 16px;
    border: 5px solid #20b8e7;
    border-bottom: transparent;
    margin: 0 auto 10px auto
}
.upsells.products h4.widget-title:after,.related.products h4.widget-title:after,.cross-sells h4.widget-title:after{
    content: "";
    display: block;
    margin: 30px auto 0 auto;
    width: 60px;
    height: 5px;
    background-color: #20b8e7
}
.upsells.products .product-slider .owl-theme .owl-controls,.related.products .product-slider .owl-theme .owl-controls,.cross-sells .product-slider .owl-theme .owl-controls{
    margin: 0;
    height: 0
}
.upsells.products .product-slider .owl-theme .owl-controls .owl-buttons div,.related.products .product-slider .owl-theme .owl-controls .owl-buttons div,.cross-sells .product-slider .owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: -92.5px 0 0 0;
    display: block;
    top: 50%;
    cursor: pointer;
    text-align: center;
    background-color: rgba(0,0,0,0.7);
    z-index: 200;
    padding: 0;
    opacity: 0;
    color: #fff;
    font-size: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.upsells.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-prev,.related.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-prev,.cross-sells .product-slider .owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: 15px;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px)
}
.upsells.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-next,.related.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-next,.cross-sells .product-slider .owl-theme .owl-controls .owl-buttons div.owl-next{
    right: 15px;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px)
}
.upsells.products .product-slider:hover .owl-theme .owl-controls .owl-buttons div,.related.products .product-slider:hover .owl-theme .owl-controls .owl-buttons div,.cross-sells .product-slider:hover .owl-theme .owl-controls .owl-buttons div{
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}
.has-sidebar .upsells.products,.has-sidebar .related.products,.has-sidebar .cross-sells{
    margin-top: 0
}
.has-sidebar .upsells.products:before,.has-sidebar .related.products:before,.has-sidebar .cross-sells:before{
    display: none !important
}
p.return-to-shop{
    margin-bottom: 80px !important
}
.woocommerce table.shop_table.cart{
    border: none;
    margin-bottom: 60px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.woocommerce table.shop_table.cart thead th{
    font-family: 'Oswald';
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    padding: 30px 20px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: normal;
    border-color: #535a55;
    background-color: #535a55
}
.woocommerce table.shop_table.cart thead th.product-name{
    text-align: left
}
.woocommerce table.shop_table.cart td{
    border-top: 1px solid #ddd;
    border-right: transparent;
    padding: 10px 20px
}
.woocommerce table.shop_table.cart tbody td.product-name{
    border-left: 1px solid #ddd
}
.woocommerce table.shop_table.cart tbody td.product-name .product-name-wrap{
    position: relative;
    overflow: hidden;
    height: 60px;
    display: table
}
.woocommerce table.shop_table.cart tbody td.product-name .product-name-wrap .product-name-inner{
    display: table-cell;
    vertical-align: middle
}
.woocommerce table.shop_table.cart tbody td.product-name .product-name-wrap .product-name-inner a{
    font-size: 14px;
    color: #2a2a2a;
    text-transform: uppercase
}
.woocommerce table.shop_table.cart tbody td.product-name .product-name-wrap .product-name-inner a:hover{
    color: #20b8e7;
    text-decoration: none
}
.woocommerce td.product-name dl.variation{
    color: #888888
}
.woocommerce td.product-name dl.variation dt{
    font-weight: normal;
    padding: 0 0 5px
}
.woocommerce td.product-name dl.variation dd{
    padding: 0 0 5px;
    margin: 0
}
.woocommerce td.product-name dl.variation{
    margin: 5px 0 0 0
}
.woocommerce-cart table.cart img{
    width: 60px;
    float: left;
    border: 1px solid #ddd;
    margin-right: 20px
}
@media (min-width: 769px){
    .woocommerce table.shop_table tbody td.product-price,.woocommerce table.shop_table tbody td.product-subtotal{
        font-size: 14px;
        color: #2a2a2a;
        text-transform: uppercase;
        text-align: center
    }
}
.woocommerce table.shop_table tbody td.product-quantity,.woocommerce table.shop_table tbody td.product-remove{
    text-align: center
}
.woocommerce table.shop_table tbody td.product-quantity .quantity-inner,.woocommerce table.shop_table tbody td.product-remove .quantity-inner{
    display: inline-block
}
.woocommerce table.shop_table tbody td.product-remove{
    border-right: 1px solid #ddd
}
.woocommerce table.shop_table tbody td.product-remove a{
    font-size: 18px;
    color: #dddddd
}
.woocommerce table.shop_table tbody td.product-remove a:hover{
    color: #20b8e7
}
.woocommerce-cart table.cart td.actions{
    padding: 30px 0 0 0
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    height: 34px;
    text-align: center
}
.woocommerce-cart table.cart td.actions .button,.woocommerce-shipping-calculator .button,.woocommerce-cart table.cart td.actions input.button,.woocommerce-shipping-calculator input.button,.woocommerce-cart table.cart td.actions button.button,.woocommerce-shipping-calculator button.button{
    color: #FFF;
    font-size: 12px;
    background-color: #535a55;
    padding: 5px 15px;
    line-height: 2;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    vertical-align: middle;
    text-align: center
}
.woocommerce-cart table.cart td.actions .button:hover,.woocommerce-shipping-calculator .button:hover,.woocommerce-cart table.cart td.actions input.button:hover,.woocommerce-shipping-calculator input.button:hover,.woocommerce-cart table.cart td.actions button.button:hover,.woocommerce-shipping-calculator button.button:hover{
    background-color: #20b8e7;
    color: #fff
}
.woocommerce-cart table.cart td.actions .wc-forward,.woocommerce-shipping-calculator .wc-forward{
    background-color: #20b8e7
}
.woocommerce-cart table.cart td.actions .wc-forward:hover,.woocommerce-shipping-calculator .wc-forward:hover{
    background-color: #535a55
}
.woocommerce-shipping-calculator .button,.woocommerce-shipping-calculator input.button,.woocommerce-shipping-calculator button.button{
    padding: 8px 15px;
    width: 100%
}
.cart-collaterals-wrap{
    background-color: #f8f8f8;
    padding: 60px 0 100px 0
}
.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{
    width: auto;
    margin: 0 -15px
}
.woocommerce .cart-collaterals h2,.woocommerce-page .cart-collaterals h2{
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 20px
}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{
    width: 100%;
    float: none;
    margin: 0
}
.woocommerce .cart-collaterals .cart_totals_inner,.woocommerce-page .cart-collaterals .cart_totals_inner,.woocommerce-shipping-calculator{
    float: left;
    width: 50%;
    padding: 0 15px;
    margin-top: 40px
}
.woocommerce .cart-collaterals .cart_totals_inner,.woocommerce-page .cart-collaterals .cart_totals_inner{
    float: left
}
.woocommerce-shipping-calculator{
    float: right
}
.shipping-calculator-form{
    display: block !important
}
.shipping-calculator-form .form-row{
    margin-bottom: 6px !important
}
.shipping-calculator-form p{
    margin-bottom: 0
}
.woocommerce-cart .cart-collaterals .cart_totals_inner table{
    margin-bottom: 0;
    border: 1px solid #ddd
}
.woocommerce-cart .cart-collaterals .cart_totals_inner table th,.woocommerce-cart .cart-collaterals .cart_totals_inner table td{
    font-size: 15px;
    color: #2a2a2a;
    font-weight: normal;
    padding: 12px 20px
}
.woocommerce-cart .cart-collaterals .cart_totals_inner table th strong,.woocommerce-cart .cart-collaterals .cart_totals_inner table td strong{
    font-weight: normal
}
.woocommerce-cart .cart-collaterals .cart_totals_inner table td{
    text-align: right
}
.cross-sells{
    margin-top: 0
}
.cross-sells:before{
    display: none !important
}
.woocommerce ul#shipping_method li{
    padding: 0;
    text-indent: 0
}
.woocommerce ul#shipping_method li input[type=radio]{
    margin-top: 5px
}
.woocommerce ul#shipping_method li label{
    font-weight: normal;
    margin: 0
}
.woocommerce-checkout .site-content-page{
    margin-bottom: 100px
}
.woocommerce form.checkout_coupon{
    border: 1px solid #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.woocommerce form.checkout_coupon input.button{
    padding-top: 6px;
    padding-bottom: 6px
}
.woocommerce form.checkout_coupon .form-row{
    margin: 0
}
.woocommerce-checkout form.login{
    border: 1px solid #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.woocommerce-checkout form.login input.button{
    padding-top: 6px;
    padding-bottom: 6px
}
.woocommerce-billing-fields h3,#ship-to-different-address,.woocommerce-checkout-review-order h3#order_review_heading,#checkout-payment_heading{
    font-size: 21px;
    color: #2a2a2a;
    text-transform: uppercase;
    margin-bottom: 30px
}
.woocommerce form .form-row label{
    font-size: 14px;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: normal;
    color: #2a2a2a
}
.select2-container .select2-choice{
    background-color: #F6F6F6;
    padding: 10px 20px;
    font-size: 12px;
    text-transform: none;
    color: #1a3a4b;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.select2-container .select2-choice:hover{
    text-decoration: none
}
.select2-drop-active{
    border: none;
    background-color: #F6F6F6
}
.select2-container--default .select2-selection--single{
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ddd
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
    color: #8f8f8f;
    padding-left: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 100%
}
#ship-to-different-address label{
    font-weight: normal;
    margin: 20px 0 0 0;
    display: inline-block
}
#ship-to-different-address .input-checkbox{
    margin: 0;
    vertical-align: middle;
    position: relative
}
.woocommerce form .form-row textarea{
    height: 145px;
    padding: 20px
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table,.woocommerce table.shop_table.order_details,.woocommerce table.shop_table.customer_details{
    border: 1px solid #eee;
    margin-bottom: 60px
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead th,.woocommerce table.shop_table.order_details thead th,.woocommerce table.shop_table.customer_details thead th{
    border-bottom: none
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table th,.woocommerce table.shop_table.order_details th,.woocommerce table.shop_table.customer_details th,.woocommerce table.shop_table.woocommerce-checkout-review-order-table td,.woocommerce table.shop_table.order_details td,.woocommerce table.shop_table.customer_details td{
    font-size: 15px;
    color: #2a2a2a;
    font-weight: normal;
    padding: 12px 20px;
    border-top: 1px solid #eee;
    line-height: 2
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table th strong,.woocommerce table.shop_table.order_details th strong,.woocommerce table.shop_table.customer_details th strong,.woocommerce table.shop_table.woocommerce-checkout-review-order-table td strong,.woocommerce table.shop_table.order_details td strong,.woocommerce table.shop_table.customer_details td strong{
    font-weight: normal
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td,.woocommerce table.shop_table.order_details tfoot td,.woocommerce table.shop_table.customer_details tfoot td,.woocommerce table.shop_table.woocommerce-checkout-review-order-table .product-total,.woocommerce table.shop_table.order_details .product-total,.woocommerce table.shop_table.customer_details .product-total{
    text-align: right
}
.woocommerce table.shop_table.customer_details td{
    text-align: right
}
.woocommerce-checkout #payment{
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.woocommerce-checkout #payment ul.payment_methods{
    padding: 0;
    margin-bottom: 20px;
    border-bottom: none
}
.woocommerce-checkout #payment ul.payment_methods li{
    border-bottom: 1px solid #ededed;
    padding: 10px 0
}
.woocommerce-checkout #payment ul.payment_methods li label{
    font-size: 13px;
    color: #222;
    font-weight: normal;
    margin: 0
}
.woocommerce-checkout #payment ul.payment_methods li input{
    vertical-align: middle
}
.woocommerce-checkout #payment div.payment_box{
    font-size: 12px;
    color: #a1a1a1;
    line-height: 2;
    background-color: transparent;
    margin: 5px 0 0 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.woocommerce-checkout #payment div.payment_box:after,.woocommerce-checkout #payment div.payment_box:before{
    display: none
}
.woocommerce-checkout #payment div.form-row{
    padding: 0;
    margin-bottom: 0
}
.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%
}
.woocommerce-checkout .woocommerce-error{
    margin-left: 15px !important;
    margin-right: 15px !important
}
.checkout-confirmation h2,.woocommerce-account h2,.checkout-confirmation h3,.woocommerce-account h3{
    font-size: 21px;
    color: #2a2a2a;
    text-transform: uppercase;
    margin-bottom: 30px
}
.woocommerce-account .site-content-page{
    margin-bottom: 80px
}
.woocommerce-account form.login,.woocommerce-account form.register{
    border: 1px solid #ededed;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.woocommerce-account form.login input.input-text,.woocommerce-account form.register input.input-text{
    text-transform: none;
    height: 44px;
    padding: 0 20px;
    border: 1px solid #ededed;
    font-size: 12px;
    color: #888888;
    background-color: transparent
}
.woocommerce-account form.login .lost_password label,.woocommerce-account form.register .lost_password label{
    font-weight: normal;
    margin-bottom: 0;
    float: right
}
.woocommerce-account form.login .lost_password label input[type="checkbox"],.woocommerce-account form.register .lost_password label input[type="checkbox"]{
    margin: 0;
    vertical-align: middle
}
.track_order{
    text-align: center;
    margin-bottom: 80px
}
.track_order p:first-child{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: block
}
.woocommerce .track_order .form-row-first,.woocommerce .track_order .form-row-last{
    float: none;
    margin: auto;
    margin-bottom: 15px
}
.woocommerce form.track_order .form-row input.input-text{
    text-align: center
}
.woocommerce form.track_order .form-row input.button{
    padding-top: 6px;
    padding-bottom: 6px
}
@media (max-width: 991px){
    .product-listing.woocommerce .product-item-wrap{
        padding-bottom: 60px
    }
    .product-listing.woocommerce .added_to_cart.wc-forward,.product-listing.woocommerce .product_type_external,.product-listing.woocommerce .product_type_grouped,.product-listing.woocommerce .product_type_simple,.product-listing.woocommerce .product_type_variable{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
    .product-listing.woocommerce span.price{
        margin-bottom: 20px
    }
    .product-listing.woocommerce .product-item-wrap.active .added_to_cart.wc-forward,.product-listing.woocommerce .product-item-wrap:hover .added_to_cart.wc-forward,.product-listing.woocommerce .product-item-wrap.active .product_type_external,.product-listing.woocommerce .product-item-wrap:hover .product_type_external,.product-listing.woocommerce .product-item-wrap.active .product_type_grouped,.product-listing.woocommerce .product-item-wrap:hover .product_type_grouped,.product-listing.woocommerce .product-item-wrap.active .product_type_simple,.product-listing.woocommerce .product-item-wrap:hover .product_type_simple,.product-listing.woocommerce .product-item-wrap.active .product_type_variable,.product-listing.woocommerce .product-item-wrap:hover .product_type_variable{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
    .product-listing.woocommerce .product-item-wrap.active span.price,.product-listing.woocommerce .product-item-wrap:hover span.price{
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@media (min-width: 991px){
    .woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{
        float: left;
        padding-bottom: 0
    }
    .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: right
    }
    .woocommerce #content table.cart td.actions .button,.woocommerce #content table.cart td.actions .input-text,.woocommerce #content table.cart td.actions input,.woocommerce table.cart td.actions .button,.woocommerce table.cart td.actions .input-text,.woocommerce table.cart td.actions input,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions input,.woocommerce-page table.cart td.actions .button,.woocommerce-page table.cart td.actions .input-text,.woocommerce-page table.cart td.actions input{
        width: auto
    }
    .woocommerce-cart table.cart td.actions .checkout-button,.woocommerce-shipping-calculator .checkout-button{
        margin-left: 5px
    }
    .woocommerce-cart table.cart td.actions .coupon .input-text{
        width: 320px
    }
}
@media (max-width: 768px){
    .woocommerce-cart table.shop_table.cart img{
        display: none
    }
    .woocommerce-cart table.shop_table.cart tbody td.product-name .product-name-wrap{
        display: inline-block;
        height: auto
    }
    .woocommerce-cart table.shop_table.cart tbody td.product-name{
        border-left: none
    }
    .woocommerce-cart table.shop_table.cart tbody td.product-remove{
        border-right: none
    }
    .woocommerce-cart table.shop_table.cart td.actions{
        background: transparent
    }
    .woocommerce-cart table.shop_table.cart td.actions > .button{
        width: 48%;
        float: left
    }
    .woocommerce-cart table.shop_table.cart td.actions > .button.checkout-button{
        float: right
    }
    .woocommerce .cart-collaterals{
        margin: 0
    }
    .woocommerce .cart-collaterals .cart_totals_inner,.woocommerce-shipping-calculator{
        float: none;
        width: 100%;
        padding: 0
    }
}
@media (max-width: 767px){
    .product-listing.woocommerce.columns-2 .product-item-wrap,.product-listing.woocommerce.columns-3 .product-item-wrap,.product-listing.woocommerce.columns-4 .product-item-wrap,.product-listing.woocommerce.columns-5 .product-item-wrap,.product-listing.woocommerce.columns-6 .product-item-wrap,.product-cat-wrap.columns-2 .product-item-wrap,.product-cat-wrap.columns-3 .product-item-wrap,.product-cat-wrap.columns-4 .product-item-wrap,.product-cat-wrap.columns-5 .product-item-wrap,.product-cat-wrap.columns-6 .product-item-wrap{
        width: 50% !important
    }
}
@media (max-width: 600px){
    .site-content-single-product .single-product-info .single-product-image-wrap{
        float: none;
        width: 100%;
        margin-bottom: 30px
    }
    .site-content-single-product .single-product-info .summary-product-wrap{
        float: none;
        width: 100%
    }
}
@media (max-width: 480px){
    .woocommerce .woocommerce-ordering{
        float: left
    }
    .product-listing.woocommerce.columns-2 .product-item-wrap,.product-listing.woocommerce.columns-3 .product-item-wrap,.product-listing.woocommerce.columns-4 .product-item-wrap,.product-listing.woocommerce.columns-5 .product-item-wrap,.product-listing.woocommerce.columns-6 .product-item-wrap,.product-cat-wrap.columns-2 .product-item-wrap,.product-cat-wrap.columns-3 .product-item-wrap,.product-cat-wrap.columns-4 .product-item-wrap,.product-cat-wrap.columns-5 .product-item-wrap,.product-cat-wrap.columns-6 .product-item-wrap{
        width: 100% !important
    }
    .woocommerce form.checkout_coupon .form-row{
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
    .woocommerce #reviews #comments ol.commentlist li img.avatar{
        display: none
    }
    .woocommerce-cart table.shop_table.cart td.actions > .button{
        width: 100%
    }
    .woocommerce-cart table.shop_table.cart td.actions [name="update_cart"]{
        margin-bottom: .5em
    }
}
@media (max-width: 320px){
    .woocommerce div.product .woocommerce-tabs ul.tabs li a{
        padding: 8px 15px
    }
    .upsells.products .owl-theme .owl-controls,.related.products .owl-theme .owl-controls,.cross-sells .owl-theme .owl-controls{
        display: none !important
    }
    .woocommerce-cart table.cart td.actions .button,.woocommerce-cart table.cart td.actions input.button,.woocommerce-cart table.cart td.actions button.button{
        padding-left: 5px;
        padding-right: 5px;
        letter-spacing: 0
    }
}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
    float: none;
    width: 100%
}
.woocommerce-MyAccount-navigation{
    background-color: #f4f4f4;
    text-align: center;
    margin-bottom: 30px
}
.woocommerce-MyAccount-navigation ul{
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0
}
.woocommerce-MyAccount-navigation li{
    display: inline-block
}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li:hover a{
    background-color: #20b8e7;
    color: #fff;
    text-decoration: none
}
.woocommerce-MyAccount-navigation a{
    font-size: 11px;
    font-weight: 400;
    color: #222;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 12px 20px;
    display: block;
    line-height: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
@media (max-width: 549px){
    .woocommerce-MyAccount-navigation li{
        display: block
    }
}
.woocommerce div.product div.images.woocommerce-product-gallery{
    float: none;
    width: 100%;
    margin-bottom: 0
}
.woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px -5px 0 -5px
}
.woocommerce div.product div.images .flex-control-thumbs .owl-item li{
    width: 100%;
    padding: 0 5px
}
.woocommerce div.product.sale div.images .woocommerce-product-gallery__trigger{
    top: 40px
}
.darna-button{
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-transform: uppercase;
    border: 2px solid
}
.darna-button:hover,.darna-button:active{
    text-decoration: none !important;
    outline: none !important
}
.darna-button.size-xs{
    padding: 1px 18px;
    font-size: 12px
}
.darna-button.size-sm{
    padding: 2px 20px;
    font-size: 13px
}
.darna-button.size-md{
    padding: 6px 20px;
    font-size: 13px
}
.darna-button.size-lg{
    padding: 6px 22px;
    font-size: 14px
}
.darna-button.style1{
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff
}
.darna-button.style1:hover{
    background-color: #535a55;
    border-color: #535a55;
    color: #fff
}
.darna-button.style2{
    background-color: transparent;
    border-color: #fff;
    color: #fff
}
.darna-button.style2:hover{
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff
}
.darna-button.style3{
    background-color: #535a55;
    border-color: #535a55;
    color: #FFFFFF
}
.darna-button.style3:hover{
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff
}
.darna-button.style4{
    background-color: #FFFFFF;
    border-color: #535a55;
    color: #535a55
}
.darna-button.style4:hover{
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff
}
.darna-button i{
    margin-right: 5px
}
.darna-button.icon-right i{
    margin-right: 0;
    margin-left: 5px
}
.page-template-coming-soon div.logo,.page-template-page-templatescoming-soon-php div.logo{
    display: block;
    text-align: center;
    padding-top: 65px;
    position: relative
}
.page-template-coming-soon .title,.page-template-page-templatescoming-soon-php .title{
    padding-top: 66px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
    position: relative
}
.page-template-coming-soon .description,.page-template-page-templatescoming-soon-php .description{
    color: #fff;
    line-height: 1.4;
    padding-top: 60px;
    font-size: 20px;
    text-align: center;
    position: relative
}
.page-template-coming-soon .copyright,.page-template-page-templatescoming-soon-php .copyright{
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: #fff
}
.page-template-coming-soon .countdown,.page-template-page-templatescoming-soon-php .countdown{
    background-repeat: repeat-y;
    background-size: cover
}
.page-template-coming-soon .countdown .opening-hours,.page-template-page-templatescoming-soon-php .countdown .opening-hours{
    text-align: center;
    color: #fff;
    padding-bottom: 70px;
    padding-top: 50px;
    position: relative
}
.page-template-coming-soon .countdown .opening-hours .time .count,.page-template-page-templatescoming-soon-php .countdown .opening-hours .time .count{
    display: inline-block;
    position: relative;
    border: solid 1px;
    margin-left: 10px;
    margin-right: 10px
}
.page-template-coming-soon .countdown .opening-hours .split,.page-template-page-templatescoming-soon-php .countdown .opening-hours .split{
    position: absolute;
    font-size: 100px;
    top: 0;
    left: -14px;
    line-height: 1
}
.page-template-coming-soon .countdown .opening-hours .box,.page-template-page-templatescoming-soon-php .countdown .opening-hours .box{
    font-size: 68px;
    line-height: 1;
    padding: 35px
}
.page-template-coming-soon .countdown .opening-hours .info,.page-template-page-templatescoming-soon-php .countdown .opening-hours .info{
    padding-bottom: 18px;
    padding-top: 18px;
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
    font-size: 14px
}
.page-template-coming-soon .subscriber,.page-template-page-templatescoming-soon-php .subscriber{
    text-align: center;
    position: relative;
    color: #fff
}
.page-template-coming-soon .subscriber i,.page-template-page-templatescoming-soon-php .subscriber i{
    position: absolute;
    left: 10px;
    top: 14px
}
.page-template-coming-soon .subscriber label,.page-template-page-templatescoming-soon-php .subscriber label{
    display: none
}
.page-template-coming-soon .subscriber p,.page-template-page-templatescoming-soon-php .subscriber p{
    display: inline-block;
    position: relative
}
.page-template-coming-soon .subscriber input[type='email'],.page-template-page-templatescoming-soon-php .subscriber input[type='email']{
    width: 260px;
    text-transform: none;
    background-color: transparent;
    height: 42px;
    padding-left: 30px;
    display: inline-block;
    color: #fff
}
.page-template-coming-soon .subscriber input[type='email']::-webkit-input-placeholder,.page-template-page-templatescoming-soon-php .subscriber input[type='email']::-webkit-input-placeholder,.page-template-coming-soon .subscriber input[type='email']::-moz-placeholder,.page-template-page-templatescoming-soon-php .subscriber input[type='email']::-moz-placeholder,.page-template-coming-soon .subscriber input[type='email']::-moz-placeholder,.page-template-page-templatescoming-soon-php .subscriber input[type='email']::-moz-placeholder,.page-template-coming-soon .subscriber input[type='email']::-ms-input-placeholder,.page-template-page-templatescoming-soon-php .subscriber input[type='email']::-ms-input-placeholder{
    color: #fff
}
.page-template-coming-soon .subscriber input[type='submit'],.page-template-page-templatescoming-soon-php .subscriber input[type='submit']{
    padding: 12px 18px 13px 18px;
    font-size: 13px;
    line-height: 1;
    background-color: transparent
}
.page-template-coming-soon .subscriber input[type='submit']:hover,.page-template-page-templatescoming-soon-php .subscriber input[type='submit']:hover{
    background-color: #20b8e7
}
.page-template-coming-soon .subscriber input,.page-template-page-templatescoming-soon-php .subscriber input{
    border: solid 2px #fff
}
.page-template-coming-soon .overlay:before,.page-template-page-templatescoming-soon-php .overlay:before{
    background-color: rgba(0,0,0,0.5);
    padding-top: 0
}
@media only screen and (max-width: 768px){
    .countdown{
        background-repeat: no-repeat;
        background-size: cover
    }
    .countdown .count{
        margin-top: 20px
    }
    .countdown .copyright{
        padding-bottom: 60px
    }
}
@media only screen and (max-width: 600px){
    .page-template-coming-soon .countdown .opening-hours .box,.page-template-coming-soon .countdown .opening-hours .split{
        font-size: 60px
    }
    .page-template-coming-soon .countdown .opening-hours .time .count{
        width: 150px
    }
}
@media only screen and (max-width: 450px){
    .page-template-coming-soon div.logo,.page-template-coming-soon .title{
        padding-top: 40px
    }
    .page-template-coming-soon .countdown .opening-hours{
        padding-top: 40px;
        padding-bottom: 40px
    }
    .page-template-coming-soon .countdown .opening-hours .time .count{
        width: 100px
    }
    .page-template-coming-soon .countdown .opening-hours .box,.page-template-coming-soon .countdown .opening-hours .split{
        font-size: 50px
    }
    .page-template-coming-soon .countdown .opening-hours .count .box{
        padding-right: 10px;
        padding-left: 10px
    }
}
.darna-feature.style1{
    margin-bottom: 30px !important
}
.darna-feature.style1 .darna-feature-thumb{
    position: relative
}
.darna-feature.style1 .darna-feature-thumb span{
    position: absolute;
    display: block;
    right: 20px;
    top: 20px
}
.darna-feature.style1 .darna-feature-thumb span i{
    color: #FFFFFF;
    font-size: 30px
}
.darna-feature.style1 .darna-feature-thumb img{
    width: 100%;
    height: auto
}
.darna-feature.style1 .darna-feature-thumb:hover i{
    color: #20b8e7
}
.darna-feature.style1 .darna-feature-content h4{
    margin: 21px 0 20px 0;
    font-family: 'Oswald';
    font-size: 21px;
    font-weight: 400
}
.darna-feature.style1 .darna-feature-content h4 i{
    color: #20b8e7;
    font-size: 26px;
    margin-right: 9px
}
.darna-feature.style1 .darna-feature-content h4 a{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: #222;
    text-transform: uppercase
}
.darna-feature.style1 .darna-feature-content h4 a:hover{
    color: #20b8e7;
    text-decoration: none
}
.darna-feature.style1 .darna-feature-content p{
    font-size: 14px;
    font-weight: 400;
    color: #8f8f8f;
    margin: 0 0 20px
}
.darna-heading{
    text-align: center
}
.darna-heading h2{
    font-family: 'Oswald';
    font-size: 48px;
    font-weight: 400;
    color: #222;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    padding-top: 37px;
    margin-bottom: 0
}
.darna-heading h2:before{
    content: '';
    display: inline-block;
    width: 57px;
    height: 15px;
    border-color: #20b8e7;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}
.darna-heading p{
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 400;
    color: #616161;
    line-height: 1.85;
    text-transform: uppercase;
    padding-top: 5px
}
.darna-heading:after{
    content: '';
    display: block;
    border-bottom: 5px solid #20b8e7;
    width: 57px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22px
}
.darna-heading.style2 h2{
    color: #ffffff
}
.darna-heading.style2 p{
    color: #979797
}
@media (max-width: 768px){
    .darna-heading h2{
        font-size: 40px
    }
}
.darna-icon-box.style1,.darna-icon-box.style2{
    text-align: center
}
.darna-icon-box.style1 .ibox-icon,.darna-icon-box.style2 .ibox-icon{
    display: block;
    height: 68px;
    width: 68px;
    background-color: #20b8e7;
    border: 4px solid #20b8e7;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.darna-icon-box.style1 .ibox-icon i,.darna-icon-box.style2 .ibox-icon i{
    font-size: 32px;
    line-height: 60px;
    color: #ffffff
}
.darna-icon-box.style1 .ibox-icon img,.darna-icon-box.style2 .ibox-icon img{
    width: 60px;
    height: 60px
}
.darna-icon-box.style1:hover .ibox-icon,.darna-icon-box.style2:hover .ibox-icon{
    background-color: #ffffff;
    text-decoration: none
}
.darna-icon-box.style1:hover .ibox-icon i,.darna-icon-box.style2:hover .ibox-icon i{
    color: #222
}
.darna-icon-box.style1 h3,.darna-icon-box.style2 h3{
    font-family: 'Oswald';
    font-size: 21px;
    padding-top: 19px;
    margin: 0
}
.darna-icon-box.style1 h3 a,.darna-icon-box.style2 h3 a{
    font-family: inherit;
    font-size: inherit;
    color: #222;
    line-height: 1;
    text-transform: uppercase
}
.darna-icon-box.style1 h3 a:hover,.darna-icon-box.style2 h3 a:hover{
    text-decoration: none
}
.darna-icon-box.style1 p,.darna-icon-box.style2 p{
    font-family: 'Lato';
    font-size: 14px;
    color: #8f8f8f;
    line-height: 1.71;
    padding-top: 10px
}
.darna-icon-box.style2 .ibox-icon{
    background-color: transparent;
    border: 4px solid transparent
}
.darna-icon-box.style2 .ibox-icon i{
    color: #20b8e7;
    font-size: 40px
}
.darna-icon-box.style2:hover .ibox-icon{
    background-color: #ffffff;
    border-color: #20b8e7
}
.darna-icon-box.style2 h3{
    font-size: 18px;
    padding-top: 10px
}
.darna-icon-box.style2 p{
    padding-top: 18px
}
.darna-icon-box.style3 .ibox-icon{
    display: block;
    height: 57px;
    width: 62px;
    text-align: center;
    float: left;
    background-color: #20b8e7;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.darna-icon-box.style3 .ibox-icon i{
    font-size: 26px;
    line-height: 57px;
    color: #ffffff
}
.darna-icon-box.style3 .ibox-icon img{
    height: 100%;
    width: 100%
}
.darna-icon-box.style3:hover .ibox-icon{
    text-decoration: none
}
.darna-icon-box.style3:hover .ibox-icon i{
    color: #222
}
.darna-icon-box.style3 h3{
    font-family: 'Oswald';
    font-size: 32px;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding-left: 21px;
    padding-top: 16px
}
.darna-icon-box.style3 h3 a{
    font-family: inherit;
    font-size: inherit;
    color: #222;
    text-transform: uppercase
}
.darna-icon-box.style3 h3 a:hover{
    text-decoration: none
}
.darna-icon-box.style3 p{
    font-family: 'Lato';
    font-size: 14px;
    color: #8f8f8f;
    line-height: 1.71;
    padding-top: 25px;
    clear: both
}
.darna-icon-box.style4{
    text-align: center
}
.darna-icon-box.style4 .ibox-icon{
    display: block;
    height: 110px;
    width: 110px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #222;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.darna-icon-box.style4 .ibox-icon i{
    font-size: 32px;
    line-height: 110px;
    color: #ffffff
}
.darna-icon-box.style4 .ibox-icon img{
    width: 110px;
    height: 110px
}
.darna-icon-box.style4:hover .ibox-icon{
    background-color: #20b8e7;
    text-decoration: none
}
.darna-icon-box.style4:hover .ibox-icon i{
    color: #ffffff
}
.darna-icon-box.style4 h3{
    font-family: 'Oswald';
    font-size: 18px;
    color: #222;
    padding-top: 30px;
    margin: 0;
    line-height: 1.11
}
.darna-icon-box.style4 h3 a{
    font-family: inherit;
    font-size: inherit;
    color: #222;
    line-height: 1;
    text-transform: uppercase
}
.darna-icon-box.style4 h3 a:hover{
    text-decoration: none
}
.darna-icon-box.style4 p{
    font-family: 'Lato';
    font-size: 14px;
    color: #8f8f8f;
    line-height: 1.86;
    padding-top: 10px
}
.darna-icon-box.style5{
    margin-bottom: 35px
}
.darna-icon-box.style5 .ibox-icon{
    display: block;
    height: 68px;
    width: 68px;
    float: left;
    text-align: center;
    background-color: transparent;
    border: 1px solid #ddd;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.darna-icon-box.style5 .ibox-icon i{
    font-size: 30px;
    line-height: 66px;
    color: #DDDDDD
}
.darna-icon-box.style5 .ibox-icon img{
    height: 100%;
    width: 100%
}
.darna-icon-box.style5:hover .ibox-icon{
    background-color: #20b8e7;
    text-decoration: none
}
.darna-icon-box.style5:hover .ibox-icon i{
    color: #ffffff
}
.darna-icon-box.style5 h3{
    padding-left: 100px;
    font-family: 'Oswald';
    font-size: 21px;
    color: #222;
    margin: 0;
    line-height: 0.95;
    padding-top: 5px
}
.darna-icon-box.style5 h3 a{
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: 0.02em;
    text-transform: uppercase
}
.darna-icon-box.style5 h3 a:hover{
    text-decoration: none
}
.darna-icon-box.style5 p{
    padding-left: 100px;
    font-family: 'Lato';
    font-size: 14px;
    color: #8f8f8f;
    line-height: 1.71;
    padding-top: 15px
}
.darna-icon-box.style6 .ibox-icon{
    float: left;
    display: block;
    line-height: 1
}
.darna-icon-box.style6 .ibox-icon i{
    font-size: 40px;
    color: #20b8e7
}
.darna-icon-box.style6 .ibox-icon img{
    height: 40px;
    width: 40px
}
.darna-icon-box.style6:hover .ibox-icon{
    text-decoration: none
}
.darna-icon-box.style6:hover .ibox-icon i{
    color: #222
}
.darna-icon-box.style6 h3{
    font-family: 'Oswald';
    font-size: 18px;
    line-height: 1.11;
    overflow: hidden;
    margin: 0;
    padding-left: 21px;
    padding-top: 11px
}
.darna-icon-box.style6 h3 a{
    font-family: inherit;
    font-size: inherit;
    color: #222;
    text-transform: uppercase
}
.darna-icon-box.style6 h3 a:hover{
    text-decoration: none
}
.darna-icon-box.style6 p{
    font-family: 'Lato';
    font-size: 14px;
    color: #8f8f8f;
    line-height: 1.71;
    padding-top: 10px;
    clear: both
}
.darna-ourteam.style1{
    text-align: center
}
.darna-ourteam.style1 .owl-wrapper .owl-item{
    padding-left: 15px;
    padding-right: 15px
}
.darna-ourteam.style1 .darna-ourteam-slider{
    margin-left: -15px;
    margin-right: -15px
}
.darna-ourteam.style1 .ourteam-item{
    position: relative
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar{
    position: relative
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar img{
    width: 100%;
    height: 100%
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
    padding: 0;
    opacity: 0
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social li{
    display: inline-block
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social li a{
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social li a i{
    line-height: 30px;
    font-size: 18px
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social li a:hover{
    background-color: #20b8e7;
    color: #ffffff
}
.darna-ourteam.style1 .ourteam-item .ourteam-info{
    background-color: #F8F8F8
}
.darna-ourteam.style1 .ourteam-item .ourteam-info p{
    font-family: 'Oswald';
    font-size: 18px;
    color: #292929;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding-top: 30px
}
.darna-ourteam.style1 .ourteam-item .ourteam-info p a{
    color: inherit
}
.darna-ourteam.style1 .ourteam-item .ourteam-info span{
    font-family: 'Lato';
    font-size: 11px;
    color: #8f8f8f;
    line-height: 1;
    font-weight: bold;
    margin: 0;
    display: block;
    padding: 12px 0 30px
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-avatar:before{
    content: '';
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background-color: rgba(0,0,0,0.75)
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-avatar .ourteam-social{
    opacity: 1
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-avatar .ourteam-social a{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-info{
    background-color: #20b8e7
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-info p{
    color: #ffffff
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-info span{
    color: #222
}
.darna-ourteam.style1 .owl-theme .owl-controls .owl-buttons div{
    width: 40px;
    height: 40px;
    background-color: #2B2B2B;
    opacity: 1;
    margin: auto;
    padding: 0
}
.darna-ourteam.style1 .owl-theme .owl-controls .owl-buttons div i{
    font-size: 21px;
    color: #ffffff;
    line-height: 40px
}
.darna-ourteam.style1 .owl-theme .owl-controls .owl-buttons div:hover{
    background-color: #20b8e7
}
.darna-ourteam.style1 .owl-theme .owl-controls{
    margin-top: 0
}
.darna-ourteam.style1 .owl-theme .owl-buttons .owl-prev{
    position: absolute;
    left: -45px;
    top: 0;
    bottom: 30px;
    margin: auto
}
.darna-ourteam.style1 .owl-theme .owl-buttons .owl-next{
    position: absolute;
    right: -45px;
    top: 0;
    bottom: 30px;
    margin: auto
}
.secondary-font{
    font-family: 'Oswald'
}
.menu-font{
    font-family: 'Roboto'
}
.primary-font{
    font-family: 'Lato'
}
.primary-color{
    color: #20b8e7
}
.border-primary-color,.border-primary-color:after,.border-primary-color:before{
    border-color: #20b8e7
}
.bold-color{
    color: #222
}
.center{
    text-align: center
}
.primary-color-hover:hover,.entry-content a.primary-color-hover:hover,.comment-text a.primary-color-hover:hover{
    color: #20b8e7
}
.paging .portfolio-wrapper{
    overflow: hidden
}
.portfolio-full.small-slider .owl-carousel .owl-wrapper-outer,.portfolio.slider .owl-carousel .owl-wrapper-outer{
    overflow: hidden
}
.portfolio-full.small-slider .owl-next,.portfolio.slider .owl-next,.portfolio-full.small-slider .owl-prev,.portfolio.slider .owl-prev{
    height: 30px;
    position: absolute;
    top: 43%;
    width: 30px;
    background-color: #fff;
    padding: 0
}
.portfolio-full.small-slider .owl-prev,.portfolio.slider .owl-prev{
    left: -40px
}
.portfolio-full.small-slider .owl-prev i,.portfolio.slider .owl-prev i{
    font-size: 16px;
    margin-left: -1px;
    margin-top: 4px
}
.portfolio-full.small-slider .owl-next,.portfolio.slider .owl-next{
    right: -40px
}
.portfolio-full.small-slider .owl-next i,.portfolio.slider .owl-next i{
    font-size: 16px;
    margin-left: 1px;
    margin-top: 4px
}
.portfolio.slider .owl-controls{
    text-align: right;
    position: relative
}
.portfolio.slider .owl-controls a.darna-button{
    position: absolute;
    left: 0
}
.portfolio.slider .owl-controls a.darna-button:hover{
    box-shadow: 0 3px 10px -2px #777
}
.portfolio.slider .owl-controls.container{
    padding-right: 0;
    padding-left: 0
}
.portfolio.slider .owl-controls.container .owl-buttons{
    position: absolute;
    right: 0;
    top: 40px;
    width: 150px
}
.portfolio.slider .owl-carousel .owl-buttons{
    display: inline-block
}
.portfolio.slider .owl-next,.portfolio.slider .owl-prev{
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: 0
}
.view-button-wrap{
    margin-top: 40px
}
.portfolio .portfolio-tabs{
    display: table;
    width: 100%
}
.portfolio .portfolio-tabs ul{
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    position: relative
}
.portfolio .portfolio-tabs ul.magic-line-container{
    border-top: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf
}
.portfolio .portfolio-tabs ul.cat-style-normal:before,.portfolio .portfolio-tabs ul.cat-style-normal:after{
    position: absolute;
    top: 50%;
    border-top: solid 2px;
    width: 20px;
    content: ""
}
.portfolio .portfolio-tabs ul.cat-style-normal:after{
    left: -38px
}
.portfolio .portfolio-tabs ul.cat-style-normal:before{
    right: -38px
}
.portfolio .portfolio-tabs ul li{
    float: left;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 2;
    position: relative
}
.portfolio .portfolio-tabs ul li > a{
    font-size: 11px;
    font-weight: 400;
    color: #222;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0
}
.portfolio .portfolio-tabs ul li > a.active,.portfolio .portfolio-tabs ul li > a:hover{
    color: #20b8e7
}
.portfolio .portfolio-tabs ul li:first-child{
    margin-left: 0
}
.portfolio .portfolio-tabs ul li.last{
    margin-right: 0
}
.portfolio .portfolio-tabs ul li.none-magic-line{
    color: #000
}
.portfolio .portfolio-tabs ul.magic-line-container li{
    margin-right: 0;
    margin-left: 0
}
.portfolio .portfolio-tabs ul.magic-line-container li a{
    margin-left: 10px;
    margin-right: 10px
}
.portfolio .portfolio-tabs ul.magic-line-container li:first-child a{
    margin-left: 0
}
.portfolio .portfolio-tabs ul.magic-line-container li.last a{
    margin-right: 0
}
.portfolio .portfolio-tabs ul li.magic-line{
    position: absolute;
    left: 0;
    width: 0;
    height: 2px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #20b8e7;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.portfolio .portfolio-tabs ul li.bottom.magic-line{
    bottom: -1px
}
.portfolio .portfolio-tabs ul li.top.magic-line{
    top: -1px
}
.portfolio .portfolio-tabs .tab-wrapper.center{
    text-align: center
}
.portfolio .portfolio-tabs .tab-wrapper.center ul{
    text-align: center;
    display: inline-block
}
.portfolio .portfolio-tabs .tab-wrapper.right > ul{
    float: right
}
.portfolio .portfolio-tabs .tab-wrapper.left > ul{
    float: left
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap{
    line-height: 1;
    background-color: #f4f4f4;
    margin-bottom: 30px
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul{
    margin-bottom: 0;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    display: table
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li{
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li:hover,.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li.active{
    background-color: #20b8e7
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li:hover a,.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li.active a{
    color: #fff
}
.portfolio .portfolio-tabs .title-portfolio{
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1
}
.portfolio .portfolio-tabs .title-portfolio .bottom-line{
    width: 45px;
    border-top: solid 2px #20b8e7;
    display: block;
    margin-top: 20px
}
.portfolio .portfolio-tabs .title-portfolio.isolation{
    display: block;
    margin-bottom: 30px
}
.portfolio .portfolio-tabs .title-portfolio.isolation > span{
    display: block
}
.portfolio .portfolio-tabs .title-portfolio.isolation .bottom-line{
    display: inline-block
}
.portfolio .portfolio-tabs .title-portfolio.isolation.left,.portfolio .portfolio-tabs .title-portfolio.isolation.right{
    float: none;
    position: relative;
    left: 0;
    right: 0
}
.portfolio .portfolio-tabs .title-portfolio.isolation.right{
    text-align: right
}
.portfolio .portfolio-tabs .title-portfolio.center{
    text-align: center;
    line-height: 1;
    margin-bottom: 30px
}
.portfolio .portfolio-tabs .title-portfolio.left{
    float: left;
    position: absolute;
    left: 15px
}
.portfolio .portfolio-tabs .title-portfolio.right{
    float: right;
    position: absolute;
    right: 15px
}
.portfolio.style_2 .title-portfolio{
    color: #fff
}
.portfolio.style_2 .portfolio-tabs ul.magic-line-container{
    border-top-color: #fff;
    border-bottom-color: #fff
}
.portfolio.style_2 .portfolio-tabs ul li > a{
    color: #fff;
    font-size: 13px
}
.portfolio.style_2 .portfolio-tabs ul li > a.active,.portfolio.style_2 .portfolio-tabs ul li > a:hover{
    color: #20b8e7
}
.portfolio.style_2 .owl-theme .owl-controls .owl-buttons div{
    background-color: #3f3f3f;
    color: #fff;
    opacity: 1
}
.portfolio.style_2 .owl-theme .owl-controls .owl-buttons div:hover{
    background-color: #20b8e7
}
div.light_rounded .pp_description,div.light_square .pp_description{
    text-align: center;
    font-weight: 600;
    font-size: 16px
}
div.light_rounded .pp_description a,div.light_square .pp_description a{
    text-decoration: none;
    color: #8f8f8f
}
div.light_rounded .pp_description a:hover,div.light_square .pp_description a:hover{
    text-decoration: none;
    color: #20b8e7
}
.portfolio-wrapper.darna-col-md-2 .owl-wrapper-outer .portfolio-item,.portfolio-wrapper.darna-col-md-3 .owl-wrapper-outer .portfolio-item,.portfolio-wrapper.darna-col-md-4 .owl-wrapper-outer .portfolio-item{
    width: 100%;
    padding-bottom: 0
}
.portfolio-wrapper.col-padding-10.owl-carousel,.portfolio-wrapper.col-padding-15.owl-carousel,.portfolio-wrapper.col-padding-20.owl-carousel,.portfolio-wrapper.col-padding-40.owl-carousel{
    margin: 0
}
.portfolio-wrapper.darna-col-md-2 .portfolio-item{
    width: 50%;
    float: left
}
.portfolio-wrapper.darna-col-md-2 .portfolio-item .post-title a{
    font-size: 18px
}
.portfolio-wrapper.darna-col-md-3 .portfolio-item{
    width: 33.3333333%;
    float: left
}
.portfolio-wrapper.darna-col-md-3 .portfolio-item .post-title a{
    font-size: 16px
}
.portfolio-wrapper.darna-col-md-4 .portfolio-item{
    width: 25%;
    float: left
}
.portfolio-wrapper.darna-col-md-4 .portfolio-item .post-title a{
    font-size: 15px
}
.portfolio-wrapper.col-padding-10{
    margin: 0 -10px -20px
}
.portfolio-wrapper.col-padding-10 .portfolio-item{
    padding: 0px 10px 20px 10px
}
.portfolio-wrapper.col-padding-15{
    margin: 0 -15px -30px
}
.portfolio-wrapper.col-padding-15 .portfolio-item{
    padding: 0px 15px 30px 15px
}
.portfolio-wrapper.col-padding-20{
    margin: 0 -20px -40px
}
.portfolio-wrapper.col-padding-20 .portfolio-item{
    padding: 0px 20px 0px 20px
}
.portfolio-wrapper.col-padding-40{
    margin: 0 -40px -80px
}
.portfolio-wrapper.col-padding-40 .portfolio-item{
    padding: 0px 40px 80px 40px
}
.portfolio-wrapper .portfolio-item{
    padding: 0px;
    position: relative
}
.portfolio-wrapper .portfolio-item img{
    width: 100%;
    height: auto;
    display: block
}
.portfolio-wrapper .portfolio-item .entry-thumbnail{
    overflow: hidden
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover a{
    border-radius: 0px;
    border: none;
    width: 100%;
    text-decoration: none;
    display: inline
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover a:hover{
    background-color: transparent
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper{
    display: table;
    height: 100%;
    text-align: center;
    width: 100%
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner{
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px;
    padding-right: 28px
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.view-gallery{
    background-color: #20b8e7;
    color: #222;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.view-gallery:hover{
    color: #fff
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.view-gallery i{
    font-size: 14px
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner div.title{
    text-align: center;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 18px;
    text-transform: uppercase
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner div.title:hover{
    color: #20b8e7
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category{
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
    color: #fff
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner img{
    max-width: 100%;
    display: inline-block
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner i{
    font-size: 22px
}
.portfolio-wrapper .portfolio-item div.post-title{
    text-transform: none;
    text-align: center;
    font-weight: 400;
    margin-top: 20px
}
.portfolio-wrapper .portfolio-item div.post-title a{
    color: #222;
    font-size: 18px;
    font-weight: 400
}
.portfolio-wrapper .portfolio-item div.post-title a:hover{
    text-decoration: none;
    color: #20b8e7
}
.portfolio-wrapper .portfolio-item div.category{
    text-align: center;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 40px;
    overflow: hidden;
    text-transform: uppercase
}
.portfolio-wrapper .portfolio-item div.category a{
    color: #878787;
    font-size: 12px;
    font-weight: 400
}
.portfolio-wrapper figure{
    margin: 0;
    position: relative;
    overflow: hidden
}
.portfolio-wrapper figure .fig-title{
    line-height: 1
}
.portfolio-wrapper figure .fig-title .ico-view-detail,.portfolio-wrapper figure .fig-title .ico-view-gallery{
    position: absolute;
    top: 0;
    padding: 24px;
    height: 100%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}
.portfolio-wrapper figure .fig-title .ico-view-detail i,.portfolio-wrapper figure .fig-title .ico-view-gallery i{
    font-size: 20px
}
.portfolio-wrapper figure .fig-title .ico-view-detail{
    background-color: #20b8e7;
    color: #fff;
    right: 65px
}
.portfolio-wrapper figure .fig-title .ico-view-detail:hover{
    color: #212121
}
.portfolio-wrapper figure .fig-title .ico-view-gallery{
    right: 0;
    background-color: #212121;
    color: #20b8e7
}
.portfolio-wrapper figure .fig-title .ico-view-gallery:hover{
    color: #fff
}
.portfolio-wrapper figure .fig-title .category{
    display: inline-block;
    padding-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
    white-space: nowrap
}
.portfolio-wrapper figure img{
    max-width: 100%;
    display: block;
    position: relative;
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s
}
.portfolio-wrapper figure a:hover{
    text-decoration: none
}
.portfolio-wrapper figure div.title{
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1
}
.portfolio-wrapper figure:hover img{
    transform: translateY(-50px)
}
.portfolio-wrapper figure:hover figcaption{
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: transform .4s, opacity .1s;
    -moz-transition: transform .4s, opacity .1s;
    -ms-transition: transform .4s, opacity .1s;
    -o-transition: transform .4s, opacity .1s;
    transition: transform .4s, opacity .1s
}
.portfolio-wrapper figure:hover .button-toolbox-wrap{
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}
.portfolio-wrapper figure .button-toolbox-wrap{
    opacity: 0;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -o-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.portfolio-wrapper figure .button-toolbox-wrap .button-toolbox{
    display: table;
    width: 100%;
    height: 100%;
    text-align: center
}
.portfolio-wrapper figure .button-toolbox-wrap .inner{
    display: table-cell;
    vertical-align: middle;
    font-size: 0px
}
.portfolio-wrapper figure .button-toolbox-wrap a{
    width: 60px;
    height: 60px;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    font-size: 16px
}
.portfolio-wrapper figure .button-toolbox-wrap .ico-view-detail{
    background-color: #20b8e7
}
.portfolio-wrapper figure .button-toolbox-wrap .ico-view-detail:hover{
    background-color: #fff;
    color: #20b8e7
}
.portfolio-wrapper figure .button-toolbox-wrap .ico-view-gallery{
    background-color: #000
}
.portfolio-wrapper figure .button-toolbox-wrap .ico-view-gallery:hover{
    background-color: #20b8e7
}
.portfolio-wrapper figcaption{
    position: absolute;
    left: 0;
    padding: 14px 14px 14px 20px;
    background-color: #fff;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform .4s, opacity .1s .3s
}
.portfolio-wrapper figcaption.dark{
    background-color: #222
}
.portfolio-wrapper figcaption.dark .fig-title .title,.portfolio-wrapper figcaption.dark .fig-title .category,.portfolio-wrapper figcaption.dark .fig-title .ico-view-gallery{
    color: #fff
}
.portfolio-wrapper figcaption.dark .fig-title .title:hover,.portfolio-wrapper figcaption.dark .fig-title .category:hover,.portfolio-wrapper figcaption.dark .fig-title .ico-view-gallery:hover{
    color: #20b8e7
}
.portfolio-item.col-padding-10 div.category{
    margin-bottom: 20px
}
.portfolio-item.col-padding-15 div.category{
    margin-bottom: 10px
}
.portfolio-item.col-padding-20 div.category{
    margin-bottom: 0px
}
.portfolio-item .entry-thumbnail.title .entry-hover-wrapper .entry-hover-inner h5{
    margin-bottom: 0px
}
.portfolio-item .entry-thumbnail .entry-hover-wrapper .entry-hover-inner .excerpt{
    color: #8f8f8f;
    height: 75px;
    overflow: hidden
}
body.boxed .portfolio-item .entry-thumbnail .entry-hover-wrapper .entry-hover-inner .icon.full{
    display: none
}
.portfolio-load-more-wrapper{
    text-align: center;
    margin-top: 88px;
    position: relative
}
.entry-thumbnail{
    overflow: hidden;
    position: relative
}
.entry-thumbnail:hover .entry-thumbnail-hover{
    opacity: 1
}
.entry-thumbnail .entry-thumbnail-hover{
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: .5s ease-out 0s;
    -moz-transition: .5s ease-out 0s;
    -ms-transition: .5s ease-out 0s;
    -o-transition: .5s ease-out 0s;
    transition: .5s ease-out 0s
}
.portfolio .paging{
    margin-top: 40px;
    margin-bottom: 70px;
    text-align: center
}
.portfolio .paging a{
    padding-left: 56px;
    padding-right: 56px
}
.portfolio-item .entry-thumbnail .entry-thumbnail-hover{
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}
.archive-portfolio{
    margin-top: 40px
}
.style_2 .owl-next,.style_2 .owl-prev{
    background-color: #657b84
}
@media only screen and (min-width: 1920px){
    .portfolio-wrapper .portfolio-item .entry-thumbnail > img{
        width: 100%
    }
}
@media only screen and (max-width: 1000px){
    .portfolio-wrapper.darna-col-md-2 .portfolio-item .post-title,.portfolio-wrapper.darna-col-md-2 .portfolio-item .category{
        font-size: 12px
    }
    .portfolio-wrapper.darna-col-md-2 .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner h5,.portfolio-wrapper.darna-col-md-2 .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span{
        font-size: 12px
    }
    .portfolio-wrapper.darna-col-md-2 .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner i{
        font-size: 22px
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev{
        left: 0px
    }
    .owl-theme .owl-controls .owl-buttons .owl-next{
        right: 20px
    }
}
@media only screen and (max-width: 768px){
    .portfolio .portfolio-tabs .title-portfolio.isolation.right,.portfolio .portfolio-tabs .title-portfolio.isolation.left,.portfolio .portfolio-tabs .title-portfolio.isolation.center,.portfolio .portfolio-tabs .title-portfolio.left,.portfolio .portfolio-tabs .title-portfolio.center,.portfolio .portfolio-tabs .title-portfolio.right{
        float: none;
        display: block;
        line-height: 1;
        position: relative;
        text-align: center;
        left: 0;
        right: 0;
        margin-bottom: 30px
    }
    .portfolio .portfolio-tabs .title-portfolio.isolation.right > span,.portfolio .portfolio-tabs .title-portfolio.isolation.left > span,.portfolio .portfolio-tabs .title-portfolio.isolation.center > span,.portfolio .portfolio-tabs .title-portfolio.left > span,.portfolio .portfolio-tabs .title-portfolio.center > span,.portfolio .portfolio-tabs .title-portfolio.right > span{
        display: block
    }
    .portfolio .portfolio-tabs .title-portfolio.isolation.right .bottom-line,.portfolio .portfolio-tabs .title-portfolio.isolation.left .bottom-line,.portfolio .portfolio-tabs .title-portfolio.isolation.center .bottom-line,.portfolio .portfolio-tabs .title-portfolio.left .bottom-line,.portfolio .portfolio-tabs .title-portfolio.center .bottom-line,.portfolio .portfolio-tabs .title-portfolio.right .bottom-line{
        margin-top: 20px;
        display: inline-block
    }
    .portfolio .portfolio-tabs .tab-wrapper{
        text-align: center
    }
    .portfolio .portfolio-tabs .tab-wrapper.right .magic-line-container,.portfolio .portfolio-tabs .tab-wrapper.left .magic-line-container,.portfolio .portfolio-tabs .tab-wrapper.center .magic-line-container{
        display: inline-block;
        float: none
    }
}
@media only screen and (max-width: 600px){
    .portfolio-wrapper figure .fig-title .ico-view-detail,.portfolio-wrapper figure .fig-title .ico-view-gallery{
        display: none
    }
    .portfolio-wrapper figure .fig-title .category{
        white-space: normal
    }
    .portfolio-item .entry-thumbnail .entry-hover-wrapper .entry-hover-inner h5{
        margin-bottom: 0px
    }
    .portfolio .portfolio-tabs ul.cat-style-normal:after,.portfolio .portfolio-tabs ul.cat-style-normal:before{
        width: 0
    }
    .portfolio-wrapper.darna-col-md-2 .portfolio-item,.portfolio-wrapper.darna-col-md-3 .portfolio-item,.portfolio-wrapper.darna-col-md-4 .portfolio-item{
        width: 100%
    }
    .magic-line-container .magic-line{
        display: none
    }
    .portfolio .portfolio-tabs ul{
        width: 100%
    }
    .portfolio .portfolio-tabs ul li{
        width: 100%;
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 4px;
        padding-right: 4px
    }
    .portfolio .portfolio-tabs ul li.none-magic-line{
        display: none
    }
}
@media only screen and (min-width: 600px) and (max-width: 990px){
    .portfolio-wrapper.darna-col-md-3 .portfolio-item,.portfolio-wrapper.darna-col-md-4 .portfolio-item{
        width: 50%
    }
}
.portfolio-full.small-slider{
    margin-bottom: 60px
}
.portfolio-full.small-slider .portfolio-title,.portfolio-full.small-slider .portfolio-category{
    text-transform: uppercase;
    text-align: center
}
.portfolio-full.small-slider .portfolio-category{
    line-height: 1;
    margin-bottom: 60px
}
.portfolio-full.small-slider .post-slideshow,.portfolio-full.small-slider .slideshow-paging{
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}
.portfolio-full.small-slider .slideshow-paging{
    margin-top: 30px
}
.portfolio-full.small-slider .owl-controls{
    margin-top: 0
}
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-prev,.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-next{
    background-color: #000;
    width: 40px;
    height: 40px;
    line-height: 36px;
    color: #fff
}
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-prev:hover,.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-next:hover{
    background-color: #20b8e7
}
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-prev{
    left: 20px
}
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-next{
    right: 20px
}
.portfolio-full.small-slider .portfolio-attribute{
    margin-top: 38px
}
.portfolio-full.small-slider .portfolio-attribute .portfolio-info{
    background-color: #f8f8f8;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom-style: solid;
    border-bottom-width: 3px
}
.portfolio-full.small-slider .portfolio-attribute .portfolio-info .portfolio-info-box{
    border-bottom: solid 1px #eee;
    padding-top: 15px;
    padding-bottom: 15px
}
.portfolio-full.small-slider .portfolio-attribute .portfolio-info .portfolio-info-box:last-child{
    border-bottom: none
}
.portfolio-full.small-slider .portfolio-info-box.share{
    position: relative
}
.portfolio-full.small-slider .portfolio-info-box.share img{
    position: absolute;
    top: 17px
}
.portfolio-full.small-slider .share h6{
    font-size: 18px;
    display: inline-block;
    font-weight: 300
}
.portfolio-full.small-slider .share .icon-wrap{
    display: inline-block;
    padding-left: 90px
}
.portfolio-full.small-slider .share .icon-wrap a{
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background-color: #eee
}
.portfolio-full.small-slider .share img{
    padding-left: 10px;
    padding-right: 10px
}
.portfolio-content{
    margin-top: 38px
}
.portfolio-content h5.title{
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 40px
}
.portfolio-content h5.title:before,.portfolio-content h5.title:after{
    content: '';
    position: absolute;
    width: 35px;
    border-bottom-width: 2px;
    border-bottom-style: solid
}
.portfolio-content h5.title:before{
    top: 36px
}
.portfolio-content h5.title:after{
    top: 40px;
    left: 15px
}
.portfolio-info ul{
    list-style: none;
    padding-left: 0;
    color: #222
}
.portfolio-info ul li:before{
    content: "::";
    padding-right: 10px
}
.portfolio-info .portfolio-info-box h6{
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 0
}
.portfolio-info .portfolio-info-box h6 i{
    width: 25px
}
.portfolio-info .portfolio-info-box .portfolio-term{
    display: inline-block;
    font-size: 14px;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}
.portfolio-related-wrap{
    background-color: #eee;
    padding-top: 130px;
    padding-bottom: 100px
}
.heading-wrap{
    text-align: center;
    line-height: 1;
    position: relative;
    padding-bottom: 75px
}
.heading-wrap:before,.heading-wrap:after{
    content: '';
    position: absolute;
    width: 60px;
    left: 0;
    right: 0;
    margin: 0 auto
}
.heading-wrap:before{
    top: -30px;
    height: 18px;
    border-style: solid solid none;
    border-width: 4px 4px 4px
}
.heading-wrap:after{
    bottom: 40px;
    height: 1px;
    border-style: solid;
    border-width: 2px
}
.heading-wrap .heading,.heading-wrap .sub-heading{
    text-transform: uppercase
}
.heading-wrap .heading{
    font-size: 48px;
    margin-bottom: 14px
}
.heading-wrap .sub-heading{
    font-size: 14px
}
.portfolio-description{
    margin-top: 70px;
    font-size: 12px
}
.portfolio-navigation-wrap{
    text-align: center;
    margin-bottom: 50px
}
.portfolio-navigation-wrap .nav-previous,.portfolio-navigation-wrap .nav-next,.portfolio-navigation-wrap .portfolio-archive{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: solid 1px #ddd
}
.darna-post img{
    width: 100%
}
.darna-post .darna-post-item .owl-wrapper .owl-item{
    padding-left: 0 !important;
    padding-right: 0 !important
}
.darna-post .darna-post-slider{
    margin-left: -15px;
    margin-right: -15px
}
.darna-post .darna-post-slider .owl-wrapper .owl-item{
    padding-left: 15px;
    padding-right: 15px
}
.darna-post .darna-post-content > a{
    font-family: 'Oswald';
    font-size: 18px;
    font-weight: 400;
    line-height: 1.11;
    color: #222;
    display: block;
    text-transform: uppercase;
    padding-top: 19px;
    padding-bottom: 2px
}
.darna-post .darna-post-content > a:hover{
    color: #20b8e7;
    text-decoration: none
}
.darna-post .darna-post-content p{
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 400;
    color: #8f8f8f;
    line-height: 1.71;
    padding-top: 12px
}
.darna-post .darna-post-content p:before{
    content: '';
    display: block;
    border-top: 4px solid #20b8e7;
    width: 50px;
    padding-bottom: 12px
}
.darna-post .darna-post-content i{
    margin-right: 16px;
    color: #8f8f8f;
    font-size: 12px
}
.darna-post .darna-post-content i span{
    color: inherit;
    font-size: inherit;
    font-weight: 400;
    font-family: 'Lato';
    font-style: italic;
    padding-left: 8px;
    text-transform: uppercase
}
.darna-post .darna-post-content i span > a{
    color: inherit;
    font-size: inherit;
    font-family: inherit
}
.darna-post .darna-post-content i span > a:hover{
    color: #20b8e7
}
.darna-post .owl-theme .owl-controls .owl-page{
    margin-top: 20px
}
.darna-post .owl-theme .owl-controls .owl-page span{
    background-color: #DDDDDD;
    width: 52px;
    height: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    margin-bottom: 0
}
.darna-post .owl-theme .owl-controls .owl-page.active span{
    background-color: #20b8e7
}
.embed-responsive.embed-responsive-16by9{
    padding-bottom: 66.25%
}
.embed-responsive.embed-responsive-blog-thumbnail{
    padding-bottom: 59.2%
}
.embed-responsive.embed-responsive-blog-classic{
    padding-bottom: 41.0256%
}
.shortcode-product-wrap .owl-theme .owl-controls{
    margin: 0;
    height: 0
}
.shortcode-product-wrap .owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: -92.5px 0 0 0;
    display: block;
    top: 50%;
    cursor: pointer;
    text-align: center;
    background-color: rgba(0,0,0,0.7);
    z-index: 200;
    padding: 0;
    opacity: 0;
    color: #fff;
    font-size: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.shortcode-product-wrap .owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: 15px;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px)
}
.shortcode-product-wrap .owl-theme .owl-controls .owl-buttons div.owl-next{
    right: 15px;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px)
}
.shortcode-product-wrap:hover .owl-theme .owl-controls .owl-buttons div{
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}
.shortcode-product-categories-wrap h4.widget-title{
    font-size: 18px;
    line-height: 22px;
    color: #222;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.075px;
    margin-bottom: 45px
}
.shortcode-product-categories-wrap h4.widget-title:after{
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    background-color: #20b8e7;
    margin-top: 15px
}
.video-content{
    position: relative;
    display: table;
    width: 100%;
    height: 498px
}
.video-content-inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%
}
.video-content-inner a{
    width: 100px;
    height: 100px;
    border-width: 10px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-style: solid;
    border-color: rgba(255,255,255,0.3)
}
.video-content-inner a i{
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 80px;
    font-size: 36px
}
.video-content-inner a .fa-play{
    padding-left: 5px
}
.video-content-inner a:hover{
    text-decoration: none
}
.video-content-inner h2{
    color: #FFFFFF;
    font-family: 'Oswald';
    font-size: 42px;
    text-transform: uppercase;
    padding-top: 35px;
    line-height: 1.1
}
.video-content-inner p{
    color: #FFFFFF;
    font-family: 'Lato';
    font-size: 16px;
    line-height: 1.61;
    max-width: 573px;
    margin-left: auto;
    margin-right: auto
}
.video-play video{
    bottom: 0;
    height: auto;
    left: 0;
    max-height: 4000%;
    max-width: 1000%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: -9999
}
.video-play{
    bottom: 0;
    left: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}
.video-play:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5)
}
.video-bg-img{
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}
.darna-testimonial.style1{
    text-align: center;
    position: relative
}
.darna-testimonial.style1 h6{
    font-family: 'Lato';
    font-size: 14px;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0
}
.darna-testimonial.style1 span{
    font-family: 'Lato';
    font-size: 12px;
    line-height: 1;
    color: #8F8F8F;
    display: block;
    padding-top: 7px
}
.darna-testimonial.style1 p{
    margin: 0;
    padding: 0;
    min-height: 133px;
    font-family: 'Lato';
    font-size: 21px;
    font-style: italic;
    line-height: 1.71;
    color: #ffffff;
    max-width: 774px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 93px
}
.darna-testimonial.style1 .owl-wrapper-outer:after{
    content: "\f10d";
    background-color: #20b8e7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 84px;
    margin: auto
}
.darna-testimonial.style1 .owl-controls{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 36px
}
.darna-testimonial.style1 .owl-controls i{
    display: none
}
.darna-testimonial.style1 .owl-controls .owl-buttons div{
    background: transparent;
    margin: 0;
    padding: 0 7px
}
.darna-testimonial.style1 .owl-controls .owl-prev:before{
    content: "\f177";
    font-family: FontAwesome;
    font-size: 21px;
    display: block;
    color: #ffffff
}
.darna-testimonial.style1 .owl-controls .owl-next:before{
    content: "\f178";
    font-family: FontAwesome;
    font-size: 21px;
    display: block;
    color: #ffffff
}
.darna-testimonial.style2,.darna-testimonial.style3{
    text-align: center
}
.darna-testimonial.style2 h6,.darna-testimonial.style3 h6{
    font-family: 'Lato';
    font-size: 18px;
    font-weight: bold;
    line-height: 1.11;
    color: #ffffff;
    margin-bottom: 0;
    padding-top: 52px
}
.darna-testimonial.style2 .darna-testimonial-item > span,.darna-testimonial.style3 .darna-testimonial-item > span{
    font-family: 'Lato';
    font-size: 12px;
    line-height: 1;
    color: #ffffff;
    display: block;
    padding-top: 11px;
    text-transform: uppercase
}
.darna-testimonial.style2 p,.darna-testimonial.style3 p{
    margin: 0;
    padding: 0;
    font-family: 'Lato';
    font-size: 21px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.43;
    color: #ffffff;
    max-width: 864px;
    margin-left: auto;
    margin-right: auto
}
.darna-testimonial.style2 .owl-controls,.darna-testimonial.style3 .owl-controls{
    margin-top: 74px
}
.darna-testimonial.style2 .owl-controls .owl-page span,.darna-testimonial.style3 .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #fff;
    margin: 5px;
    opacity: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}
.darna-testimonial.style2 .owl-wrapper-outer{
    padding-top: 120px
}
.darna-testimonial.style2 .owl-wrapper-outer:before{
    content: "\f10d";
    background-color: #20b8e7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    font-family: FontAwesome;
    font-size: 27px;
    display: inline-block;
    width: 63px;
    height: 63px;
    line-height: 63px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto
}
.darna-testimonial.style2 .owl-controls .owl-page.active span,.darna-testimonial.style2 .owl-controls.clickable .owl-page:hover span{
    background-color: #ffffff
}
.darna-testimonial.style3 p{
    padding-left: 20px;
    padding-right: 20px
}
.darna-testimonial.style3 .owl-wrapper-outer{
    padding-top: 100px
}
.darna-testimonial.style3 .owl-wrapper-outer:before{
    content: "\f10d";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #20b8e7;
    font-family: FontAwesome;
    font-size: 48px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto
}
.darna-testimonial.style3 .owl-controls .owl-page.active span,.darna-testimonial.style3 .owl-controls.clickable .owl-page:hover span{
    background-color: #20b8e7;
    border: 1px solid #20b8e7
}
.darna-counter{
    text-align: center;
    padding: 80px 0 100px
}
.darna-counter span{
    font-family: 'Oswald';
    font-size: 60px;
    font-weight: bold;
    color: #20b8e7;
    line-height: 1
}
.darna-counter p{
    font-family: 'Oswald';
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1;
    padding-top: 15px
}
@media (max-width: 767px){
    .darna-counter{
        padding: 40px 0 40px
    }
}
.darna-process.style1{
    text-align: center
}
.darna-process.style1 h3{
    font-family: 'Oswald';
    font-size: 30px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1
}
.darna-process.style1 h3 i{
    font-size: 30px
}
.darna-process.style1 h2{
    font-family: 'Oswald';
    font-size: 32px;
    font-weight: 400;
    color: #20b8e7;
    line-height: 1
}
.darna-process.style1 h2 a{
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit
}
.darna-process.style1 h2 a:hover{
    text-decoration: none
}
.darna-process.style1 p{
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.71;
    padding-top: 12px
}
.darna-process.style2{
    background-color: #F7F7F7;
    min-height: 350px;
    padding: 20px;
    position: relative;
    z-index: 1
}
.darna-process.style2 h3{
    font-family: 'Oswald';
    font-size: 60px;
    font-weight: bold;
    color: #DDDDDD;
    line-height: 1;
    padding-top: 30px;
    text-align: center
}
.darna-process.style2 h2{
    font-family: 'Oswald';
    font-size: 21px;
    font-weight: 400;
    color: #222;
    line-height: 1;
    padding-top: 6px;
    text-align: center
}
.darna-process.style2 h2 a{
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    letter-spacing: 0.02em
}
.darna-process.style2 h2 a:hover{
    text-decoration: none
}
.darna-process.style2 p{
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 400;
    color: #8F8F8F;
    line-height: 1.71;
    padding-top: 12px;
    text-align: center
}
.darna-process.style2 i{
    text-align: left;
    font-size: 135px;
    color: #F2F2F2;
    position: absolute;
    left: 20px;
    bottom: 10px;
    z-index: -1
}
.darna-process.style2:hover{
    background-color: #20b8e7
}
.darna-process.style2:hover h2,.darna-process.style2:hover h3,.darna-process.style2:hover p{
    color: #ffffff
}
.darna-process.style2:hover i{
    color: #000000;
    opacity: 0.1
}
@media (max-width: 991px){
    .darna-process.style1{
        position: relative;
        padding-bottom: 80px
    }
    .darna-process.style1 i{
        position: absolute;
        bottom: 35px;
        left: 0;
        right: 0;
        margin: auto
    }
    .darna-process.style1 i:before{
        content: "\f175"
    }
}
.darna-services .darna-services-item{
    text-align: center;
    background-size: cover;
    border: 1px solid #eee
}
.darna-services .darna-services-item .content-middle{
    background-color: #f8f8f8;
    min-height: 270px
}
.darna-services .darna-services-item .content-middle .content-middle-inner{
    -webkit-transition: all 1000ms cubic-bezier(.175, .885, .32, 1.275);
    -moz-transition: all 1000ms cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 1000ms cubic-bezier(.175, .885, .32, 1.275);
    transition: all 1000ms cubic-bezier(.175, .885, .32, 1.275)
}
.darna-services .darna-services-item .content-middle p{
    display: none
}
.darna-services .darna-services-item .content-middle i{
    font-size: 40px;
    color: #20b8e7;
    line-height: 2
}
.darna-services .darna-services-item .content-middle h3{
    font-size: 18px;
    line-height: 1.11
}
.darna-services .darna-services-item .content-middle h3 a{
    color: #222;
    text-decoration: none
}
.darna-services .darna-services-item:hover .content-middle{
    background-color: rgba(0,0,0,0.6)
}
.darna-services .darna-services-item:hover .content-middle .content-middle-inner{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg)
}
.darna-services .darna-services-item:hover .content-middle p{
    display: block;
    color: #ffffff
}
.darna-services .darna-services-item:hover .content-middle h3 a{
    color: #ffffff
}
.darna-services .owl-wrapper-outer{
    padding-top: 104px
}
.darna-services .owl-controls{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 0
}
.darna-services .owl-controls .owl-buttons div{
    width: 40px;
    height: 40px;
    background-color: #2B2B2B;
    opacity: 1;
    padding: 0;
    margin: 2px
}
.darna-services .owl-controls .owl-buttons div i{
    font-size: 21px;
    color: #ffffff;
    line-height: 40px
}
.darna-services .owl-controls .owl-buttons div:hover{
    background-color: #20b8e7
}
.darna-services .owl-controls .owl-page span{
    background-color: #222
}
.darna-services .owl-controls .owl-page.active span{
    background-color: #20b8e7
}
.darna-partner-carousel{
    position: relative
}
.darna-partner-carousel .owl-item{
    height: 229px;
    display: table;
    text-align: center
}
.darna-partner-carousel img{
    opacity: 0.8
}
.darna-partner-carousel img:hover{
    opacity: 1
}
.darna-partner-carousel .content-middle-inner{
    height: 100%
}
.darna-partner-carousel .owl-theme .owl-controls{
    height: 0;
    margin: 0
}
.darna-partner-carousel .owl-theme .owl-controls .owl-buttons div{
    width: 40px;
    height: 40px;
    background-color: #2B2B2B;
    opacity: 1;
    padding: 0;
    margin: auto
}
.darna-partner-carousel .owl-theme .owl-controls .owl-buttons div i{
    font-size: 21px;
    color: #ffffff;
    line-height: 40px
}
.darna-partner-carousel .owl-theme .owl-controls .owl-buttons div:hover{
    background-color: #20b8e7
}
.darna-partner-carousel .owl-buttons{
    margin: 0;
    height: 0
}
.darna-partner-carousel .owl-buttons .owl-prev{
    position: absolute;
    left: -45px;
    top: 0;
    bottom: 0;
    margin: auto
}
.darna-partner-carousel .owl-buttons .owl-next{
    position: absolute;
    right: -45px;
    top: 0;
    bottom: 0;
    margin: auto
}
.darna-partner-carousel .owl-pagination{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: auto
}
.darna-partner-carousel .owl-theme .owl-controls .owl-page span{
    background-color: #222
}
.darna-partner-carousel .owl-theme .owl-controls .owl-page.active span{
    background-color: #20b8e7
}
.darna-partner-carousel.opacity100 img{
    opacity: 1
}
.darna-partner-carousel.opacity100 img:hover{
    opacity: 1
}
.darna-partner-carousel.opacity90 img{
    opacity: 0.9
}
.darna-partner-carousel.opacity90 img:hover{
    opacity: 1
}
.darna-partner-carousel.opacity80 img{
    opacity: 0.8
}
.darna-partner-carousel.opacity80 img:hover{
    opacity: 1
}
.darna-partner-carousel.opacity70 img{
    opacity: 0.7
}
.darna-partner-carousel.opacity70 img:hover{
    opacity: 1
}
.darna-partner-carousel.opacity60 img{
    opacity: 0.6
}
.darna-partner-carousel.opacity60 img:hover{
    opacity: 1
}
.darna-partner-carousel.opacity50 img{
    opacity: 0.5
}
.darna-partner-carousel.opacity50 img:hover{
    opacity: 1
}
.darna-partner-carousel.opacity40 img{
    opacity: 0.4
}
.darna-partner-carousel.opacity40 img:hover{
    opacity: 1
}
.darna-partner-carousel.opacity30 img{
    opacity: 0.3
}
.darna-partner-carousel.opacity30 img:hover{
    opacity: 1
}
.darna-partner-carousel.opacity20 img{
    opacity: 0.2
}
.darna-partner-carousel.opacity20 img:hover{
    opacity: 1
}
.darna-partner-carousel.opacity10 img{
    opacity: 0.1
}
.darna-partner-carousel.opacity10 img:hover{
    opacity: 1
}
.darna-slider-container .owl-wrapper .owl-item{
    padding-left: 15px;
    padding-right: 15px
}
.darna-slider-container .owl-controls{
    margin-top: 34px
}
.darna-slider-container .owl-controls .owl-buttons div{
    width: 40px;
    height: 40px;
    background-color: #2B2B2B;
    opacity: 1;
    padding: 0;
    margin: 2px
}
.darna-slider-container .owl-controls .owl-buttons div i{
    font-size: 21px;
    color: #ffffff;
    line-height: 40px
}
.darna-slider-container .owl-controls .owl-buttons div:hover{
    background-color: #20b8e7
}
.darna-slider-container .owl-controls .owl-page span{
    background-color: #222
}
.darna-slider-container .owl-controls .owl-page.active span{
    background-color: #20b8e7
}
.darna-heading-media{
    text-transform: uppercase;
    font-family: 'Oswald';
    color: #20b8e7;
    font-size: 32px
}
.darna-heading-media span{
    color: #222;
    font-family: inherit;
    font-size: inherit
}
.darna-accordion.style1 .wpb_accordion_heading{
    font-family: 'Oswald';
    font-size: 24px;
    color: #222;
    line-height: 1;
    margin-bottom: 44px
}
.darna-accordion.style1 .wpb_accordion_section.group{
    margin-bottom: 12px
}
.darna-accordion.style1 .wpb_accordion_section.group:last-child{
    margin-bottom: 0
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header{
    background-color: #ffffff;
    border: 1px solid #ececec;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header span{
    display: none
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: #292929;
    padding: 15px 22px
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a:hover{
    text-decoration: none
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a i{
    color: inherit;
    font-size: 15px;
    padding-right: 13px;
    line-height: 0
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active{
    background-color: #20b8e7;
    border-bottom-color: #20b8e7
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active a{
    color: #ffffff
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content{
    background-color: #ffffff;
    border: 1px solid #ececec;
    border-top-color: #ffffff;
    padding: 22px 30px
}
.darna-tab.style1 .wpb_tabs_heading{
    font-family: 'Oswald';
    font-size: 24px;
    color: #222;
    line-height: 1;
    margin-bottom: 44px
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li{
    border: 1px solid #ececec;
    margin-right: 0;
    margin-top: 10px
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li.ui-tabs-active{
    margin-top: 0;
    border-top: 4px solid #20b8e7;
    position: relative
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a{
    padding: 18px 15px 19px
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li.ui-tabs-active:after{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #20b8e7;
    content: "";
    display: block !important;
    left: 0;
    right: 0;
    width: 8px;
    position: absolute;
    top: 0;
    margin: auto
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li.ui-tabs-active,.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li:hover{
    background-color: #ffffff
}
.darna-tab.style1 .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a{
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #222;
    padding: 15px 5px;
    min-width: 115px;
    text-align: center
}
.darna-tab.style1 .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a i{
    color: inherit;
    font-size: 15px;
    padding-right: 7px;
    line-height: 0
}
.darna-tab.style1 .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{
    background-color: #ffffff;
    border: 1px solid #ececec;
    padding: 20px 30px
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav{
    margin-bottom: -1px
}
.darna-tab.left .wpb_tabs .wpb_tabs_nav li{
    float: left
}
.darna-tab.right .wpb_tabs .wpb_tabs_nav li{
    float: right
}
.vc_tta-style-tab_style1 .vc_tta-panel-body{
    background-color: #ffffff;
    border: 1px solid #ececec !important
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab{
    background-color: #ffffff;
    border: 1px solid #ececec;
    border-bottom: 0;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 1;
    color: #222;
    min-width: 115px;
    text-align: center
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab i{
    color: inherit;
    font-size: 15px;
    padding-right: 7px;
    line-height: 0
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab.vc_active{
    border-top: 4px solid #20b8e7;
    position: relative
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab.vc_active a{
    padding-top: 18px
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab.vc_active:after{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #20b8e7;
    content: "";
    display: block !important;
    left: 0;
    right: 0;
    width: 8px;
    position: absolute;
    top: 0;
    margin: auto
}
.vc_tta-container > h2{
    font-family: 'Oswald';
    font-size: 24px;
    color: #222;
    line-height: 1;
    margin-bottom: 44px
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel .vc_tta-panel-heading,.vc_tta-style-tab_style1 .vc_tta-panel .vc_tta-panel-heading{
    background-color: #ffffff;
    border: 1px solid #ececec
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading,.vc_tta-style-tab_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading{
    background-color: #20b8e7;
    border: 1px solid #20b8e7
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title,.vc_tta-style-tab_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title{
    color: #ffffff
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-icon,.vc_tta-style-tab_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-icon{
    color: inherit
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-title,.vc_tta-style-tab_style1 .vc_tta-panel-title{
    font-family: 'Lato';
    font-size: 14px;
    line-height: 1;
    color: #292929
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta.vc_general .vc_tta-panel-body,.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-panel-body{
    background-color: #ffffff;
    border: 1px solid #ececec;
    border-top-color: #ffffff
}
.bg-gray{
    position: relative
}
.bg-gray:before{
    background-color: #fafafa;
    display: block !important;
    height: 100%;
    width: 2000%;
    left: -1000%;
    position: absolute
}
.darna-list-style ul{
    list-style-type: none;
    padding-left: 0;
    margin: 0
}
.darna-list-style ul li{
    line-height: 1.7
}
.darna-list-style ul li:before{
    font-family: 'FontAwesome';
    font-size: 14px;
    content: "\f0a9";
    margin: 0 10px 0 0;
    color: #20b8e7
}
.darna-content-left{
    width: 167px;
    float: left;
    padding-top: 8px
}
.darna-content-right{
    padding-left: 30px;
    overflow: hidden
}
@media (min-width: 992px){
    .md-margin-bottom-100{
        margin-bottom: 100px !important
    }
    .md-margin-top-50{
        margin-top: 50px !important
    }
}
@media (max-width: 991px){
    .sm-margin-bottom-15{
        margin-bottom: 15px !important
    }
    .sm-margin-bottom-30{
        margin-bottom: 30px !important
    }
    .sm-margin-bottom-40{
        margin-bottom: 40px !important
    }
    .sm-margin-bottom-50{
        margin-bottom: 50px !important
    }
}
@media (max-width: 767px){
    .xs-margin-bottom-15{
        margin-bottom: 15px !important
    }
    .xs-margin-bottom-30{
        margin-bottom: 30px !important
    }
    .xs-margin-bottom-40{
        margin-bottom: 40px !important
    }
    .xs-margin-bottom-50{
        margin-bottom: 50px !important
    }
}
@media (max-width: 480px){
    .darna-tab .wpb_tabs .wpb_tabs_nav li{
        width: 100%
    }
    .darna-content-left{
        width: 100%;
        float: none;
        padding-top: 0
    }
    .darna-content-right{
        padding-left: 0;
        padding-top: 15px;
        overflow: visible
    }
}
.margin-right-7{
    margin-right: 7px
}
.darna-single-image-style .vc_single_image-wrapper{
    position: relative
}
.darna-single-image-style .vc_single_image-wrapper:before{
    content: '';
    background-color: transparent;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 14px;
    left: 14px;
    bottom: 14px;
    right: 14px
}
.margin-4{
    margin: 4px
}
ul.wp-block-gallery{
    padding: 0
}
.wp-block-quote:not(.is-large):not(.is-style-large){
    border-left: 10px solid #20b8e7;
    padding: 20px 30px
}
.wp-block-quote:not(.is-large):not(.is-style-large) p{
    font-size: 18px;
    margin-bottom: 0
}
.wp-block-quote:not(.is-large):not(.is-style-large).has-text-align-right{
    border-left: none;
    border-right: 10px solid #20b8e7
}
.wp-block-pullquote blockquote:not(.is-large):not(.is-style-large){
    padding: 0;
    border-left: none;
    background-color: transparent;
    margin-bottom: 0
}
.wp-block-quote.is-style-large,.wp-block-quote.is-large{
    border-left: solid 10px #20b8e7;
    padding: 20px 30px
}
.wp-block-quote.is-style-large p,.wp-block-quote.is-large p{
    font-size: 24px;
    margin-bottom: 0
}
.wp-block-quote.is-style-large .wp-block-quote__citation,.wp-block-quote.is-large .wp-block-quote__citation{
    font-size: 18px
}
.wp-block-button__link{
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-transform: uppercase;
    border: 2px solid;
    padding: 6px 20px;
    font-size: 13px
}
.wp-block-button__link:hover,.wp-block-button__link:active{
    text-decoration: none !important;
    outline: none !important
}
.wp-block-button__link i{
    margin-right: 5px
}
.wp-block-button__link.icon-right i{
    margin-right: 0;
    margin-left: 5px
}
.wp-block-button__link:not(.has-text-color){
    color: #fff
}
.wp-block-button__link:not(.has-background):not(.has-text-color){
    background-color: #20b8e7;
    border-color: #20b8e7;
    color: #fff
}
.wp-block-button__link:not(.has-background):not(.has-text-color):hover{
    background-color: #535a55;
    border-color: #535a55;
    color: #fff
}
.wp-block-button__link:not(.has-background):not(.has-text-color){
    border: 2px solid #20b8e7;
    background-color: #20b8e7;
    color: #fff
}
.wp-block-button__link:not(.has-background):not(.has-text-color):hover,.wp-block-button__link:not(.has-background):not(.has-text-color).active{
    color: #fff;
    background-color: #535a55;
    border-color: #535a55
}
.wp-block-button:not(.is-style-squared) .wp-block-button__link{
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,.wp-block-button:not(.is-style-outline) .wp-block-button__link:active{
    color: #fff;
    background-color: #333;
    border-color: #333
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background,.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color{
    border-color: transparent
}
.wp-block-button.is-style-outline .wp-block-button__link{
    background: transparent !important;
    border: 2px solid currentcolor
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-button.is-style-outline .wp-block-button__link:active{
    color: #20b8e7
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color){
    color: #20b8e7
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):focus,.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active{
    color: #333
}
.wp-block-table > thead > tr > th,.wp-block-table > tbody > tr > th,.wp-block-table > tfoot > tr > th,.wp-block-table > thead > tr > td,.wp-block-table > tbody > tr > td,.wp-block-table > tfoot > tr > td{
    border: none;
    border-top: 1px solid #eee
}
.wp-block-table > thead > tr > th{
    border-bottom: 1px solid #eee
}
table > tbody + tbody{
    border-top: 1px solid #eee
}
.wp-block-gallery,.wp-block-columns,.wp-block-group,.wp-block-group.has-background,.wp-block-search,.wp-block-categories,.wp-block-archives,.wp-block-archives.wp-block-archives-dropdown,ol.wp-block-latest-comments,.wp-block-media-text,.wp-block-embed,.wp-block-button{
    margin-bottom: 20px
}
.wp-block-cover-image,.wp-block-cover{
    margin-bottom: 20px;
    color: #f8f9f9
}
.wp-block-cover-image p,.wp-block-cover p{
    margin-bottom: 0;
    line-height: 1.25
}
.wp-block-cover-image a,.wp-block-cover a{
    color: inherit !important
}
.blocks-gallery-caption{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px
}
.blocks-gallery-grid{
    margin-bottom: -16px
}
.wp-block-column > *:last-child{
    margin-bottom: 0
}
.wp-block-categories select,.wp-block-archives select{
    width: 100%;
    max-width: 100%
}