/*
  Theme Name: Crown - Audio Equipments HTML Template
  Theme URL: http://themewar.com/html/crown
  Author: ThemeWar
  Author URI: http://themewar.com/
  Description: Audio Equipments HTML Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
[01] Home One
    1. Top Bar
    2. Header Middle
    3. Header
    4. Slider
    5. category
    6. Product
    7. Testmonial
    8. product Tab
    9. Brand
    10. News & Blog
    11. Information
    12. Footer
    13. CopyRight
    14. newsletterSec
    15. Back To top
    16. Home Extra
[02] Home Two
    01. Information
    02. Product Deals
    03. Promotion
    04. Product ,tab & carousel
    05. Blog
[03] Home Three
    01. Header Top2
    02. Header2
    03. Slider2
    04. promotion2
    05. on sale
    06. Footer2
    07. CopyRight2
[04] Home Four
    01. Basic Style 
    02. Header TOp 
    03. Header3 
    04. Main Content 
    04. Newslatter2 
    04. footer3 
[05] Product Grid View
[06] Product List Sidebar
[07] Product Detail
[08] Blog Page
[09] Blog Single
[10] Contact Us
[11] Cart Page
[12] Checkout Page
[13] My account
[14] Wishlist
[15] 404 error
==========================================================================*/

@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

html, body { overflow-x: hidden;}
html, body, p,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat','Noto Sans TC',Arial;
}

/*=======================================================================
// Home One
=========================================================================*/

/**==================== Top Bar  ======================**/
.headerTop{
    border-bottom: 1px solid #eeeeee;
}
.singleAds{
    position: relative;
    display: inline-block;
    margin-right: 28px;
    border-right: 1px solid #eeeeee;
    padding: 26px 30px 24px 24px;
}
.singleAds:last-child{
    margin-right: 0;
    border: none;
    padding-right: 0;
}
.singleAds i{
    position: absolute;
    left: 0;
    top: 22px;
    font-size: 18px;
    color: #333333;
}
.singleAds p{
    line-height: .8;
    margin: 0;
}
.singleAds p span{
    color: #333333;
}
.singleAccInfo{
    position: relative;
    display: inline-block;
    padding: 26px 30px 24px 24px;
    border-right: 1px solid #eeeeee; 
    margin-right: 56px;
}
.singleAccInfo:last-child{
    margin-right: 0;
    border-right: 0;
    padding-right: 0;
}
.singleAccInfo i{
    position: absolute;
    left: 0;
    top:25px;
    color: #333333;
}
.singleAccInfo a{
    margin: 0;
    line-height: .8;
    display: block;
}
.has-menu-items.megali {
    position: inherit !important;
}
/**==================== Header Middle ======================**/
.headerMiddle{
    padding: 41px 0;
}
.headerSearch{
    /*border: 1px solid #ebebeb;
    border-radius: 30px;
    height: 30px;
    margin: 8px 0;*/
    height: 35px;
}
.headerSearch form {
    position: relative;
    height: 100%;
    width: 100%;
}
.headerSearch select{
    border: none;
    -moz-appearance:none;
    border-radius: 30px;
    color: #555555;
    cursor: pointer;
    position: relative;
}
.headerSearch select:after{
    content: '';
    left: 0;
    background: red;
    width: 20px;
    height: 20px;
    position: absolute;
}
.headerSearch select option{
    padding: 10px;
}
.headerSearch input {
    border: 1px solid #13bfbc;
    background: rgba(255, 255, 255, 0);
    /*border-bottom: 1px solid #13bfbc;*/
    bottom: 0;
    color: #13bfbc;
    /*float: right;*/
    width: 100%;
    height: auto;
    line-height: 1;
    padding: 8px 18px;
    position: absolute;
    right: 0;
    top: 0;
    /*width: 74.2%;*/
    margin: 0;
    outline: none;
}
.headerSearch input{
    background: #fff;
    color: #13bfbc;
    border-radius: 30px;
}
.headerSearch input:input-placeholder{
    color: #13bfbc;
    opacity: 1;
}
.headerSearch input::-webkit-input-placeholder {
    color: #13bfbc;
    opacity: 1;
}
.headerSearch input:-moz-placeholder {
    color: #13bfbc;
    opacity: 1;
}
.headerSearch input::-moz-placeholder {
    color: #13bfbc;
    opacity: 1;
}
.headerSearch button {
    background: #13bfbc;
    border-radius: 30px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    letter-spacing: 0.3px;
    padding: 5px 20px;
    position: absolute;
    right: 0;
    outline: none;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.headerSearch button:hover{
    background: #818181;
}
.cartBtnh{
    border: 2px solid #ddd;
    border-radius: 30px;
    position: relative;
    height: 45px;
    margin: 8px 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.cartBtnh a{
    padding: 15px 26px;
    line-height: .8;
    display: block;
}
.cartBtnh i {
    background: #749a50;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px;
    padding: 12.5px 26px;
    position: absolute;
    right: 0;
    top: 0;
}
.cartBtnh.home4,
.cartBtnh.home1{
    overflow: hidden;
}
.cartBtnh.home4 a{
    color: #fff;
}
.cartBtnh.home1 a{
    color: #333;
}
.cartBtnh.home4 a i,
.cartBtnh.home1 a i{
    width: 100%;
    right: -93px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.cartBtnh.home4 a:hover i{
    right: 0;
    background: #13bfbc ;
}
.cartBtnh.home1 a:hover i{
    right: 0; 
}
.cartBtnh.home4 a i > span,
.cartBtnh.home1 a i > span{
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 10px;
    right: -15px;
    position: relative;
    font-family: "Montserrat",sans-serif;
}
.cartBtnh.home4 a:hover i > span,
.cartBtnh.home1 a:hover i > span{
    right: 0;
}
.select2-container--default .select2-selection--single{
    border: none;
}
.select2-container--default .select2-selection--single{
    border-radius: 50%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555555;
    line-height: 28px;
    padding: 14px 29px;
    width: 166px;
    line-height: .8;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    right: -6px;
    top: 7px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent !important;
    border-style: solid;
    border-width: 0;
    height: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    position: absolute;
    left: 0;
    content: '\f107';
    font-family: FontAwesome;
    font-size: 14px;
    color: #888888;
    font-weight: 300;
}
.select2-container--open .select2-dropdown--below {
    border: 1px solid #E9E9E9;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: 0;
    position: absolute;
    top: 12px;
    width: 168px !important;
}
@media (max-width: 425px) {
    .headerSearch button,
    .headerSearch { height: 50px;}
}
/**==================== Header ======================**/
.header1{
    /*background: rgba(0,0,0,0.5);*/
    /*position: relative;*/
    z-index: 99;
    position: absolute;
    display: block;
    width: 100%;
    margin: 0 auto;
    transition: all 500ms ease-out;
    background: #fff;
}
.fixedHeader .mainnav1 ul { position: relative; top: -5px;}
@media (max-width: 991px) {
    .fixedHeader .mainnav1 ul { position: relative; top: 50px;}
}
.mainnav1 ul li{
    display: inline-block;
}
.mainnav1 ul li.has-menu-items{
    position: relative;
}
.mainnav1 ul li a{
    display: block;
    color: #13bfbc;
    letter-spacing: .35px;
    text-transform: uppercase;
    font-family: 'Montserrat','Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding: 0 32px;
    line-height: 110px;
    height: 110px;
    vertical-align: middle;
}
.mainnav1 ul li:hover > a{
    color: #13bfbc;
    background: rgba(125,216,207,0.1);
}
.mainnav1 ul > li > a:after {
    margin-left: 4px; 
    content: '\f107'; 
    font-family: FontAwesome;
}
.mainnav1 ul li ul.sub-menu li > a:after {
    margin-left: 4px; 
    content: '\f105'; 
    font-family: FontAwesome;
    right: 20px;
    position: absolute;
}
.mainnav1 ul li ul.sub-menu li > a:only-child:after{ 
    margin-left: 0;
    content: ''; }
.mainnav1 ul li > a:only-child:after { 
    margin-left: 0; 
    content: '';
}
.mainnav1 ul li.active > a,
.mainnav1 ul li.active > a:hover{
    background: #13bfbc;
    color: #fff;
}
.mainnav1 ul.sub-menu{
    position: absolute;
    background: #fff;
    width: 250px;
    margin-left: -125px;
    left: 50%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    top: 100px;
    transition: all 10ms ease;
    z-index: 30;
}
.mainnav1 ul li:hover > ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 110px;
    transition: all 300ms ease;
}
.fixedHeader .mainnav1 ul li > ul.sub-menu { top: 45px;}
.fixedHeader .mainnav1 ul li:hover > ul.sub-menu { top: 50px;}
@media (max-width: 991px) {
    .mainnav1 ul li a { line-height: 1; height: auto;}
    .fixedHeader .mainnav1 ul li > ul.sub-menu { top: 0;}
    .fixedHeader .mainnav1 ul li:hover > ul.sub-menu { top: 0;}
}
.mainnav1 ul.sub-menu li{
    display: block;
    border-top: 1px solid #13bfbc;
}
.mainnav1 ul.sub-menu li a{
    padding: 10px;
    font-size: 14px;
    line-height: 1.5;
    height: auto;
}
.mainnav1 ul.sub-menu li a:hover {
    color: #fff;
    background: #13bfbc;
}
.mainnav1 ul.sub-menu ul.sub-menu {
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 40px;
    visibility: hidden;
    opacity: 0;
}
.mainnav1 ul.sub-menu li:hover > ul.sub-menu{
    top: 0;
}
@media (max-width: 991px) {
    .mainnav1 ul li:hover > a { color: #fff; background: #13bfbc;}
    .mainnav1 ul.sub-menu li a {
        background: rgba(125,216,207,0.1);
    }
}
/**Mega Menu**/
.megaMenu {
    background: rgba(255, 255, 255, .96);
    position: absolute;
    width: 1140px;
    z-index: 30;
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    top: 90px;
    left: 15px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainnav1 ul li:hover .megaMenu{
    visibility: visible;
    opacity: 1;
    top: 69px;
}
.borderBotMega{
    border-bottom: 1px solid #edccc4; 
}
.megaTopinf{
    margin-bottom: 40px;
}
.singleMegaInfo{
    position: relative;
    padding-left: 63px;
    min-height: 100px;
    margin-top: 10px;
}
.singleMegaInfo i{
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    background: #DB9339;
    line-height: .8;
    padding: 19px 18px;
}
.singleMegaInfo h2{
    font-size: 17px;
    color: #222222;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 9px;
}
.singleMegaInfo p{
    font-size: 14px;
    color: #777777;
    line-height: 18px;
    letter-spacing: .35px;
    font-style: italic;
}
.megamaindiv{
    margin-bottom: 40px;
}
.megaItems h3{
    font-size: 17px;
    color:  #333333;
    font-family: texgyreadventorbold;
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 12px;
}
.megaItems h3:before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: #DB9339;    
}
.megaMenu .megaItems ul li{
    display: block;
}
.megaMenu .megaItems ul li a{
    font-size: 14px;
    color: #333333 !important;
    letter-spacing: .35px;
    background: transparent;
    padding: 0;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: inline-block;
}
.megaMenu .megaItems ul li a:hover{
    background: transparent;
    color: #DB9339 !important;
    padding-left: 8px;
}
.megaImg{
    overflow: hidden;
}
.megaImg a {
    background: transparent !important;
    padding: 0 !important;
}
.megaImg img{
    width: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.megaImg:hover img{
    transform: scale(1.1);
    opacity: .8;
}
.megaTxt{
    margin-top: 25px;
}
.megaTxt p{
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .35px;
    color: #666666;
}

.livechat{
    background: #749a50;
    position: relative;
    margin: auto;
    text-transform: none;
    margin-left: 50px;
    font-weight: 400;
}
.livechat a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    padding: 19px 28px 26px;
}
.livechat a i{
    margin-right: 8px;
    font-size: 24px;
    position: relative;
    top: 2px;
}
.livechat:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 20px 0 0;
    border-color: #749a50 transparent transparent transparent;
    content: '';
    left: 30px;
    bottom:-16px;
    position: absolute;
    z-index: 1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.livechat a:hover{
    background: #13bfbc;
    color: #fff;
}
.livechat:hover:after{
    border-color: #13bfbc transparent transparent transparent;
}
.fixedHeader{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 50px;
    z-index: 999;
    background: rgba(255,255,255,0.9);
    transition: all 500ms ease-out;
}

/**==================== Slider ======================**/
.slider1{
    background: #262626;
    position: relative;
    margin-top: 110px;
    height: 700px !important;
}
@media (max-width: 991px) {
    .slider1 { margin-top: 80px;}
}
@media (max-width: 768px) {
    .slider1 { height: 550px !important;}
}
@media (max-width: 425px) {
    .slider1 { height: 400px !important;}
}
.tp-bannertimer{
    display: none;
}
.tp-leftarrow.default.round{
    position: relative;
}
.tp-leftarrow.default{}
.tparrows.default.round{
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    width: 60px;
    height: 60px;
    background: transparent;
}
.tp-leftarrow.default.round:before{
    position: absolute;
    content: '\f104';
    font-family: 'FontAwesome';
    left: 0;
    padding:17px 24.5px;
    color: #fff;
    font-size: 100px;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.tp-rightarrow.default.round:after{
    position: absolute;
    content: '\f105';
    font-family: 'FontAwesome';
    left: -15px;
    padding:17px 24.5px;
    color: #fff;
    font-size: 100px;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.tp-rightarrow.default.round:hover::after, 
.tp-leftarrow.default.round:hover::before {
    background: transparent; none repeat scroll 0 0;
    color: #ffffff;
}
.tp-leftarrow.tparrows.default.round {
    left: 80px !important;
    top: 50%;
}
.tp-rightarrow.tparrows.default.round {
    right: 80px !important
}
.tparrows.default.round.hidearrows, 
.tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important;
}
.tp-bullets.simplebullets.round .bullet {
    border: 2px solid #fff;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    margin: 3px;
}
.tp-bullets.simplebullets.round .bullet.selected { background: #fff;}
.tp-bullets {
    left: calc(50% - 2.2%) !important;
}
@media (max-width: 768px) {
    .tp-bullets { left: calc(50% - 5%) !important;}
}
.rev1Con{}
.rev1Con h2{
    font-size: 20px;
    color: #fff;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.rev1Con h1{
    color: #fff;
    font-size: 50px;
    font-family: 'NexaBold','Noto Sans TC',"微軟正黑體", Arial;
    font-weight: 100;
    line-height: 1.5;
    text-align: center;
}
.rev1Con h1 small { display: block; color: #fff; font-size: 15px; letter-spacing: 5px; line-height: 1; background: rgba(71,193,253,0.9); padding: 10px 10px 10px 15px;}
.rev1Con h3{
    font-size: 79px;
    color: #13bfbc;
    font-weight: 300;
    font-family:NexaLight;
    position: relative;
}
.rev1Con h3:after{
    position: absolute;
    left: -60px;
    content: "";
    background: url(../images/slider/sa1.png) no-repeat scroll center center;
    top: 10px;
    width: 43px;
    height: 45px;
}
.rev1Con h3::before {
    background: rgba(0, 0, 0, 0) url("../images/slider/sa2.png") no-repeat scroll center center;
    content: "";
    height: 45px;
    position: absolute;
    right: -60px;
    top: 6px;
    width: 43px;
}

/**==================== category ======================**/
.catImg{
    overflow: hidden;
}
.catImg img{
    width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.Singlecategory:hover .catImg img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.Singlecategory h2 a {
    background: #000000;
    color: #ffffff;
    display: inline-flex;
    font-family: texgyreadventorbold;
    font-size: 18px;
    height: 35px;
    left: auto;
    letter-spacing: 0.45px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 35px;
    position: relative;
    right: auto;
    text-transform: capitalize;
    top: -65px;
}
.Singlecategory h2 a:hover{
    color: #749a50;
}

/**==================== Freture ======================**/

#featureProCaro{
    margin: 0;
}
#featureProCaro.owl-theme .owl-controls .owl-buttons div {
    background: #eee;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    color: #222222;
    width: 50px;
    height: 50px;
    text-align: center;
    padding:11px 18px;
    line-height: 1;
    top: 27%;
    position: absolute;
    margin: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#featureProCaro.owl-theme .owl-controls .owl-buttons div:hover{
    background: #13bfbc;
    color: #fff;
}
#featureProCaro.owl-theme .owl-controls .owl-buttons div.owl-next{
    right: -20px;
}
#featureProCaro.owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: -20px;
}
/**==================== Product ======================**/
.feacture{
    padding-bottom: 40px;
}
.singleProduct{
    margin-bottom: 60px;
}
.singleProduct4{
    padding: 0 10px
}
.singleProduct4 .proBtn.new{
    margin-top: 20px
}
.singleProduct4 .proBtn.new a{
    background: #13bfbc;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
}
.singleProduct4 .proBtn.new a:hover{
    background: #000000;
}
.singleProduct4:hover .proBtn.new a{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.singleProduct4 .proBtn.new a {
    display: inline-block;
    font-size: 12px;
    height: 36px;
    padding: 13px 26px;
}
.productTop{
    overflow: hidden;
    position: relative;
    margin-bottom: 32px;
}
.proImg img{
    width: 100%;
    height: auto;
}
.productHov{
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleProduct:hover .productHov{
    visibility: visible;
    opacity: 1;
    bottom: 0;
}
.productHov a{
    font-size: 12px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    background: #111111;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .3px;
    height: 40px;
    line-height: .8;
    padding: 13px 19px;
}
.productHov a i{
    font-size: 14px;
    margin-right: 7px;
}
.productHov a:hover{
    background: #749A50;
    color: #fff;
}
.proratting {
    line-height: .8;
}
.proratting i{
    font-size: 11px;
    color: #fdaa42;
    margin: -1px;
}
.proTitle{
    text-transform: capitalize;
    font-size: 16px;
    color: #555555;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 42px;
}
.proTitle span{
    text-transform: uppercase;
    font-weight: 700;
}
.proPrice{
    font-family: 'Lato', sans-serif;
    line-height: .8;
}
.newPrice{
    font-size: 18px;
    color: #333333;
    font-weight: 900;
    margin-right: 2px;
}
.oldPrice{
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 400;
}
.prolavel{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f7aa06;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.prolavel.top {
    left: 45px;
    position: absolute;
    top: 30px;
}
.prolavel.new{
    background: #74ab40;
}
.prolavel h5{
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    padding: 18px 0;
}
.prolavel::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f7aa06;
    border-style: solid;
    border-width: 28px 0 0 27px;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    left: 0;
    top: 22px;
}
.prolavel.top::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f7aa06;
    border-style: solid;
    border-width: 0 0 28px 27px;
    content: "";
    height: 0;
    left: 23px;
    position: absolute;
    top: 22px;
    width: 0;
}
.prolavel.new::after{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #74ab40;
}

/**==================== Testmonial ======================**/
.testmonialSec{
    background: url(../images/bg/1.jpg) no-repeat scroll center center/cover;
    padding: 40px 0 24px;
    position: relative;
}
#testmonialCaro{
    padding: 0 160px;
}
.sigleCarousel{
    margin-bottom: 29px;
}
.sigleCarousel img{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin-bottom: 27px;
}
.sigleCarousel h3{
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    margin-bottom: 24px;
}
.sigleCarousel p{
    color: #bbbbbb;
    font-style: italic;
    letter-spacing: .28px;
    position: relative;
}
.sigleCarousel p::before {
    color: #ffffff;
    content: '\f10d';
    font-family: FontAwesome;
    font-size: 12px;
    left: 167px;
    position: absolute;
    top: -4px;
}
.sigleCarousel p::after {
    color: #ffffff;
    content: '\f10e';
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: -2px;
    right: 268px;
}
#testmonialCaro.owl-carousel .owl-item img {
    display: inline-block;
    width: inherit;
}
#testmonialCaro.owl-theme .owl-controls .owl-page span {
    background: #fff;
    border-radius: 0;
    display: block;
    height: 6px;
    margin: 0 6px;
    width: 6px;
    opacity: 1;
}
#testmonialCaro.owl-theme .owl-controls .owl-page.active span{
    background: #749a50;
    width: 8px;
    height: 8px;
    margin: -1px 5px;
}

/**==================== product Tab ======================**/
.tabMenu{
    text-align: center;
    margin-bottom: 62px;
}
.tabMenu ul li{
    display: inline-block;
    margin-right: 26px;
}
.tabMenu ul li:last-child{
    margin-right: 0;
}
.tabMenu ul li a{
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .35px;
    display: block;
    background: #111111;
    height: 40px;
    padding:7px 20px;
    width: 210px;
    text-align: center;
}
.tabMenu ul li.active a,
.tabMenu ul li a:hover{
    background: #13bfbc;
}
.viewmoreBtn {
    background: #818181;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    padding: 7px 30px;
    text-transform: uppercase;
    font-family: 'Montserrat',Noto Sans TC, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .35px;
    padding: 7px 60px;
    margin-top: 20px;
}
.viewmoreBtn:hover{
    background: #13bfbc;
    color: #fff;
}
/**==================== Brand ======================**/
#brandsCaro{
    position: relative;
}
#brandsCaro:before{
    border: 2px solid #13bfbc ;
    content: "";
    display: block;
    height: 156px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 290px;
    z-index: -1;
    opacity: .6;
}
.singleBrand{
    text-align: center;
    position: relative;
    margin: 24px 5px;
}
.brandImg{
    position: relative;
}
.brandImg img{
    width: 100%;
    height: auto;
}
.brandImg:after{
    position: absolute;
    left: 0;
    background: #13bfbc;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    visibility: hidden;
    opacity: 0;
    bottom: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.brHover{
    position: absolute;
    left: 0;
    top: 20px;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 39px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.slick-active.slick-center .brHover,
.slick-active.slick-center .brandImg:after{
    visibility: visible;
    opacity: 1;
    top: 0;
}
.slick-prev.slick-arrow,
.slick-next.slick-arrow{
    display: none !important;
}

.brHover h2{
    color: #fff;
    font-size: 20px;
    font-family: texgyreadventorbold;
    letter-spacing: .5px;
    margin-bottom: 6px;
}
.brHover a{
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
}
.brHover a i{
    margin-left: 6px;
}
.brHover a:hover{
    color: #111;
}

/**==================== News & Blog ======================**/
.singleBlog{}
.blogImg{
    margin-bottom: 12px;
    overflow: hidden;
}
.blogImg img { max-width: 100%;}
@media (min-width: 1200px) {
    .blogImg { height: 167px; vertical-align: middle; line-height: 167px;}
}
@media (min-width: 1340px) {
    .blogImg { height: 209px; vertical-align: middle; line-height: 209px;}
}
.blogImg a {
    position: relative;
    display: block;
}
.blogImg a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #fff;
    transform: scale(1);
    opacity: 0;
    transition: all 350ms ease-out;
}
.singleBlog:hover .blogImg a:after {
    opacity: 1;
    transform: scale(0.85, 0.8);
    transition: all 350ms ease-out;
}
.blogImg img{
    width: 100%;
    height: auto;
}
.blogMeta {
    margin-bottom: 7px;
}
.blogMeta p{
    display: inline-block;
    margin-right: 26px;
    margin-bottom: 0;
}
.blogMeta p:last-child{
    margin-right: 0;
}
.blogMeta p a{
    color: #888;
}
.blogMeta p a:hover{
    color: #13bfbc
}
.blogMeta p i{
    color: #818181;
    margin-right: 4px;
}
.blogMeta p.date { float: left;}
.blogMeta p.month { float: right;}
.blogDec {
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .blogDec { margin-bottom: 25px;}
}
.blogTitle{
    /*font-size: 23px;*/
    color: #818181;
    line-height: 1.5;
    margin: 0 0 10px;
    font-weight: 500;
}
.blogTitle a { 
    display: block;
    color: #818181;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.blogTitle a:hover { color: #13bfbc;}
.blogDec p{
    /*font-style: italic;*/
    font-size: 16px;
    letter-spacing: 1px;
} 
.readmoreBtn{
    background: #111111;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    padding: 7px 30px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .3px;
    padding: 7px 39px;
}
.readmoreBtn:hover{
    background: #13bfbc;
    color: #fff;
}
/**==================== Information ======================**/
.infoSec {
    margin-top: -40px;
}
.inforCont{
    position: relative;
    top: 40px;
}
.singleInfo{
    padding-left: 133px;
    position: relative;
    min-height: 45px;
    border-right: 1px solid #edc99c;
    padding-top: 21px;
    padding-bottom: 21px;
    background: #13bfbc;
}
.singleInfo.last{
    border-right: none;
}
.singleInfo i {
    left: 63px;
    position: absolute;
    top: 26px;
    bottom: 0;
    margin: auto;
    color: #fff;
    font-size: 45px;
}
.singleInfo h3{
    font-size: 14px;
    font-weight: 400;
    color: #fff
}
.singleInfo p{
    margin: 0;
    color: #fff;
    font-style: italic;
}

/**==================== Footer ======================**/
.footer1{
    /*background: rgba(87, 78, 109, 0.1);*/
    padding: 50px 0;
    border-top: 3px solid #13bfbc;
}
.widget{}
.footIntxt {
    margin-bottom: 11px;
}
.footIntxt p{
    font-size: 14px;
    color: #888888;
    letter-spacing: .35px;
    font-style: italic;
    line-height: 20px;
}
.flogo{
    margin-bottom: 29px;
}
.foadds {
    margin-bottom: 24px;
}
.foadds p{
    color: #bbbbbb;
    letter-spacing: .35px;
    display: inline-block;
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
    margin: 0;
    line-height: 24px;
}
.foadds p a{ color: #818181; display: inline-block;}
.foadds p a:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    display: inline-block;
    left: 0;
    bottom: 0;
    background: #13bfbc;
    transition: all 500ms ease;
}
.foadds p a:hover:after {
    width: calc(100% - 10px);
    transition: all 500ms ease-out;
}
.foadds div[class*="col-"] { margin-top: 15px;}
.foadds svg {
    width: 40px;
    text-align: center;
    fill: #13bfbc;
    position: absolute;
    left: 0;
    top: -7px;
}
.foadds i{
    width: 40px;
    text-align: center;
    font-size: 25px;
    color: #13bfbc;
    position: absolute;
    left: 0;
    top: -5px;
}
.foadds i.fa-envelope-o { font-size: 23px;}
.foadds i.fa-mobile {
    font-size: 32px;
    line-height: 0.75;
}
.fbtn{
    height: 40px;
    border: 2px solid #13bfbc;
    color:  #13bfbc;
    text-transform: uppercase;
    /*font-size: 13px;*/
    font-family: texgyreadventorbold;
    letter-spacing: .32px;
    display: inline-block;
    line-height: .8;
    padding: 13px 27px;
}
.fbtn:focus, .fbtn:active{
    outline: none;
    box-shadow: none;
    color:  #13bfbc;
}
.fbtn:hover{
    background: #13bfbc;
    color: #fff;
}
.widgetTitle{
    position: relative;
    color: #dddddd;
    font-size: 16px;
    font-family: texgyreadventorbold;
    padding-bottom: 30px;
    margin-bottom: 21px;
}
.widgetTitle:after{
    content: '';
    left: 0;
    height: 3px;
    background: #333333;
    position: absolute;
    bottom: 0;
    width: 40px;
}
.footerlink{}
.footerlink ul{}
.footerlink ul li{}
.footerlink ul li a{
    color: #888888;
    letter-spacing: .35px;
    font-style: italic;
    line-height: 32px;
}
.footerlink ul li a:hover{
    color: #13bfbc;
    padding-left: 10px
}
.pdl32{
    padding-left: 47px;
}
/**==================== CopyRight ======================**/
.copySec{
    background: #0a0a0a;
    padding: 10px 0;
}
.copypera{
    color: #ddd;
    margin: 0;
    /*font-style: italic;
    line-height: .8;*/
}
.copypera a{
    color: rgba(255,255,255,0.5);
}
.copypera a:hover{
    color: #fff;
}
.copySec .text-right p {
    line-height: 1.75;
    margin-bottom: 0;
    color: rgba(255,255,255,0.15);
}
.copySec .text-right a{
    color: rgba(255,255,255,0.75);
    line-height: 1.5;
    font-size: 12px;
    font-family: 'Montserrat',Arial;
    display: inline;
    letter-spacing: 1px;
}
.copySec .text-right a:hover{
    color: #fff;
}
@media (max-width: 425px) {
    .copySec .text-right p { text-align: center;}
}
/**==================== newsletterSec ======================**/
.newsletterSec{
    border-top: 1px solid #414040;
    background: #201e1e;
    padding: 38px 0;
}
.newletter{
    padding-left: 155px;
    position: relative;
}
.newletter h2{
    position: absolute;
    left: 0;
    font-size: 18px;
    color: #749a50;
    top: 11px;
}
.newletter input{
    border: 2px solid #333333;
    height: 40px;
    background: transparent;
    width: 300px;
    font-size: 13px;
    color: #666666;
    letter-spacing: .32px;
    padding: 5px 19px;
}
.newletter button{
    height: 40px;
    background: #749a50;
    font-size: 13px;
    color: #eeeeee;
    text-transform: uppercase;
    letter-spacing: .32px;
    padding: 6px 36px;
    position: absolute;
    right: 45px;
    top: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.newletter button:hover{
    background: #13bfbc;
}
.payment{
    margin-top: 5px;
}

/**==================== Back To top ======================**/
.showit {
    background: #13bfbc;
    bottom: 100px;
    color: #ffffff;
    font-size: 20px;
    height: 40px;
    line-height: 0.8;
    padding: 10px 12px;
    position: fixed;
    right: 60px;
    text-align: center;
    width: 40px;
    z-index: 99;
    border-radius: 100%;
}
.showit i {
    color: #ffffff;
}
.showit:hover {
    background: #818181;
    color: #ffffff;
}

/**==================== Home Extra ======================**/
.feacture2{
    padding-top: 63px;
    padding-bottom: 77px;
}
.singleInstagram {
    float: left;
    margin-right: 30px;
    width: 17.89%;
}
.singleInstagram img{
    width: 100%;
    height: auto;
}
.singleProductEx {
    padding-bottom: 5px;
}
.cartBtn {
    background: #111111 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    letter-spacing: 0.3px;
    line-height: 0.8;
    padding: 13px 19px;
    text-transform: uppercase;
    margin-bottom: 38px;
}
.cartBtn:hover{
    background: #749A50;
    color: #fff;
}
.cartBtn i {
    font-size: 14px;
    margin-right: 7px;
}
.productDecHover {
    position: absolute;
    right: 0;
    left: 0;
    background: #fff;
    width: 90%;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -wbkit-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.singleProductEx:hover .productDecHover{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -wbkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.productDec1{
    bottom: 0;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleProductEx:hover .productDec1{
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -wbkit-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleProductEx .proImg {
    margin-bottom: 19px;
}


/*=======================================================================
// Home Two
=========================================================================*/

/**==================== Slider2 ======================**/
.rev2Con{
    /*border: 3px solid #13bfbc;*/
    text-align: center;
    background: rgba(255,255,255,0.75);
    padding: 35px 50px;
}
.rev2Con{}
.hgroups2{
    /*padding-bottom: 24px;
    margin-bottom: 22px;*/
}
.rev2Con h1{
    font-size: 50px;
    color: #13bfbc;
    font-weight: 700;
    text-align: left;
    margin-bottom: 15px;
    transform: scaleX(0.85);
    transform-origin: left;
}
.rev2Con h2{
    position: relative;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    color: #fff;
    letter-spacing: 1.4px;
    line-height: 1;
    font-family: 'NexaBold',Noto Sans TC;
    padding: 7px 10px 3px 0;
    background: #13bfbc;
}
.rev2Con h2:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    width: 120px;
    height: 100%;
    background: #13bfbc;
}
.rev2Con h2 span{
    color: #e3ae00;
    font-family: 'NexaLight';
    font-weight: 100;
}
.rev2Con p{
    text-transform: uppercase;
    color: #585858;
    letter-spacing: 8.4px;
    font-weight: 700;
    margin: 0 0 15px;
}
.rev2Con h3{
    font-size: 35px;
    color: #dddddd;
    font-family: 'NexaBold';
    margin-bottom: 45px;
}
.rev2Con h3 span{
    color: #888888;
    font-family: 'NexaLight';
    font-weight: 100;
}
.rev2Con a{
    background: #e3ae00;
    height: 40px;
    color: #000000;
    font-size: 16px;
    letter-spacing: 4.8px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 50px;
    display: inline-block; 
    line-height: .8;
}
.rev2Con a:hover{
    background: #749a50;
    color: #fff;
}

/**==================== Information ======================**/
.infoSec1{
    padding-top: 30px;
    padding-bottom: 80px;
}
.infoSec2 {
    padding-top: 62px;
}
.singleInfo2 {
    background: #201e1e;
    padding: 37px 0 20px;
}
.singleInfo2 i {
    color: #888888;
    font-size: 45px;
    padding-bottom: 28px;
    display: inline-block;
}
.singleInfo2 h3{
    color: #888888;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}
.singleInfo2:hover{
    background: #DB9339;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleInfo2:hover h3,
.singleInfo2:hover p,
.singleInfo2:hover i{
    color: #fff;
}

/**==================== Product Deals ======================**/
.dealsDay{
    background: #201e1e;
}
.ddh{
    background: #749a50;
    padding: 26px 25px;
}
.ddh i {
    color: #ffffff;
    font-size: 24px;
    margin-right: 19px;
    position: relative;
    top: 3px;
}
.ddh h4{
    display: inline-block;
    font-size: 18px;
    color:#fff;
    font-weight: 400;
    letter-spacing: .45px;
    margin: 0;
}
.ddb {
    padding: 25px 22px 15px;
}
.ddb p{
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    letter-spacing: .35px;
    margin-bottom: 27px;
}
.tabnavStyle1{
    text-align: center;
}
.tabnavStyle1 li {
    background: #333333;
    display: inline-block;
    height: 108px;
    width: 108px;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 3px;
    margin-left: 3px;
}
.tabnavStyle1 li.active a,
.tabnavStyle1 li:hover a{
    background: #DB9339;
    color: #fff;
}
.tabnavStyle1 li a {
    display: block;
    font-size: 41px;
    line-height: 0.8;
    padding: 38px 0;
    color: #888888;
}
.borderZp{
    border-left: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.sigleThPro{
    padding-left: 120px;
    position: relative;
}
.sigleThPro img {
    left: 0;
    position: absolute;
    top: 0;
    width: 108px;
    height: 75px;
    margin: auto;
    bottom: 0;
    left: 0;
    right: auto;
}
.thumbProduct{
    border: 1px solid #eeeeee;
}
.sigleThPro{
    border-bottom: 1px solid #eeeeee;
    min-height: 140px;
    padding-top: 25px;
}
.sigleThPro:last-child{
    border-bottom: none;
}
.proTitleTh{
    font-size: 14px;
    color: #201e1e;
    line-height: 18px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 3px;
}
.proTitleTh span{
    font-weight: 400;
    text-transform: capitalize;
}
.ratting{
    line-height: .8;
    margin-bottom: 4px;
}
.ratting i {
    color: #f09f37;
    font-size: 10px;
    margin: -1px;
}
.ptPrice{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
.ptPrice span.old {
    color: #777;
    font-size: 13px;
    font-weight: 300;
    text-decoration: line-through;
    margin-left: 5px;
}
.proShowImgW{
    height: 434px;
    position: relative;
    border-right: 1px solid #eeeeee;
}
.proShowImg {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 412px;
    height: 305px;
}
.proShowImg img{
    width: 100%;
    height: auto;
}
.borderTop{
    border-top: 1px solid #eeeeee;
}
.productTime{
    text-align: center;
}
.deal-countdown .time_circles{
    text-align: center;
    padding-top: 14px;
}
.deal-countdown .time_circles canvas{
    display: none;
}
.deal-countdown .time_circles > div {
    background: #333333;
    display: block;
    height: 70px;
    left: 0 !important;
    margin: auto;
    position: relative;
    right: 0;
    text-align: center;
    top: 0 !important;
    width: 70px !important;
    margin-bottom: 5px;
    padding: 18px 0;
}
.deal-countdown .time_circles > div p{
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    margin: 0;
}
.deal-countdown .time_circles > div h4{ 
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}
.proShoBtm{
    padding: 20px 0;
}
.productDec{
    padding-top: 17px;
    padding-bottom: 12px;
}
.productShow .productDec{
    padding-left: 30px;   
}
.proTitle2{
    font-size: 16px;
    line-height: 35px;
    color: #201e1e;
    font-family: 'Lato', sans-serif;
}
.proTitle2 span{
    font-weight: 400;
    text-transform: capitalize;
}
.proratting2{
    line-height: .8;
    margin-bottom: 12px;
}
.proratting2 span{
    font-style: italic;
    margin-left: 6px;
}
.proratting2 i{
    font-size: 11px;
    color: #f09f37;
    margin: 0 -1px;
}
.btnCart{
    padding-right: 30px;
    margin-top: 30px;
}
.btnCart a{
    width: 60px;
    height: 60px;
    background: #eeeeee;
    display: inline-block;
    border-radius: 50%;
    line-height: .8;
    text-align: center;
    font-size: 18px;
    color: #555555;
    padding: 21px 0;
    margin-left: 2px;
}
.btnCart a:hover{
    background: #13bfbc;
    color: #fff;
}

/**==================== Promotion ======================**/
.sPromo{
    overflow: hidden;
}
.sPromo img{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.sPromo:hover img{
    transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
}

/**==================== Product ,tab & carousel ======================**/
.productTabCaroSection{
    padding-bottom: 50px;
}
.tabnavStyle2{
    overflow: hidden;
}
.tabnavStyle2 li{
    float: left;
    border-right: 1px solid #fff;
    background: #eeeeee;
}
.tabnavStyle2 li a {
    color: #333333;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    letter-spacing: 0.35px;
    padding: 22px 90px;
    text-transform: uppercase;
    line-height: .8;
}
.tabnavStyle2 li a:hover{
    color:#DB9339;
}
.tabnavStyle2 li.active a {
    background: #201e1e;
    color: #DB9339;
}
.tabnavStyle2 li a i{
    font-size: 18px;
    margin-right: 15px;
}
.filterNav{
    background: #201e1e;
    border-top: 1px solid #34322f;
}
.filterNav ul{}
.filterNav ul li {
    color: #888888;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 60px;
    letter-spacing: 0.4px;
    line-height: 0.8;
    padding: 23px 34px;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.filterNav ul li.active, .filterNav ul li:hover{
    color: #fff;
}
.singleProduct2{
    border-bottom: 1px solid #eeeeee;
    min-height: 458px;
    position: relative;
}
.singleProduct2:first-child{
    border-left: 1px solid #eeeeee;
}
.galSlide{
    /*width: 100%;
    float: left;
    text-align: center;*/
}
.spImg {
    padding: 38px 0 20px;
}
.spImg img{
    width: 100%;
    height: auto;
}
.sp4Img {
    padding: 30px 0 20px;
}
.sp4Img img{
    width: 100%;
    height: auto;
}
.pro2dec{
    padding: 0 30px 30px;
}
.gallMix {
    border-right: 1px solid #eeeeee;
}
.ProductCaro .mix{
    display: none;
}
.proBtn{
    margin-top: 23px;
}
.proBtn a {
    border-radius: 30px;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    text-transform: uppercase;
    padding: 17px 20px;
    line-height: .8;
    position: relative;
}
.proBtn.pro{
    border-radius: 30px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    text-transform: uppercase;
    padding: 14px 21px;
    line-height: .8;
    border: 2px solid #dddddd;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.proBtn.pro .oldPrice{
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    position: relative;
}
.singleProduct2:hover .proBtn.pro .oldPrice{
    visibility: visible;
    opacity: 1;
    left: 0;
}
.proBtn.pro .proPrice{
    font-family: "Montserrat",sans-serif;
}
.proBtn.pro .proPrice{
    position: relative;
    top: 2px;
}
.proBtn.pro a {
    font-size: 18px;
    padding: 13px 31px 13px 25px;
    position: absolute;
    right: -115px;
    top: 0;
    color: #749a50;
    text-align: center;
}
.proBtn.pro a:hover, .proBtn.pro:hover a{
    right: 0;
    padding: 13px 45px;
    background: #13bfbc !important;
}
.proBtn.pro a:hover span{
    visibility: visible;
    opacity: 1;
}
.proBtn.pro a span{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .35px;
    visibility: hidden;
    opacity: 0;
}
.singleProduct2:hover .proBtn.pro a{
    background: #749a50;
    color: #fff;
}
.prolavel2 {
    background: #749a50;
    border-radius: 50%;
    color: #ffffff;
    font-size: 12px;
    height: 50px;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    top: 10px;
    width: 50px;
    line-height: .8;
    padding: 20px 0;
    font-weight: 400;
}
.prolavel2.pro{
    background: #13bfbc;
}
.singlelb{
    margin-bottom: 2px;
}
.singlelb a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    right: 0;
}
.singlelb a:hover,
.singlelb.active a{
    right: -20px
}
.singlelb img{
    width: 100%;
    height: auto;
}
.singlelbr a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
}
.singlelbr a:hover,
.singlelbr.active a{
    left: -20px
}
.singlelbr img {
    display: block;
    width: 97.3%;
    margin: 0;
}
.singlelbr.one {
    position: absolute;
    right: -298%;
    top: 0;
}
.singlelbr.two {
    position: absolute;
    right: -298%;
    top: 33.333%;
}
.singlelbr.three {
    position: absolute;
    right: -298%;
    top: 66.66%;
}
.singleLBs img{
    width: 100%;
    height: auto;
}
.lobSlider .owl-controls {
    position: absolute;
    right: 17px;
    bottom: 13px;
}
.lobSlider.owl-theme .owl-controls .owl-page span{
    background: transparent;
    border-radius: 30px;
    display: block;
    height: 9px;
    margin: 0 2.5px;
    transition: opacity 200ms ease 0s;
    width: 9px;
    border: 2px solid #aaaaaa;
}
.lobSlider.owl-theme .owl-controls .owl-page.active span{
    background: #13bfbc;
    border-color: #13bfbc;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 35px;
}
#mCSB_1_dragger_horizontal {
    background: #000000;
    border-radius: 30px;
    height: 13px;
    width: 217px;
}
.mCSB_dragger_bar{
    opacity: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 5px;
    margin: 4px 0;
    width: 100%;
    background: #eee;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #eee;
}
.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 0;
}


/**==================== Blog  ======================**/
.blogSec {
    padding-top: 90px;
    padding-bottom: 70px;
}
.SectionHead{
    background: #201e1e;
    padding: 26px 0;
    position: relative;
    margin-bottom: 34px;
}
.SecTitle {
    background: #DB9339;
    display: inline-block;
    height: 60px;
    line-height: 0.8;
    padding: 18px 24px 18px 26px;
    position: absolute;
    top: -8px;
}
.SecTitle i{
    font-size: 22px;
    color: #fff;
    position: relative;
    top: 2px;
    margin-right: 14px;
}
.SecTitle h2{
    font-size: 16px;
    color:  #fff;
    font-weight: 400;
    display: inline-block;
    letter-spacing: .4px;
}
.arrowCaro {
    border: 2px solid #555555;
    display: block;
    width: 78px;
    border-radius: 30px;
    position: relative;
    right: 20px;
    height: 30px;
}
.arrowCaro a {
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 0.8;
    padding: 4px 12px;
}
.arrowCaro a.next {
    background: #DB9339;
    border-radius: 30px;
    width: 46px;
    text-align: center;
    line-height: .8;
    padding: 3px;
    position: absolute;
    right: 0;
}
.arrowCaro a:hover{
    color: #749a50;
}
.blogTop {
    margin-bottom: 28px;
    padding-right: 40px;
}
.blogTop p{
    color: #888888;
    font-size: 14px;
    line-height: 18px; 
    font-style: italic;
}
.blogTitle2{
    margin-bottom: 8px;
}
.blogTitle2 a{
    font-size: 18px;
    color: #222222;
    letter-spacing: .45px;
    font-weight: 400;
    line-height: 24px;
}
.blogTitle2 a:hover{
    color: #13bfbc;
}
.blogIMGroup{
    padding-right: 190px;
    position: relative;
}
.blogimg2 img{
    width: 100%;
    height: auto;
    min-height: 270px
}
.blogMeta2{
    position: absolute;
    top: 0;
    right: 0;
}
.bMauthor{
    position: relative;
    padding-left: 60px;
    min-height: 50px;
    margin-bottom: 18px;
}
#blogCaro .bMauthor img{
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.bMauthor a{
    font-size: 18px;
    color: #333333;
    display: inline-block;
}
.bMauthor a:hover{
    color: #13bfbc;
}
.bMauthor p{
    font-style: italic;
    margin: 0;
    line-height: .8;
}
.metaOption{}
.metaOption a{
    display: block;
    font-size: 14px;
    color: #aaaaaa;
    margin-bottom: 9px;
}
.metaOption a i{
    margin-right: 7px;
}
.metaOption a:hover{
    color: #13bfbc;
}
#blogCaro.owl-theme .owl-controls, 
#onsallCaro.owl-theme .owl-controls {
    margin-top: 0;
    text-align: center;
    position: absolute;
    top: -75px;
    right: 0;
    border: 2px solid #555555;
    border-radius: 30px;
    display: block;
    height: 30px;
    right: 20px;
    width: 78px;
}
#onsallCaro.owl-theme .owl-controls{
    margin-top: 0;
    text-align: center;
    position: absolute;
    top: -41px;
    right: 0;
    border: 2px solid #555555;
    border-radius: 30px;
    display: block;
    height: 30px;
    right: 20px;
    width: 78px;
}
#h4productCaro.owl-theme .owl-controls {
    margin-top: 0;
    text-align: center;
    position: absolute;
    top: -38px;
    right: 0;
    border: 2px solid #eeeeee;
    border-radius: 30px;
    display: block;
    height: 30px;
    right: 13px;
    width: 78px;
}
.thumbProCaro.owl-theme .owl-controls {
    margin-top: 0;
    text-align: center;
    position: absolute;
    top: -38px;
    right: 0;
    border: 2px solid #eeeeee;
    border-radius: 30px;
    display: block;
    height: 30px;
    right: 0;
    width: 78px;
}
.ProductCaro.owl-theme .owl-controls {
    margin-top: 0;
    text-align: center;
    position: absolute;
    bottom: -52px;
    right: 0;
    border: 2px solid #eeeeee;
    border-radius: 30px;
    display: block;
    height: 30px;
    right: 13px;
    width: 78px;
}
.ProductCaro.owl-theme .owl-controls .owl-buttons div,
#blogCaro.owl-theme .owl-controls .owl-buttons div,
#onsallCaro.owl-theme .owl-controls .owl-buttons div,
#h4productCaro.owl-theme .owl-controls .owl-buttons div,
.thumbProCaro.owl-theme .owl-controls .owl-buttons div{
    background: transparent;
    border-radius: 30px;
    color: #333333;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    opacity: 1;
    padding: 0 15px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#blogCaro.owl-theme .owl-controls .owl-buttons div,
#onsallCaro.owl-theme .owl-controls .owl-buttons div{
    color: #fff;
}
.ProductCaro.owl-theme .owl-controls .owl-buttons div:hover,
#blogCaro.owl-theme .owl-controls .owl-buttons div:hover,
#onsallCaro.owl-theme .owl-controls .owl-buttons div:hover,
#h4productCaro.owl-theme .owl-controls .owl-buttons div:hover,
.thumbProCaro.owl-theme .owl-controls .owl-buttons div:hover{
    background: #13bfbc;
    color: #fff;
}
/*=======================================================================
// Home Three
=========================================================================*/
/**==================== Header Top2 ======================**/
.headerTop.style_two{
    background: #201e1e;
}
.topText {
    padding: 17px 0;
}
.topText p{
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .3px;
}
.topText p span{
    color: #749a50;
}
.singleAccInfo2{
    position: relative;
    display: inline-block;
    padding: 26px 29px 24px 30px;
    border-right: 1px solid #393634;
}
.singleAccInfo2:first-child{
    border-left: 1px solid #393634;
}
.singleAccInfo2 i{
    margin-right: 10px;
}
.singleAccInfo2 a{
    margin: 0;
    line-height: .8;
    display: block;
    color: #aaaaaa;
}
.singleAccInfo2 a:hover{
    color: #13bfbc;
}
.headerMiddle2 {
    padding: 47px 0 50px;
}
/**==================== Header2 ======================**/
.header3 {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 2px;
    padding-top: 10px;
}
.mainnav2 ul li{
    display: inline-block;
    position: relative;
}
.mainnav2 ul li a{
    display: block;
    color: #222222;
    letter-spacing: .35px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 21px 18px;
}
.mainnav2 ul li:hover > a, .fixedHeader .mainnav2 ul li:hover > a{
    color: #13bfbc;
}
.mainnav2 ul > li > a:after {
    margin-left: 4px; 
    content: '\f107'; 
    font-family: FontAwesome;
}
.mainnav2 ul li ul.sub-menu li > a:after {
    margin-left: 4px; 
    content: '\f105'; 
    font-family: FontAwesome;
    right: 20px;
    position: absolute;
}
.mainnav2 ul li ul.sub-menu li > a:only-child:after{ 
    margin-left: 0;
    content: ''; }
.mainnav2 ul li > a:only-child:after { 
    margin-left: 0; 
    content: '';
}
.mainnav2 ul.sub-menu{
    position: absolute;
    background: #161515;
    width: 250px;
    margin-left: -125px;
    left: 50%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    top: 80px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 9;
}
.mainnav2 ul li:hover > ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 68px;
}
.mainnav2 ul.sub-menu li{
    display: block;
    border-bottom: 1px solid #201E1E;
}
.mainnav2 ul.sub-menu li a{
    padding: 10px;
    font-size: 12px;
    color: #fff;
}
.mainnav2 ul.sub-menu ul.sub-menu {
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 40px;
    visibility: hidden;
    opacity: 0;
}
.mainnav2 ul.sub-menu li:hover > ul.sub-menu{
    top: 0;
}
.fixedHeader .mainnav2 ul li a{
    color: #fff;
}
.header3.fixedHeader{
    padding-top: 0;
}
.phoneHeader {
    color: #749a50;
    font-size: 16px;
    margin-top: 19px;
}
.phoneHeader i {
    position: relative;
    top: 4px;
    margin-right: 4px;
}
.catBtn {
    background: #13bfbc;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 22px 0 21px 70px;
    display: block;
    width: 100%;
    border-radius: 5px 5px 0 0;
    position: relative;
    text-align: left;
}
.catBtn img{
    left: 21px;
    top: 18px;
    position: absolute;
}
.catBtn i {
    position: absolute;
    right: 30px;
    top: 26px;
    line-height: .8;
    font-size: 22px;
}
#catToggle {
    background: #201e1e;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    width: 89.5%;
    margin: auto;
}
#catToggle ul{
    margin-bottom: 32px;
}
#catToggle ul li a {
    color: #888888;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.4px;
    padding: 15px 25px;
}
#catToggle ul li a i{
    font-size: 20px;
    color: #787878;
    margin-right: 19px;
}
#catToggle ul li a i.flaticon-music-1{
    font-size: 25px;
}
#catToggle ul li a:hover{
    background: #111111;
    color: #13bfbc;
}
.cattbotimg {
    padding-bottom: 15px;
}
.cattbotimg img{
    width: 100%;
    height: auto;
}
/**==================== Slider2 ======================**/
.slider2{
    background: #ccc;
    position: relative;
}
.rev3Con{
    margin-left: 600px
}
.rev3Con h2{
    font-size: 54px;
    color: #222222;
    text-transform: uppercase;
}
.rev3Con h3{
    font-size: 14px;
    color: #db6d52;
    line-height: 24px;
    letter-spacing: 10.5px;
    font-weight: 400;
}
.slider2 .tparrows.default.round{
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 5px;
    box-shadow:3px 5px 3px rgba(0, 0, 0, .10);
}
.slider2 .tp-leftarrow.default.round:before{
    position: absolute;
    content: '\f104';
    font-family: 'FontAwesome';
    left: 0;
    padding:17px 24.5px;
    color: #363636;
    font-size: 30px;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.slider2 .tp-rightarrow.default.round:after{
    position: absolute;
    content: '\f105';
    font-family: 'FontAwesome';
    left: 0;
    padding:17px 24.5px;
    color: #363636;
    font-size: 30px;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.slider2 .tp-rightarrow.default.round:hover::after, 
.slider2 .tp-leftarrow.default.round:hover::before {
    background: #13bfbc;
    color: #ffffff;
    border-radius: 5px;
}
.slider2 .tp-leftarrow.tparrows.default.round {
    left: 80px !important;
    top: 50%;
}
.slider2 .tp-rightarrow.tparrows.default.round {
    right: 80px !important
}
.slider2 .tparrows.default.round.hidearrows, 
.slider2 .tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important;
}
.rev3Con.RevBtn a.crownBtn1{
    overflow: hidden;
}
.rev3Con.RevBtn a.crownBtn1 i {
    width: 100%;
    right: -114px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.rev3Con.RevBtn a.crownBtn1 i span {
    text-transform: uppercase;
    position: relative;
    left: 22px;
    font-weight: 400;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.rev3Con.RevBtn a.crownBtn1:hover i{
    right: 0;
}
.rev3Con.RevBtn a.crownBtn1:hover i span {
    left: 10px;
}
/**==================== promotion2 ======================**/
.promotionSec2 {
    padding-bottom: 40px;
}

/**==================== on sale ======================**/
.SectionHead.style_two{
    margin-bottom: 0;
}
.SecTitle2 {
    background: #DB9339;
    display: inline-block;
    height: 60px;
    line-height: 0.8;
    padding: 18px 24px 18px 26px;
    position: absolute;
    top: -4px;
    border-radius: 4px;
    z-index: 9;
}
.SecTitle2 i{
    font-size: 22px;
    color: #fff;
    position: relative;
    top: 2px;
    margin-right: 14px;
}
.SecTitle2 h2{
    font-size: 16px;
    color:  #fff;
    font-weight: 400;
    display: inline-block;
    letter-spacing: .4px;
}
.singleProduct3{
    border-bottom: 1px solid #eeeeee;
    min-height: 458px;
    position: relative;
    margin-bottom: 30px
}
.singleProduct3:first-child{
    border-left: 1px solid #eeeeee;
}
.singleProduct3:hover .proBtn.pro .oldPrice{
    visibility: visible;
    opacity: 1;
}
.singleProduct3:hover .proBtn.pro.onsaleCart a{
    background: #749a50;
}
.singleProduct3:hover .proBtn.pro.onsaleCart a i{
    color: #fff !important;
}
.onsaleTime {
    margin-bottom: 2px;
}
.onsaleTime canvas{
    display: none;
}
.onsaleTime .time_circles div {
    background: #eeeeee none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 5px;
    display: inline-block;
    height: 50px;
    margin: 5px;
    padding: 19px 12px;
    width: 50px !important;
    text-align: center;
}
.onsaleTime .time_circles div h4{
    font-size: 18px;
    color: #333333;
    font-weight: 400;
}
.proBtn.pro.regl.onsaleCart {
    background: #ffffff;
    bottom: -24px;
    display: inline-block;
    position: absolute;
    width: 78.5%;
    left: 0;
    right: 0;
    margin: auto;
}

.proBtn.pro.regl.onsaleCart a, 
.proBtn.pro.regl.onsaleCart a:hover i{
    color: #fff;
}
.proBtn.pro.regl.onsaleCart a i{
    color:#749a50;
}
.singleProduct2Dec.onsaleCart{
    margin-bottom: 15px;
}


/**==================== Footer2  ======================**/
.footer2{
    background: #f7f2ee;
    padding: 80px 0 72px;
}
#footer2 .widgetTitle {
    color: #333333;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.45px;
    margin-bottom: 0;
    padding-bottom: 43px;
}
#footer2 .widgetTitle:after{
    background: transparent;
}
.fo2expadding{
    padding-right: 180px
}
.footIntxt2 {
    margin-bottom: 11px;
}
.footIntxt2 p{
    font-size: 14px;
    color: #666666;
    letter-spacing: .35px;
    line-height: 24px;
}
.foadds2 {
    margin-bottom: 24px;
}
.foadds2 p{
    color: #666666;
    letter-spacing: .35px;
    position: relative;
    padding-left: 30px;
    margin: 0;
    line-height: 24px;
}
.foadds2 i{
    font-size: 14px;
    color: #666666;
    position: absolute;
    left: 0;
    top: 5px;
}
.customer_serLink{
    overflow: hidden;
}
.customer_serLink li{
    float: left;
    width: 58.5%;
}
.customer_serLink li:nth-of-type(2),
.customer_serLink li:nth-of-type(4),
.customer_serLink li:nth-of-type(6),
.customer_serLink li:nth-of-type(8),
.customer_serLink li:nth-of-type(10),
.customer_serLink li:nth-of-type(12){
    width: 35%;
}
.customer_serLink li a,
.aboul_link li a{
    font-size: 14px;
    color: #666666;
}
.customer_serLink li a:hover,
.aboul_link li a:hover{
    padding-left: 7px;
    color: #13bfbc;
}
/**==================== CopyRight2  ======================**/
.CopyRight2{
    background: #201e1e;
    padding: 17px 0 15px;
}
.socialCopyright{}
.socialCopyright a{
    font-size: 20px;
    color: #999999;
    margin-right: 20px;
}
.socialCopyright a:hover{
    color: #13bfbc;
}
.copypera2{
    margin: 0;
    color: #999999;
    letter-spacing: .35px;
}
.copypera2 a{
    color: #13bfbc;
}
.copypera2 a:hover{
    color: #fff;
}

/*=======================================================================
// Home Four
=========================================================================*/
/**==================== Header TOp   ======================**/
.headerTop2{
    border-bottom: 1px solid #9eb884;
    background: #749a4f;
}
.headerTop2 .singleAds,
.headerTop2 .singleAccInfo{
    border-color: #9eb884
}
.headerTop2 .singleAds i,
.headerTop2 .singleAds p,
.headerTop2 .singleAds p span,
.headerTop2 .singleAccInfo i,
.headerTop2 .singleAccInfo a{
    color: #fff
}
.headerTop2 .singleAccInfo a:hover{
    color: #f7941d;
}
.headerMiddle3 .headerSearch button:hover{
    background: #333;
}
.headerMiddle3 {
    padding: 43px 0;
    background: #749a4f;
}
.headerMiddle3 .headerSearch input{
    background: transparent;
    color: #fff;
}
.headerMiddle3 .headerSearch input:input-placeholder{
    color: #fff;
    opacity: 1;
}
.headerMiddle3 .headerSearch input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.headerMiddle3 .headerSearch input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.headerMiddle3 .headerSearch input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.carth4{
    border: 2px solid #fff;
    border-radius: 30px;
    position: relative;
    height: 45px;
    margin: 8px 0;
    min-width: 170px;
}
.carth4 a{
    padding: 15px 0 0 64px;
    line-height: .8;
    display: block;
    color: #fff;
}
.carth4 i {
    background: #749a50;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px;
    padding:12.5px 0 12.5px 38px;
    position: absolute;
    left: 0;
    top: 0;
}
.carth4 a:hover{
    color: #13bfbc;
}
.headerMiddle3 .select2-container--default .select2-selection--single{
    background: transparent;
}
.headerMiddle3 .select2-container--default .select2-selection--single .select2-selection__rendered,
.headerMiddle3 .select2-container--default .select2-selection--single .select2-selection__arrow b::before{
    color: #fff;
}

/**==================== Header3  ======================**/
.header4{
    background: #333333;
}
.mainnav3 ul li{
    display: inline-block;
}
.mainnav3 ul li.has-menu-items{
    position: relative;
}
.mainnav3 ul li.active > a,
.mainnav3 ul li.active > a:hover{
    color: #13bfbc
}
.mainnav3 ul li a{
    display: block;
    color: #fff;
    letter-spacing: .35px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 21.5px 32px;
}
.mainnav3 ul li:hover > a{
    color: #13bfbc;
}
.mainnav3 ul > li > a:after {
    margin-left: 4px; 
    content: '\f107'; 
    font-family: FontAwesome;
}
.mainnav3 ul li ul.sub-menu li > a:after {
    margin-left: 4px; 
    content: '\f105'; 
    font-family: FontAwesome;
    right: 20px;
    position: absolute;
}
.mainnav3 ul li ul.sub-menu li > a:only-child:after{ 
    margin-left: 0;
    content: ''; }
.mainnav3 ul li > a:only-child:after { 
    margin-left: 0; 
    content: '';
}
.mainnav3 ul.sub-menu{
    position: absolute;
    background: #161515;
    width: 250px;
    margin-left: -125px;
    left: 50%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    top: 80px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 9;
}
.mainnav3 ul li:hover > ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 68px;
}
.mainnav3 ul.sub-menu li{
    display: block;
    border-bottom: 1px solid #201E1E;
}
.mainnav3 ul.sub-menu li a{
    padding: 10px;
    font-size: 12px;
}
.mainnav3 ul.sub-menu ul.sub-menu {
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 40px;
    visibility: hidden;
    opacity: 0;
}
.mainnav3 ul.sub-menu li:hover > ul.sub-menu{
    top: 0;
}
.mainnav3 ul li:hover .megaMenu{
    visibility: visible;
    opacity: 1;
    top: 70px;
}
.logoFixedH{
    display: none;
}
.header4.fixedHeader{
    padding: 10px 0;
}
.header4.fixedHeader .logoFixedH {
    display: block;
    position: relative;
    float: left;
}
.fixedHeader .mainnav3 ul li:hover > ul.sub-menu {
    top: 79px;
}
.fixedHeader .mainnav3 ul li:hover .megaMenu{
    top: 79px;
}

/**==================== Main Content  ======================**/
.mainContent{
    padding: 30px 0;
}
.homeSidebar .widgetTitle {
    color: #333333;
    font-size: 20px;
    margin-bottom: 30px;
    padding-bottom: 0;
}
.homeSidebar .widgetTitle::after {
    content: "";
    background: transparent;
}
.homeSidebar .widget{
    margin-bottom: 30px;
}
.catagoriesList2{
    border: 2px solid #da9339;
    position: relative;
}
.catagoriesList2 a.catBtn2 {
    background: #da9339;
    color: #ffffff;
    display: block;
    font-size: 14px;
    letter-spacing: 0.35px;
    padding: 15px 20px;
    text-transform: uppercase;
}
.catagoriesList2 a.catBtn2 img {
    margin-right: 10px;
    position: relative;
    top: -7px;
}
.catagoriesList2 a.catBtn2 i{
    position: absolute;
    right: 20px;
    font-size: 22px;
    top: 16px;
}
.catagoriesList2 ul {
    padding: 6px 0 11px;
}
.catagoriesList2 ul li a{
    color: #888888;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.4px;
    padding: 15.5px 25px;
}
.catagoriesList2 ul li a i{
    color: #787878;
    font-size: 20px;
    margin-right: 19px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.catagoriesList2 ul li a:hover{
    background: #f4f4f4;
    color: #da9339;
}
.catagoriesList2 ul li a:hover i{
    color: #da9339;
}
.singlenwde{
    position: relative;
}
.singDeCont {
    position: absolute;
    left: 38px;
    top: 78px;
}
.singDeCont h2{
    color: #da9339;
    font-size: 20px;
    font-family: NexaLight;
}
.singDeCont h2 span{
    font-family: 'NexaBold';
    color: #fff;
}
#newDesign .owl-pagination {
    position: absolute;
    bottom: 13px;
    right: 0;
    left: 0;
    margin: auto;
}
#newDesign.owl-theme .owl-controls .owl-page span {
    background: #4d4d4d;
    border-radius: 50%;
    display: block;
    height: 8px;
    margin: 0 3px;
    opacity: 1;
    width: 8px;
}
#newDesign.owl-theme .owl-controls .owl-page.active span{
    background: #3dd4ea;
}
#testmonial {
    margin-bottom: 70px;
}
.singTest {
    margin-bottom: 47px;
}
.testCont {
    background: #749a4f;
    border-radius: 20px;
    margin-bottom: 28px;
    padding: 20px 24px;
    position: relative;
}
.testCont:before{
    content: '';
    width: 0;
    height: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 0 0;
    border-color: #749a4f transparent transparent transparent;
    position: absolute;
    bottom: -18px;
    left: 36px;
}
.testCont p{
    color: #fff;
    line-height:20px;
    font-style:italic;
    margin: 0;
    position: relative;
}
.testCont p::after {
    background: url("../images/icon/q1.png") no-repeat scroll 0 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 11px;
    height: 8px;
}
.testCont p::before {
    background:  url("../images/icon/q2.png") no-repeat scroll 0 0;
    bottom: 9px;
    content: "";
    height: 8px;
    position: absolute;
    right: 145px;
    width: 12px;
}
.testAuthor{
    position: relative;
    padding-left: 100px;
    min-height: 80px;
    padding-top: 23px;
}
.testAuthor img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #749a4f;
    position: absolute;
    left: 0;
    top: 0;
}
.testAuthor h2{
    font-size: 16px;
    color: #333333;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 2px;
}
.testAuthor p{
    font-size: 14px;
    color: #888888;
    margin: 0;
    font-style: italic;
}
#testmonial.owl-theme .owl-controls .owl-page span {
    background: #dddddd;
    border-radius: 20px;
    display: block;
    height: 8px;
    margin: 0 4px;
    opacity: 1;
    width: 8px;
}
#testmonial.owl-theme .owl-controls .owl-page.active span {
    background: #749a4f;
}
.blogMeta.sidebar p{
    margin-right: 4px;
}
.slider3 {
    background: #e3e4e8;
    height: 430px !important;
    margin-bottom: 30px;
    overflow: hidden !important;
    position: relative;
}
.rev4Con h2{
    font-size: 50px;
    color: #333333;
}
.rev4Con h2.sl4h2l{
    color: #da9339;
}
.rev4Con h3{
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}
.slider3 .tp-leftarrow.default.round::before,
.slider3 .tp-rightarrow.default.round::after,
.slider3 .tparrows.default.round{
    display: none !important;
}
.SectionHead2{
    border-bottom: 1px solid #dddddd;
}
.SectionHead2 h2{
    font-size: 20px;
    color: #333333;
    margin-bottom: 20px;
}
#h4productCaro{
    margin-bottom: 25px;
}
.h4promotion{
    margin-bottom: 78px;
}
.marginBottom66{
    margin-bottom: 66px;
}
.sigleThPro2 {
    min-height: 117px;
    padding-left: 100px;
    padding-top: 17px;
    position: relative;
}
.sigleThPro2 img{
    position: absolute;
    left: 0;
    top: 18px;
    width: 86px;
    height: 86px;
}
.proTitleTh2{
    font-size: 13px;
    color: #201e1e;
    line-height: 18px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 4px;
}
.proTitleTh2 span{
    font-weight: 400;
    text-transform: capitalize;
}
.pt2Price span, .pt2Price del{
    font-size: 18px;
    color: #333333;
    font-weight:700;
}
.pt2Price del.old{
    font-size: 14px;
    color: #aaaaaa;
}
.sigleThPro2 .ratting i{
    color: #e6c116;
}
.inforH4wrap {
    margin-bottom: 50px;
}
.singleInfo3 {
    background: #eeeeee;
    padding: 37px 0 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleInfo3 i {
    color: #888888;
    font-size: 45px;
    padding-bottom: 28px;
    display: inline-block;
}
.singleInfo3 h3{
    color: #222222;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}
.singleInfo3 p {
    color: #888;
    font-style: italic;
    margin: 0;
}
.singleInfo3:hover{
    background: #DB9339;
}
.singleInfo3:hover h3,
.singleInfo3:hover p,
.singleInfo3:hover i{
    color: #fff;
}


/**==================== Newslatter2  ======================**/
.newslaSocial {
    background: #da9339;
    line-height: 0.8;
    padding: 37px 24px;
    min-height: 101px;
}
.newslaSocial a{
    font-size: 26px;
    color: #fff;
    margin-right: 31px;
}
.newslaSocial a:hover{
    color: #201e1e;
}
.newsform {
    background: #749a4f;
    padding: 28px 0 20px;
    min-height: 101px;
}
.singuptext,
.newletter2{
    display: inline-block;
}
.singuptext{
    position: relative;
    padding-left: 115px;
    min-height: 45px;
    padding-right: 35px;
}
.singuptext i {
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 22px;
    height: 45px;
    left: 40px;
    line-height: 0.8;
    padding: 12px 9px;
    position: absolute;
    top: 0;
    width: 45px;
}
.singuptext h2{
    font-size: 18px;
    color: #fff;
    margin-bottom: 1px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-top: 4px;
}
.singuptext p{
    color: #fff;
    font-style: italic;
    margin: 0;
}
.newletter2{
    position: relative;
    padding-right: 150px;
    top: -12px;
}
.newletter2 h2{
    position: absolute;
    left: 0;
    font-size: 18px;
    color: #749a50;
    top: 11px;
}
.newletter2 input{
    border: 2px solid #fff;
    height: 40px;
    background: transparent;
    width: 270px;
    font-size: 13px;
    color: #fff;
    letter-spacing: .32px;
    padding: 5px 19px;
}
.newletter2 input:input-placeholder{
    color: #fff;
    opacity: 1;
}
.newletter2 input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
.newletter2 input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.newletter2 input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.newletter2 input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.newletter2 button{
    height: 40px;
    background: #da9339;
    font-size: 13px;
    color: #eeeeee;
    text-transform: uppercase;
    letter-spacing: .32px;
    padding: 6px 36px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.newletter2 button:hover{
    background: #333;
}
/**==================== footer3  ======================**/
.footer3{
    background: #201e1e;
    border-bottom: 1px solid #414040;
    padding: 80px 0;
}
.copyright2{
    background: #201e1e;
    padding: 25px 0;
}
.copyriMenu ul li {
    display: inline-block;
    margin: 0 14px;
}
.copyriMenu ul li a{
    font-size: 14px;
    color: #888888;
    font-style: italic;
    letter-spacing: .35px;
}
.copypera3{
    margin: 0;
    color: #999999;
    letter-spacing: .35px;
    font-style: italic;
}
.copypera3 a{
    color: #fff;
}
.copypera3 a:hover,
.copyriMenu ul li a:hover{
    color: #13bfbc;
}

/*=======================================================================
// Product Grid View
=========================================================================*/
.breadcrumbs {
    color: #201e1e;
    font-size: 14px;
    font-style: italic;
    padding: 21px 0 24px;
}
.breadcrumbs span{
    color: #13bfbc;
}
.marginbott83{
    margin-bottom: 50px;
}
.gridSidebar .widget{
    margin-bottom: 57px;
}
.gridSidebar h3.widgetTitle{
    font-size: 18px;
    color: #222222;
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 20px;
}
.gridSidebar h3.widgetTitle:after{
    background: #13bfbc;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30px;
}
.categoriesTitle{
    font-size: 13px;
    color: #222222;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 12px;
    margin-bottom: 8px;
}
.categoriesTitle > a{
    display: block;
}
.sidebarPanel{
    margin-bottom: 30px;
}
.gridSidebar .widget ul{}
.gridSidebar .widget ul li{}
.gridSidebar .widget ul li a{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    font-style: italic;
}
.gridSidebar .widget ul li a:hover{
    color: #13bfbc;
    padding-left: 8px;
}
.minusicon {
    background: #333333;
    display: inline-block;
    float: right;
    height: 1px;
    position: relative;
    top: 5px;
    width: 9px;
}
.pluseicon {
    background: #333333;
    display: inline-block;
    float: right;
    height: 1px;
    position: relative;
    top: 5px;
    width: 9px;
}
.pluseicon::after {
    background: #333333;
    content: "";
    display: inline-block;
    float: right;
    height: 9px;
    left: 4px;
    position: absolute;
    top: -4px;
    width: 1px;
}
.innerwidget {
    margin-bottom: 30px;
}
.innerwidget ul{}
.innerwidget ul li{
    overflow: hidden;
}
.innerwidget ul li a{
    float: left;
}
.innerwidget ul li span{
    float: right;
}
.price_slider_wrapper {
    margin-bottom: 38px;
    margin-top: 20px;
}
#slider-range{
    width: 100%;
    height: 5px;
    background: #ebebeb;
    position: relative;
    margin-bottom: 19px;
}
#slider-range .ui-slider-handle{
    background: #444444;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    position: absolute;
    top: -4.5px;
    width: 14px;
    cursor: pointer;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}
#slider-range .ui-slider-handle.leftHandle{
    background: #444444;
    border-radius: 4px;
    display: inline-block;
    height: 14px;
    position: absolute;
    top: -4.5px;
    width: 9px;
    cursor: pointer;
}
#slider-range .ui-slider-range{
    background: #9c9c9c;
    height: 6px;
    position: absolute;
}
.price_slider_wrapper p {
    background: #eeeeee;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    height: 25px;
    line-height: 0.8;
    margin: 0;
    min-width: 48px;
    padding: 7px 4px 7px 12px;
}
.price_slider_wrapper button {
    background: #333333;
    color: #ffffff;
    float: right;
    font-size: 12px;
    height: 25px;
    letter-spacing: 0.3px;
    line-height: 0.8;
    padding: 7px 16px;
}
.price_slider_wrapper button:hover{
    background: #DB9339;
}
.banner_gd{
    position: relative;
    margin-bottom: 40px;
}
.banner_img{}
.banner_img img{
    width: 100%;
    height: auto;
}
.banner_cont{
    position: absolute;
    top: 115px;
    left: 79px
}
.banner_cont p{
    text-transform: uppercase;
    color: #a8a8a8;
    letter-spacing: .35px;
    margin-bottom: 7px;
}
.banner_cont h2{
    font-size: 40px;
    color: #fff;
    margin-bottom: 22px;
}
.banner_cont h3{
    font-size: 50px;
    color: #13bfbc;
    position: relative;
}
.banner_cont h3::after {
    background: url("../images/icon/h41.png") no-repeat scroll center center;
    content: "";
    height: 28px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 27px;
    opacity: .5;
}
.banner_cont h3::before {
    background: url("../images/icon/h42.png") no-repeat scroll center center;
    content: "";
    height: 28px;
    position: absolute;
    right: 2px;
    top: 3px;
    width: 27px;
    opacity: .5;
}
.viewheadwrap{
    margin-bottom: 15px;
}
.productViewTab{
    overflow: hidden;
    display: inline-block;
    margin-right: 11px;
}
.productViewTab li{
    float: left;
    height: 35px;
    background: #eeeeee;
    margin-right: 5px;
}
.productViewTab li a {
    color: #333333;
    display: block;
    font-size: 13px;
    font-style: italic;
    line-height: 0.7;
    padding: 7.5px 8px;
}
.productViewTab li.active a{
    padding: 8px;
}
.productViewTab li.active a{
    background: #333;
}
.productViewTab li.hidesidebar a {
    padding: 13px 25px 13px 20px;
}
.productViewTab li.hidesidebar a:hover{
    background: #333;
    color: #fff;
}
.sorting_option{
    position: relative;
    display: inline-block;
    top: -13px;
}
.sorting_option:after{
    position: absolute;
    content: '\f107';
    font-family: FontAwesome;
    right: 20px;
    top: 5px;
    color: #333333;
}
.sorting_option select{
    border: none;
    background: transparent;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    font-size: 13px;
    font-style: italic;
    color: #333333;
    background: #eeeeee;
    height: 35px;
    padding: 5px 42px 5px 13px;
    letter-spacing: .32px;
}
.showItem{
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    color: #333333;
    font-weight: 700;
    font-size: 13px;
    padding-bottom: 12px;
    top: 4px;
}
.showItem:after{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #b2b2b2;
    left: 0;
}
.productGrid{
    margin-bottom: 10px;
}
.navigationWrap{
    margin-bottom: 50px;
}
.navigationWrap2{
    margin-bottom: 60px;
}
.navigations a, .navigations span {
    background: #eeeeee;
    color: #333333;
    display: block;
    float: left;
    font-size: 13px;
    font-style: italic;
    height: 35px;
    letter-spacing: 0.32px;
    line-height: 0.8;
    margin-right: 5px;
    padding: 12px 9px;
    text-align: center;
}
.navigations span.current{
    background: #333;
    color: #fff;
}
.navigations a.next, .navigations a.prev {
    font-size: 18px;
    padding: 9px 14px;
}
.navigations a:hover, .navigations span:hover{
    background: #13bfbc;
    color: #fff;
}

/*=======================================================================
// Product List Sidebar
=========================================================================*/
.singlelistPro{
    margin-bottom: 64px;
}
.singlistproImg{
    position: relative;
}
.splvImg{
    padding-top: 18px;
}
.productDeclist{
    position: relative;
    top: -11px;
}
.proTitle3, .proTitle4{
    font-size: 18px;
    line-height: 35px;
    color: #201e1e;
    font-family: 'Lato', sans-serif;
    margin-bottom: 15px;
}
.proTitle3 span, .proTitle4 span{
    font-weight: 400;
    text-transform: capitalize;
}
.productDeclist p{
    font-style: italic;
    letter-spacing: 0;
    color: #888888;
    line-height: 20px;
}
.productDeclist p:last-of-type{
    margin-bottom: 18px
}
.proratting3, .proratting4{
    line-height: .8;
    margin-bottom: 22px;
}
.proratting3 span, .proratting4 span{
    font-style: italic;
    margin-left: 16px;
    font-size: 14px;
}
.proratting3 a, .proratting4 a{
    color: #888888;
    font-style: italic;
}
.proratting3 a:hover, .proratting4 a:hover{
    color: #13bfbc;
}
.proratting3 i, .proratting4 i{
    font-size: 11px;
    color: #f09f37;
    margin: 0 -1px;
}
.proPrice.listview {
    margin-bottom: 42px;
}
.proPrice.listview .newPrice,
.proPrice.productDetail .newPrice{
    font-size: 20px;
} 
.cartbutton{
    overflow: hidden;
}
.cartbutton a{
    height: 45px;
    background: #eeeeee;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: .35px;
    padding: 15px;
    color: #222222;
    line-height: .8;
    float: left;
    margin-right: 5px;
}
.cartbutton a i{
    font-size: 18px;
}
.cartbutton a.adcart{
    background: #333;
    color: #fff;
    padding: 15px 22px;
}
.cartbutton a.adcart i{
    font-size: 14px;
    margin-right: 5px;
}
.cartbutton a:hover{
    background: #13bfbc;
    color: #fff;
}

/*=======================================================================
// Product Detail
=========================================================================*/
.prodecCarowrap{
    margin-bottom: 167px
}
#proDetCaro .item img{
    width: 100%;
    height: auto;
}
#proDetCaro .carousel-indicators {
    bottom: -35px;
    left: 0;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 15;
}
#proDetCaro .carousel-indicators li {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 0;
    cursor: pointer;
    float: left;
    height: 129px;
    margin: 0 10px 0 0;
    text-indent: 0;
    width: 129px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#proDetCaro .carousel-indicators li:last-child{
    margin-right: 0;
}
#proDetCaro .carousel-indicators li img{
    width: 100%;
}
#proDetCaro .carousel-indicators li.active {
    border-color: #13bfbc;
    height: 129px;
    width: 129px;
}
.productDecDetail{
    position: relative;
    top: -11px;
}
.productDecDetail p{
    font-style: italic;
    letter-spacing: 0;
    color: #888888;
    line-height: 20px;
}
.productDecDetail p:last-of-type{
    margin-bottom: 45px
}
.proTitle4 {
    margin-bottom: 20px;
    padding-bottom: 17px;
    position: relative;
}
.proTitle4:before{
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    background: #13bfbc;
    content: '';
    position: absolute;
}
.proratting4{
    margin-bottom: 35px
}
.proratting4 i{
    color: #000;
}
.proPrice.productDetail{
    margin-bottom: 33px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 30px
}
.proOption{
    margin-bottom: 35px;
}
.optionTitle{
    position: relative;
    font-size: 14px;
    color: #333333;
    letter-spacing: 1.4px;
    padding-bottom: 23px;
    margin-bottom: 15px
}
.optionTitle:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    background: #13bfbc;
    content: '';
}
.singOption{
    position: relative;
    margin-bottom: 22px
}
.singOption::before {
    color: #555555;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    right: 15px;
    top: 33px;
}
.singOption label {
    color: #333333;
    font-style: italic;
    font-weight: 100;
    line-height: 0.8;
    margin-bottom: 10px;
}
.singOption select{
    width: 100%;
    border: 1px solid #cccccc;
    appearance: none;
    -moz-appearance: none;
    height: 36px;
    color: #888888;
    font-style: italic;
    padding: 0 6px;
    font-style: italic;
}
.reqfild {
    color: #ff1313;
    display: block;
    font-size: 14px;
    font-style: italic;
    padding-bottom: 15px;
    padding-left: 13px;
}
.quanty{
    position: relative;
}
.quanty label{
    color: #333333;
    font-style: italic;
    font-weight: 400;
    margin-right: 14px;
}
.quanty select{
    border: 1px solid #cccccc;
    height: 25px;
    appearance: none;
    -moz-appearance: none;
    color: #333333;
    width: 60px;
    cursor: pointer;
    background: transparent;
}
.quanty::after {
    background: #cccccc;
    color: #333333;
    content: "\f107";
    font-family: FontAwesome;
    line-height: 0.8;
    padding: 7px 8px;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: -1;
}
.prodDectabWrap{
    margin-bottom: 70px;
}
.proTabDec {
    margin-bottom: 6px;
}
.proTabDec li {
    display: inline-block;
    margin-bottom: 17px;
    margin-right: 30px;
    padding-bottom: 23px;
    position: relative;
}
.proTabDec li:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #13bfbc;
    content: '';
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.proTabDec li.active:before, .proTabDec li:hover:before{
    visibility: visible;
    opacity: 1;
    width: 30px;
}
.proTabDec li.active a, .proTabDec li:hover a{
    color: #13bfbc;
}
.proTabDec li a{
    font-size: 18px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    display: block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.protabDccContent {
    padding-right: 160px;
}
.protabDccContent p{
    color: #666666;
    font-style: italic;
    line-height: 24px;
}
.producthead {
    margin-bottom: 48px;
}
.producthead h2{
    font-size: 18px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding-bottom: 23px;
}
.producthead h2:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    background: #13bfbc;
    content: '';
}
.custRevTitle{
    font-size: 18px;
    color: #333333;
    text-transform: capitalize;
    margin-bottom: 28px;
}
.singleRevew{
    margin-bottom: 57px;
}
.singleRevew p{
    font-style: italic;
    color: #888888;
    margin-bottom: 0;
    line-height: .8;
    margin-bottom: 19px;
}
.singleRevew p span{
    color: #333333;
}
.csReview {
    line-height: 0.8;
    margin-left: 8px;
}
.csReview i{
    font-size: 10px;
    color: #333333;
    margin:0 -2px;
}
.singleRevew .cusrevTitle{
    margin-bottom: 29px;
}
.sinRatting {
    display: inline-block;
    line-height: 0.8;
    margin-right: 30px;
    padding-left: 20px;
    position: relative;
    top: -8px;
}
.sinRatting label{
    font-size: 13px;
    color: #888888;
    font-style: italic;
    letter-spacing: .32px;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    letter-spacing: .32px;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
}
.sinRatting label:hover,
.sinRatting input[type="checkbox"]:checked + label{
    color: #13bfbc
}
.sinRatting input[type="checkbox"]{
    display: none;
}
.sinRatting label::before {
    background: transparent;
    border: 1px solid #aaaaaa;
    content: "";
    height: 10px;
    left: -19px;
    position: absolute;
    top: 0;
    width: 10px;
}
.sinRatting input[type="checkbox"]:checked + label:before{
    content: "";
    font-size: 12px;
    font-weight: 700;
    line-height: .8;
    background: #13bfbc;
    border-color: #13bfbc;
}
.reviewTag{
    margin-bottom: 29px;
}
.revtag p{
    font-style: italic;
    color: #888888;
    line-height: .8;
    margin-bottom: 19px;
}
.revtag p:first-of-type{
    color: #333333;
}
.revtag  button{
    background: #333333;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    height: 30px;
    letter-spacing: 0.35px;
    line-height: 0.8;
    padding: 10px 27px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 12px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.revtag  button:hover{
    background: #13bfbc;
}
.singrevInput {
    margin-bottom: 39px;
}
.singrevInput:last-of-type {
    margin-bottom: 49px;
}
.singrevInput label {
    color: #222222;
    display: block;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 0.8;
    margin: 0 0 20px;
}
.singrevInput input{
    width: 100%;
    height: 45px;
    border: 1px solid #d6d6d6;
    padding: 10px;
}
.reviewForm button {
    background: #333333;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    height: 45px;
    letter-spacing: 0.3px;
    line-height: 0.8;
    padding: 16px 27px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.reviewForm button:hover{
    background: #13bfbc;
}

/*=======================================================================
// Blog Page
=========================================================================*/
.blogbbanner {
    margin-top: 110px;
    /*background: rgba(0, 0, 0, 0) url("../images/bg/2.jpg") no-repeat scroll center center;*/
    padding: 270px 0 50px;
    position: relative;
}
@media (max-width: 425px) {
    .blogbbanner { margin-top: 80px;}
}
.blogbbanner:before{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255, 255, 255, .5);
}
.blogbbanner.blogbbanner--subject-copy:before{
    background: none;
}



.bannerBgCont h2{
    font-size: 50px;
    font-weight: 200;
    color: #0a0a0a;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.bannerBgCont h1{
  font-size: 50px;
  font-weight: 200;
  color: #0a0a0a;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
@media screen and (max-width:480px){
  .bannerBgCont h1{
    font-size: 30px;
    line-height: 45px;
  }
}
.bannerBgCont p{
    color: #e19824;
    font-size: 16px;
    letter-spacing: .4px;
}
.bannerBgCont ul li {
    display: inline-block;
    opacity: 0.65;
}
.bannerBgCont ul li,
.bannerBgCont ul li a { color: #0a0a0a;}
.bannerBgCont ul li:after {
    content: '\f105';
    color: #0a0a0a;
    font-family: 'FontAwesome';
    padding: 0 7px;
}
.bannerBgCont ul li:last-child:after { display: none;}
.blogSection{
    padding-top: 70px;
    padding-bottom: 100px;
}
.singleBlog3{
    position: relative;
    margin-bottom: 75px;
}
.blogimg3{
    position: relative;
    margin-bottom: 11px;
}
.blogimg3:after{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    content: '';
    width: 90%;
    height: 90%;
    visibility: hidden;
    opacity: 0;
    margin: auto;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleBlog3:hover .blogimg3:after{
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
}
.blogimg3 img{
    width: 100%;
    height: auto;
}
.blogMeta3 {
    margin-bottom: 15px;
}
.blogHover {
    bottom: 0;
    display: inline-block;
    height: 70px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -20%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleBlog3:hover .blogHover{
    visibility: visible;
    opacity: 1;
    top: 0;
}
.blogHover a{
    width: 70px;
    height: 70px;
    background: #13bfbc;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    display: inline-block;
    line-height: .8;
    padding: 24px;
}
.blogHover a:hover{
    background: #fff;
    color: #333;
}
.blogMeta3 p {
    color: #222222;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 0 13px 0 0;
    text-transform: uppercase;
}
.blogMeta3 p:last-of-type{
    margin-left: 13px;
}
.blogTitle3{
    font-size: 14px;
    color: #333333;
    letter-spacing: .35px;
    line-height: 22px;
    margin-bottom: 5px;
}
.blogDate{
    color: #aaaaaa;
    font-style: italic;
    line-height: .8;
    margin-bottom: 12px;
}
.blogDate i{
    margin-right: 6px;
}
.blogDec3 p{
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    color: #888888;
}
.paginations a, .paginations span{
    display: inline-block;
    height: 40px;
    background: #eeeeee;
    border: 1px solid #eeeeee;
    margin-right: 4px;
    line-height: .8;
    font-size: 13px;
    color: #13bfbc;
    /*font-style: italic;*/
    text-transform: capitalize;
    padding: 15px 12px;
}
.paginations span.active,
.paginations a:hover,
.paginations a.next:hover{
    background: #13bfbc;
    border: 1px solid #13bfbc;
    color: #fff;
}
.paginations a.next {
    background: transparent;
    color: #13bfbc;
    border: 1px solid #13bfbc;
    padding: 15px 23px 15px 20px;
}


/*=======================================================================
// Blog Single
=========================================================================*/
.blogSingleSec{
    padding-bottom: 100px;
}
.blog_singleimg{
    margin-bottom: 33px;
}
.blog_singleimg img{
    width: 100%;
    height: auto;
}
.blogTitle4{
    font-size: 15px;
    color: #333333;
    letter-spacing: .35px;
    line-height: 22px;
    margin-bottom: 14px;
    letter-spacing: .37px;
}
.blogDate2{
    color: #aaaaaa;
    font-style: italic;
    line-height: .8;
    margin-bottom: 18px;
}
.blogDate2 i{
    margin-right: 6px;
}
.blog_single p{
    line-height: 22px;
    font-style: italic;
    color: #666666;
    letter-spacing: 0;
}
.blog_single p:last-of-type{
    margin-bottom: 73px;
}
.blog_meta{
    font-style: italic;
    margin-bottom: 53px;
}
.blog_meta i{
    font-size: 16px;
    color: #888888;
    margin-right: 8px;
}
.blog_meta a{
    text-decoration: underline;
    color: #13bfbc;
}
.blog_meta a:hover{
    color: #333;
}
.blog_share{
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 0;
    margin-bottom: 60px;
}
.blog_share span{
    font-size: 13px;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    margin-right: 40px;
}
.share_social span{
    margin-right: 53px
}
.share_social a{
    font-size: 18px;
    color: #333333;
    margin-right: 16px;
}
.share_social a:hover{
    color: #13bfbc;
}
.Share_tag p{
    display: inline-block;
    margin: 0;
    font-style: italic;
}
.Share_tag p a{
    color: #13bfbc;
    text-decoration: underline;
    margin-left: 6px;
}
.Share_tag p a:hover{
    color: #333;
}
.blog_bauthor{
    position: relative;
    padding-left: 155px;
    min-height: 185px;
    padding-top: 30px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 59px;
}
.blog_bauthor img{
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 3px solid #13bfbc;
    position: absolute;
    left: 0;
    top: 0;
}
.blog_bauthor h2{
    font-size: 16px;
    color: #333333;
    text-transform: capitalize;
    margin-bottom: 12px;
}
.blog_bauthor p{
    color: #666666;
    letter-spacing: 0;
    font-style: italic;
}
.postComTitle{
    position: relative;
    font-size: 15px;
    color:  #333333;
    letter-spacing: .37px;
    padding-bottom: 28px;
    margin-bottom: 26px
}
.postComTitle:after{
    position: absolute;
    width: 30px;
    height: 3px;
    background: #13bfbc;
    content: '';
    left: 0;
    bottom: 0;
}
.comTitle{
    font-size: 12px;
    color: #333333;
    letter-spacing: 1.2px;
    margin-bottom: 23px;
}
.sComform{
    margin-bottom: 22px
}
.sComform:last-of-type{
    margin-bottom: 50px;
}
.sComform label {
    color: #333333;
    font-style: italic;
    line-height: 0.8;
    margin-bottom: 14px;
}
.sComform label sup{
    color: #DB9339;
    font-size: 14px;
    position: relative;
    top: 0
}
.sComform input{
    width: 100%;
    height: 40px;
    border: 1px solid #eaeaea;
    padding: 0 14px;
}
.comForm button {
    background: #13bfbc;
    color: #ffffff;
    font-weight: 700;
    height: 50px;
    letter-spacing: 0.35px;
    line-height: 0.8;
    padding: 18px 22px;
    text-transform: uppercase;
}
.comForm button:hover{
    background: #333;
}
.blosidebar .widget {
    margin-bottom: 58px;
}
.blosidebar .widgetTitle{
    font-size: 15px;
    color: #333333;
    letter-spacing: .37px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding-bottom: 21px;
    margin-bottom: 18px
}
.blosidebar .widgetTitle:after{
    position: absolute;
    content: '';
    width: 30px;
    height: 3px;
    background: #13bfbc;
    left: 0;
    bottom: 0;
}
.singlePoPost{
    padding-left: 110px;
    position: relative;
    min-height: 65px;
    margin-bottom: 20px;
}
.singlePoPost img{
    width: 100px;
    height: 65px;
    position: absolute;
    left: 0;
    top: 8px;
}
.singlePoPost h2{
    font-size: 11px;
    letter-spacing: .6px;
    color: #333333;
    line-height: 22px;
}
.singlePoPost p{
    color: #aaaaaa;
    margin: 0;
}
.singlePoPost p i{
    margin-right: 2px;
}
.innerWidgetTitle{
    font-size: 12px;
    color: #222222;
    letter-spacing: .3px;
    font-weight: 700;
    margin-bottom: 14px
}
.innerWidget{
    margin-bottom: 26px;
}
.innerWidget ul{}
.innerWidget ul li{
    margin-bottom: 9px;
}
.innerWidget ul li a{
    font-style: italic;
    color: #aaaaaa;
    line-height: 22px;
    display: block;
}
.innerWidget ul li a:hover{
    color: #13bfbc;
}

/*=======================================================================
// About Us
=========================================================================*/
.aboutServices {
    padding: 123px 0 120px;
}
.singleService{
    text-align: center;
}
.singleService i{
    color: #202020;
    font-size: 80px;
    margin-bottom: 51px;
    display: block;
}
.singleService h4{
    color: #202020;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: .37px;
    margin-bottom: 7px;
}
.singleService p{
    font-style: italic;
    color: #888888;
    font-style: italic;
    line-height: 20px;
    letter-spacing: 0;
}
.teamSection{
    padding: 119px 0;
}
.teamHead {
    margin-bottom: 83px;
}
.teamHead h1{
    font-size: 36px;
    color: #202020;
    letter-spacing: .9px;
    font-weight: 700;
    margin-bottom: 21px;
}
.teamHead p{
    font-style: italic;
    color: #555555;
    margin: 0;
}
.singleMembers{
    text-align: center;
}
.teamImg{
    position: relative;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    border: 4px solid #13bfbc;
    margin: auto auto 35px;
}
.teamImg:before{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    background: rgba(255, 255, 255, .8);
    content: '';
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleMembers:hover .teamImg:before{
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
}
.teamImg img{
    width: 100%;
    height: auto;
    border-radius: 50%
}
.membersSocial{
    position: absolute;
    height: 24px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.singleMembers:hover .membersSocial{
    top: -71px;
    visibility: visible;
    opacity: 1;
}
.membersSocial a {
    color: #333333;
    display: inline-block;
    font-size: 22px;
    margin-right: 25px;
}
.membersSocial a:hover{
    color: #13bfbc;
}
.membersSocial a:last-child{
    margin-right: 0;
}
.teamDeg h4{
    color: #333333;
    font-size: 18px;
    letter-spacing: .45px;
    margin-bottom: 12px;
}
.teamDeg p{
    color: #555555;
    font-style: italic;
    font-size: 14px;
    line-height: .8;
    margin: 0 0 3px;
}
.skillSection{
    padding-top: 127px;
    padding-bottom: 90px;
}
.skillHead {
    margin-bottom: 73px;
}
.skill_set{
    width: 100%;
    position: relative;
}
.singleSkill{
    position: relative;
    margin-bottom: 31px;
}
.singleSkill p{
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 0.8;
    margin: 0 0 14px;
    text-transform: uppercase;
}
.skHolder3{
    max-width: 555px;
    height: 8px;
    background: #f3f3f3;
    position: relative;
}
.skill3{
    background: #13bfbc;
    height: 8px;
    position: relative;
}
.parcen3 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    height: 20px;
    letter-spacing: 1.3px;
    line-height: 0.8;
    padding: 5px 2px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: -32px;
    width: 36px;
}

/*=======================================================================
// Contact Us
=========================================================================*/
.contactWrap{
    padding-top: 45px;
    padding-bottom: 75px;
}
.singleAdds{}
.singleAdds i{
    color: #79cba8;
    font-size: 50px;
    margin-bottom: 35px;
}
.singleAdds i.fa-envelope-o{
    font-size: 40px;
}
.singleAdds i.fa-phone{
    font-size: 45px;
}
.singleAdds h4{
    font-size: 18px;
    color: #333333;
    letter-spacing: .45px;
    margin-bottom: 29px;
}
.singleAdds p{
    color: #888888;
    font-style: italic;
    margin-bottom: 0;
    line-height: .8;
    margin-bottom: 10px;
}
.mapSection{
    position: relative;
    margin-bottom: 121px;
}
#map {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 51%;
}
.contactForm{
    /*padding: 80px 0 80px 80px;*/
}
.contactForm p { 
    color: #999;
    font-size: 18px;
    margin-top: -15px; 
    margin-bottom: 25px;
}
.contactTitle{
    font-size: 18px;
    color: #222222;
    position: relative;
    letter-spacing: .45px;
    padding-bottom: 27px;
    margin-bottom: 24px
}
.contactTitle:after{
    width: 30px;
    height: 3px;
    background: #79cba8;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
}
.contactForm label{
    color: #818181;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 20px;
    letter-spacing: 0;
}
.contactForm input, .contactForm textarea{
    width: 100%;
    height: 50px;
    border: 1px solid rgba(129,129,129,0.35);
    background: #fff;
    color: #818181;
    font-style: italic;
    padding: 0 20px;
    margin-bottom: 24px;
    outline: none;
}
.contactForm textarea{
    height: 130px;
    resize: none;
    padding: 20px;
    margin-bottom: 25px
}
.contactForm input.required.reqError, 
.contactForm textarea.required.reqError{
    border-color: #13bfbc;
}
.contactForm button {
    background: #13bfbc;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Montserrat','Noto Sans TC',"微軟正黑體", Arial;
    height: 50px;
    letter-spacing: 0.3px;
    line-height: 0.5;
    padding: 19px 38px;
    border: 2px solid #13bfbc;
    text-transform: uppercase;
    outline: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contactForm button:hover{
    color: #13bfbc;
    background: transparent;
    border: 2px solid #13bfbc;
}

/*=======================================================================
// Cart Page
=========================================================================*/
.shoppingCartSection{
    padding-bottom: 120px;
}
.headdingTitle{
    position: relative;
    font-size: 18px;
    color: #111111;
    letter-spacing: .45px;
    font-size: 18px;
    padding-bottom: 28px;
    margin-bottom: 16px;
}
.headdingTitle:after{
    width: 30px;
    height: 3px;
    background: #13bfbc;
    content: '';
    left: 0;
    bottom: 0;
    position: absolute;
}
.headdingTitle span{
    color: #e11111;
}
.shopping_top{
    margin-bottom: 89px;
}
.shop_table.cart.cart_table{
    width: 100%;
    position: relative;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
.cart_table thead tr th{
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    border-bottom: thin solid #e5e5e5;
    padding-bottom: 13px
}
.cart_table tbody{
    margin-bottom: 20px
}
.cart_table tbody tr td{
    vertical-align: middle;
    border-bottom: thin solid #e5e5e5;
    padding-top: 45px;
    padding-bottom: 45px;
    padding-right: 20px;
}
.cart_table tbody tr td.product-thumbnail{
    width: 14.91%;
}
.cart_table tbody tr td.product-thumbnail img{
    width: 100px;
    height: 100px;
}
.cart_table tbody tr td.product-name{
    width: 20.17%;
}
.cart_table tbody tr td.product-name .itemtitle{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
}
.cart_table tbody tr td.product-description{
    width: 26.31%;
}
.cart_table tbody tr td.product-description .itemDec{
    color: #888888;
    line-height: 20px;
    letter-spacing: 0;
    font-style: italic;
}
.cart_table tbody tr td.product-price{
    width: 14.91%;
}
.cart_table tbody tr td.product-remove{
    padding-right: 0;
}
.cart_table tbody tr td.product-price .cartamount{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
}
.cart_table tbody tr td.product-quantity{
    width: 11.40%;
}
.cart_table tbody tr td.product-quantity .quantity{
    position: relative;
    border: 1px solid #dddddd;
    height: 40px;
    text-align: center;
    width: 100px;
}
.cart_table tbody tr td.product-quantity .quantity input[type="text"] {
    border: medium none;
    color: #333333;
    font-style: italic;
    height: 100%;
    left: 0;
    line-height: 0.8;
    padding: 4px 14px;
    position: absolute;
    width: 75%;
    z-index: -1;
}
.cart_table tbody tr td.product-quantity .quantity input::-webkit-input-placeholder,
.cart_table tbody tr td.product-quantity .quantity input::-moz-placeholder,
.cart_table tbody tr td.product-quantity .quantity input::-ms-input-placeholder,
.cart_table tbody tr td.product-quantity .quantity input::-ms-input-placeholder{
    color: #333333;
    opacity: 1;
}

.cart_table tbody tr td.product-quantity .quantity .qtyBtn{
    background: transparent;
    position: absolute;
    line-height: .8;
}
.cart_table tbody tr td.product-quantity .quantity .qtyBtn.btnMinus{
    right: 8px;
    top: 20px;
}
.cart_table tbody tr td.product-quantity .quantity .qtyBtn.btnPlus{
    right: 8px;
    top: 3px;
}
.cart_table tbody tr td.product-subtotal{
    width: 14.91%;
}
.cart_table tbody tr td.product-subtotal .cartamount{
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
}
.cart_table tbody tr td.product-remove a.remove{
    font-size: 18px;
    color: #e60d0d;
    text-align: right;
    letter-spacing: 0;
}
.cart_table tbody tr td.product-remove a.remove:hover{
    color: #333;
}
.shopping_bottom .headdingTitle{
    margin-bottom: 32px;
}
.calculateShop label{
    display: block;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 13px;
}
.selectDiv{
    margin-bottom: 33px;
}
.selectDiv:last-of-type {
    margin-bottom: 60px;
}
.selectDiv select, 
.selectDiv input{
    width: 100%;
    border: 1px solid #dddddd;
    height: 50px;
    appearance: none;
    -moz-appearance: none;
    padding: 10px 15px;
    font-style: italic;
    color: #888;
}
.selectDiv input:input-placeholder{
    color: #888;
    opacity: 1;
}
.selectDiv input::-webkit-input-placeholder {
    color: #888;
    opacity: 1;
}
.selectDiv input:-moz-placeholder {
    color: #888;
    opacity: 1;
}
.selectDiv input::-moz-placeholder {
    color: #888;
    opacity: 1;
}
.selectDiv input:-ms-input-placeholder {
    color: #888;
    opacity: 1;
}   
.couponCode{}
.coupon #coupon_code{
    margin-bottom: 60px;
}
.coupon label{
    display: block;
    display: block;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 13px;
}
.coupon input[type="text"]{
    width: 100%;
    border: 1px solid #dddddd;
    height: 50px;
    padding: 10px 15px;
    color: #888888;
    font-style: italic;
}
.coupon input:input-placeholder{
    color: #888;
    opacity: 1;
}
.coupon input::-webkit-input-placeholder {
    color: #888;
    opacity: 1;
}
.coupon input:-moz-placeholder {
    color: #888;
    opacity: 1;
}
.coupon input::-moz-placeholder {
    color: #888;
    opacity: 1;
}
.coupon input:-ms-input-placeholder {
    color: #888;
    opacity: 1;
} 
.couponCode p {
    color: #888888;
    font-style: italic;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 77px;
    margin-top: 36px;
}
.cart_totals{
    position: relative;
}
.cart_totals .shop_table_responsive{
    position: relative;
    top: -18px;
    margin-bottom: 42px;
}
.cart_totals table{
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
.cart_totals table tr td, .cart_totals table tr th {
    border-bottom: 1px solid #e5e5e5;
    padding: 29px 0 16px;
    vertical-align: top;
}
.cart_totals table tr th{
    color: #333333;
    line-height: .7;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
}
.cart_totals table tr td{
    line-height: .7;
    text-align: right;
}
.cart_totals table tr td .amount{
    color: #333333;
    font-size: 18px;
    line-height: .7;
    display: inline-block;
    font-weight:700;
}
.cart_totals table tr td .amount.total{
    color: #79cba8;
}

/*=======================================================================
// Checkout Page
=========================================================================*/
.verifyBorder{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}
.verifyBorder.two{
    margin-bottom: 57px;
}
.verifyMenu {
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.37px;
    margin: 29px 0 25px;
    text-transform: uppercase;
}
.verifyMenu span {
    background: #e5e5e5;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 0.7;
    margin-right: 15px;
    padding: 15px 8px;
    position: relative;
    text-align: center;
    top: 0;
    width: 40px;
}
.verifyMenu span.active{
    background: #13bfbc;
    color: #fff;
}
.headdingTitle2 {
    color: #111111;
    font-size: 16px;
    letter-spacing: 0.45px;
    margin-bottom: 22px;
    padding-bottom: 28px;
    position: relative;
}
.headdingTitle2:after{
    width: 30px;
    height: 3px;
    background: #13bfbc;
    content: '';
    left: 0;
    bottom: 0;
    position: absolute;
}
.newAcc p{
    color: #666666;
    line-height: 20px;
    font-style: italic;
}
.newAcc p:last-of-type{
    margin-bottom: 76px;
}
.newAccForm label {
    color: #333333;
    display: block;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 0.8;
    margin: 0 0 20px;
}
.inputFild{
    margin-bottom: 33px;
}
.newAccForm input{
    width: 100%;
    height: 100%;
    border: 1px solid #dddddd;
    height: 50px;
    font-style: italic;
    color: #666666;
    padding: 10px 20px; 
}
.newAccForm .lastfild{
    margin-bottom: 60px
}
.newAccForm button{
    margin-bottom: 30px;
    min-width: 270px;
}
.keepLogin{
    position: relative;
    padding-left: 29px;
    margin-top: 18px;
    margin-bottom: 42px;
}
.keepLogin input{
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
}
.keepLogin label{
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    color: #666666;
    font-style: italic;
    font-weight: 300;
}
.keepLogin input[type="checkbox"]{
    display: none;
}
.keepLogin label::before {
    background: transparent;
    content: "";
    height: 15px;
    left: -29px;
    position: absolute;
    top: 0;
    width: 15px;
    background: #13bfbc;
}
.keepLogin input[type="checkbox"]:checked + label:before{
    content: "\f00c";
    color: #fff;
    font-size: 8px;
    text-align: center;
    font-weight: 700;
    line-height: .8;
    padding-top: 4px;
    font-family: 'FontAwesome'
}
.socialLogin a{
    height: 50px;
    display: inline-block;
    background: #2c5990;
    margin-right: 27px;
    width: 261px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .3px;
    color: #fff;
    font-weight: 700;
    padding: 10px ;
    text-align: center;
}
.socialLogin a.twitter{
    margin-right: 0;
    background: #16bce6;
    color: #fff;
}
.socialLogin a i{
    font-size: 17px;
    margin-right: 12px;
    position: relative;
    top: 2px;
}
.socialLogin a:hover{
    background: #214879;
    color: #fff;
}
.socialLogin a.twitter:hover{
    background: #0da3c9;
}
.checkoutForm{
    margin-bottom: 50px;
}
.checkoutForm div{
    margin-bottom: 3px;
}
.checkoutForm div input{
    margin-bottom: 20px;
}
.checkoutForm label{
    display:  block;
    text-transform: uppercase;
    color: #333333;
    font-weight: 700;
    margin-bottom: 13px;
}
.checkoutForm span{
    color: #e41111;
}
.checkoutForm input{
    border: 1px solid #dddddd;
    height: 50px;
    width: 100%;
    font-style: italic;
    color: #888888;
    padding: 10px 20px;
}
.checkoutForm input:input-placeholder,
.checkoutForm textarea:input-placeholder{
    color: #888888;
    opacity: 1;
}
.checkoutForm input::-webkit-input-placeholder,
.checkoutForm textarea::-webkit-input-placeholder{
    color: #888888;
    opacity: 1;
}
.checkoutForm input:-moz-placeholder,
.checkoutForm textarea:-moz-placeholder{
    color: #888888;
    opacity: 1;
}
.checkoutForm input::-moz-placeholder,
.checkoutForm textarea::-moz-placeholder{
    color: #888888;
    opacity: 1;
}
.checkoutForm input:-ms-input-placeholder,
.checkoutForm textarea:-ms-input-placeholder{
    color: #888888;
    opacity: 1;
}
.checkoutForm textarea{
    width: 100%;
    height: 150px;
    border: 1px solid #dddddd;
    resize: none;
    font-style: italic;
    color: #888888;
    padding: 10px 20px;
}
.sameAdds {
    padding-left: 0;
    position: absolute;
    right: 15px;
    top: 0;
    line-height: .8;
}
.sameAdds input{
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
}
.sameAdds label{
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    color: #666666;
    font-style: italic;
    font-weight: 300;
    line-height: .8;
}
.sameAdds input[type="checkbox"]{
    display: none;
}
.sameAdds label::before {
    background: transparent;
    content: "";
    height: 15px;
    left: -28px;
    position: absolute;
    top: -1px;
    width: 15px;
    background: #13bfbc;
}
.sameAdds input[type="checkbox"]:checked + label:before{
    content: "\f00c";
    color: #fff;
    font-size: 8px;
    text-align: center;
    font-weight: 700;
    line-height: .8;
    padding-top: 4px;
    font-family: 'FontAwesome'
}
.cartReview{
    margin-bottom: 78px;
}
#payment{
    margin-bottom: 80px;
}
.cart_review tbody tr td.product-name{
    width: 24.20%;
}
.cart_review tbody tr td.product-description{
    width: 35%;
    padding-right: 130px;
}
.cart_review tbody tr td.product-price{
    width: 15%;
}
.cart_review tbody tr td.product-quantity{
    width: 11.30%;
}
.cart_table.cart_review tbody tr td{
    padding-top: 70px;
    padding-bottom: 70px;
}
.cart_table.cart_review tbody tr td.product-quantity .quantitya{
    color: #333333;
    font-family: 'texgyreadventorregular';
    letter-spacing: .32px;
    font-size: 13px;
}
.woocommerce-checkout-payment ul li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 14px;
    padding-left: 22px;
    padding-top: 24px;
}
.woocommerce-checkout-payment ul li label{
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    color: #333333;
    margin-bottom: 8px;
}
.woocommerce-checkout-payment ul li label img{
    float: right;
}
.woocommerce-checkout-payment ul li input[type="radio"]{
    display: none;
}
.woocommerce-checkout-payment ul li label::before {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #a1a1a1;
    content: "";
    height: 12px;
    left: -22px;
    position: absolute;
    top: 6px;
    width: 12px;
    border-radius: 50%;
}
.woocommerce-checkout-payment ul li input[type="radio"]:checked + label:before{
    color: #ff2e63;
    border: 4px solid #13bfbc;
}
.woocommerce-checkout-payment ul li p{
    line-height: 20px;
    color: #888888;
    font-style: italic;
}
.woocommerce-checkout-payment ul li p:last-of-type{
    margin-bottom: 27px;
}
.your_order{
    margin-top: 22px;
}
.cart_totals table.your_order tr td, .cart_totals table.your_order tr th {
    border-bottom: 1px solid #e5e5e5;
    padding: 33px 0 28px;
    vertical-align: top;
}
.cart_totals table.your_order tr td .amount.total{
    color: #e11111
}
.checkoutSteap2{
    padding-bottom: 102px
}
.checkoutSteap3{
    padding-bottom: 120px
}
.checkout {
    display: inline-block;
    font-size: 16px;
    height: 68px;
    letter-spacing: 0.4px;
    line-height: 0.8;
    padding: 27px 78px;
}
.confirmtionSec{
    margin-bottom: 88px;
}
.iconGroup {
    margin-bottom: 135px;
    position: relative;
}
.iconGroup i.fa-shopping-basket{
    font-size: 300px;
    color: #dddddd;
    position: relative;
    top: 5px;
}
.iconGroup i.fa-check {
    bottom: -44px;
    color: #e11111;
    font-size: 160px;
    left: 250px;
    position: absolute;
    right: 0;
}
.check_threeTxt h3{
    font-size: 30px;
    color: #333333;
    letter-spacing: .75px;
    margin-bottom: 23px;
}
.check_threeTxt h6{
    font-size: 14px;
    color: #333333;
    letter-spacing: .35px;
}

.singleOrderDetail {
    margin-bottom: 38px;
    margin-top: 14px;
    padding-right: 30px;
}
.orderTitle{
    letter-spacing: 0;
    color: #333333;
    margin-bottom: 20px;
}
.singleOrderDetail ul{}
.singleOrderDetail ul li{
    color: #888888;
    font-style: italic;
    line-height: 28px;
}
.singleOrderDetail ul li span{
    color: #222222;
}
.singleOrderDetail ul li.total{
    font-style: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #13bfbc;
    font-weight: 700;
    margin-top: 28px;
}
.singleOrderDetail ul li.total span{
    color: #333333;
}
.returnTtn a {
    display: inline-block;
    height: 50px;
    line-height: 0.8;
    margin-right: 26px;
    padding: 20px 31px;
}
.returnTtn a:last-child{
    margin-right: 0;
}
/*=======================================================================
// My account
=========================================================================*/
.myaccSection {
    padding-bottom: 67px;
}
.accountMenu{
    margin-top: 35px;
}
.accountMenu ul li{
    margin-bottom: 46px;
}
.accountMenu ul li a{
    text-transform: uppercase;
    color: #333333;
    font-weight: 700;
}
.accountMenu ul li a:hover{
    color: #DB9339;
}
.selectDiv.withArrow{
    position: relative;
}
.selectDiv.withArrow:after{
    position: absolute;
    right: 13px;
    top: 10px;
    font-family: FontAwesome;
    content: '\f107';
    color: #888888;
}

/*=======================================================================
// Wishlist
=========================================================================*/
.wishlistSection{
    padding-bottom: 120px
}
.wishlist_table{}
.wishlist_table{}
.stoke{
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .37px;
    color: #333333;
}
.stokeOut{
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .37px;
    color: #888888;
}
.wishlist_table .product-add-to-cart{}
.wishlist_table .product-add-to-cart > a {
    background: #f2f2f2;
    color: #333333;
    display: inline-block;
    font-size: 18px;
    height: 50px;
    line-height: 0.8;
    padding: 15px;
    text-align: center;
    width: 50px;
}
.wishlist_table .product-add-to-cart > a:hover,
.wishlist_table .product-add-to-cart > a.active{
    background: #DB9339;
    color: #fff;
}
.wishlist_table tbody tr td.product-thumbnail{
    width: 170px;
}
.wishlist_table tbody tr td.product-name{
    width: 230px;
}
.wishlist_table tbody tr td.product-description{
    width: 300px;
}
.wishlist_table tbody tr td.product-price{
    width:170px;
}
.wishlist_table tbody tr td.product-stock-stauts{
    width: 130px;
    padding-right: 0;
}
.wishlist_table tbody tr td.product-add-to-cart{
    width: 170px;
}

/*=======================================================================
// 404 error
=========================================================================*/
.errorCont {
    padding: 35px 0 40px;
}
.errorCont a{
    margin-right: 29px;
}
.errInnercon {
    margin-bottom: 80px;
}
.errorCont h1 {
    color: #d6d6d6;
    font-size: 250px;
    letter-spacing: 6.25px;
    padding-bottom: 117px;
}
.errInnercon h2 {
    color: #555555;
    font-size: 28px;
    letter-spacing: 0.7px;
    margin-bottom: 19px;
}
.errInnercon h3 {
    color: #333333;
    font-size: 50px;
    letter-spacing: 1.25px;
    margin-bottom: 52px;
}
.errInnercon p {
    color: #888888;
    font-size: 14px;
    padding: 0 125px;
    line-height: 20px;
    letter-spacing: 0;
}
.errInnercon a {
    color: #13bfbc;
    margin-right: 0px;
}

/*=======================================================================
// Preloader
=========================================================================*/
.preloader{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999;
}
.preloaderIn{
    width: 100px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.preloaderIn img{
    width: 100%;
    height: auto;
}

/*=======================================================================
// Color Preset
=========================================================================*/
.colorPresetArea {
    position: fixed;
    left: -290px;
    width: 290px;
    background: #282828;
    z-index: 1000;
    padding-bottom: 20px;
    height: 490px;
    margin: auto;
    top: 0;
    bottom: 0;
}
.switchTittle {
    background: #13bfbc;
    padding: 0 0 0 50px;
    width: 340px;
    position: relative;
}
.colorPresetArea p{
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}
.switchTittle p{
    margin-top: 9px;
    font-size: 18px;
}
a.gearBtn{
    color: #fff;
    font-size: 24px;
    height: 50px;
    text-align: center;
    width: 50px;
    padding-top: 12px;
}
a.gearBtn:hover,
a.gearBtn.active{
    color: #4c4c4c;
}
.singleSwitch{
    padding-left: 50px;
}
.singleSwitch.light{
    background: #323232;
}
.singleSwitch {
    padding-top: 22px;
}
.switch {
    padding-bottom: 20px;
    padding-top: 0;
}
.switch a {
    float: left;
}
a.color1{
    width: 40px;
    height: 40px;
    background: #13bfbc;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}
a.color2{
    width: 40px;
    height: 40px;
    background: #db6d52;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}
a.color3{
    width: 40px;
    height: 40px;
    background: #c04baa;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 10px;
}
a.color4{
    width: 40px;
    height: 40px;
    background: #48929b ;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}
a.color5{
    width: 40px;
    height: 40px;
    background: #89b927;
    border-radius: 50%;
    margin-right: 10px;
}
a.color6{
    width: 40px;
    height: 40px;
    background: #049372;
    border-radius: 50%;
    margin-right: 10px;
}
a.color7{
    width: 40px;
    height: 40px;
    background: #507cbe;
    border-radius: 50%;
    margin-right: 10px;
}
a.color8{
    width: 40px;
    height: 40px;
    background: #00abef;
    border-radius: 50%;
    margin-right: 10px;
}
a[class*="pat"]:hover,
a[class*="color"]:hover{
    opacity: .5;
}
a.wide{
    color: #b2b2b2;
    position: relative;
    margin-right: 10px;
    font-weight: 300;
}
a.wide span{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-right: 5px;
    border: 6px solid #fff;
}
.switch a.active span{
    border: 3px solid #fff;
    background: #13bfbc;
}
a.boxed{
    color: #b2b2b2;
    position: relative;
    font-weight: 300;
}
a.boxed span{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-right: 5px;
    position: relative;
}
a.pat1{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p1.png) repeat scroll center center #fff;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}
a.pat2{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p2.png) repeat scroll center center #4c4c4c;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}
a.pat3{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p3.png) repeat scroll center center #fff;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}
a.pat4{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p4.png) repeat scroll center center #4c4c4c;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}
a.pat5{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p5.png) repeat scroll center center #fff;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 15px;
}
a.pat6{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p6.png) repeat scroll center center #4c4c4c;
    border-radius: 50%;
    margin-right: 10px;
}
a.pat7{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p7.png) repeat scroll center center #fff;
    border-radius: 50%;
    margin-right: 10px;
}
a.pat8{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p8.png) repeat scroll center center #4c4c4c;
    border-radius: 50%;
    margin-right: 10px;
}
a.pat9{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p9.png) repeat scroll center center #fff;
    border-radius: 50%;
    margin-right: 10px;
}
a.pat10{
    width: 30px;
    height: 30px;
    background: url(../images/pattern/p10.png) repeat scroll center center #4c4c4c;
    border-radius: 50%;
}

/*-------------------------------------------- WSP ADD*/
.headerTop {
    position: absolute;
    display: block;
    width: 100%;
    margin: 0 auto;
    border-bottom: 0;
}
.headerTop .row {
    position: relative;
}
.headerTop .row .logo {
    position: absolute;
    display: block;
    padding-top: 25px;
    margin-left: -15px;
    width: 100%;
    text-align: center;
    z-index: 999;
}
.header1 .logo {
    position: absolute;
    display: none;
    padding-top: 9px;
    width: 100%;
    text-align: center;
    opacity: 0;
}
.headerTop .row .logo a img,
.header1.fixedHeader .logo a img {
    padding-top: 5px;
    max-height: 55px;
}
.header1.fixedHeader .logo a img { max-height: 35px; padding-top: 0;}
.header1.fixedHeader .logo {
    display: block;
    opacity: 1;
    animation: fadein 500ms ease-out 1;
}
@keyframes fadein {
    0% {
        padding-top: 0px;
        transform: scale(1.5) translateY(-20px);
    }
    100% {
        padding-top: 9px;
        transform: scale(1) translateY(0);
    }
}
@media (max-width: 991px) {
    .headerTop .row .logo { padding-top: 0; z-index: 99;}
    .header1.fixedHeader .logo { margin-top: 0;}
    .header1.fixedHeader .logo img {
        max-height: 70px;
    }
}
@media (max-width: 768px) {
    .headerTop .row .logo { padding-top: 10px;}
}
@media (max-width: 425px) {
    .headerTop .row .logo { text-align: left; padding-left: 20px; padding-top: 15px;}
    .header1.fixedHeader .logo { text-align: left; animation: none;}
    .headerTop .row .logo a img,
    .header1.fixedHeader .logo a img { max-height: 35px;}
    .headerTop .row .logo a img { padding-top: 10px;}
    .header1.fixedHeader .logo a img { padding-top: 0px;}
}
.mainnav1 ul li.search_bar {
    position: relative;
    display: inline-block;
    width: 200px;
    z-index: 99999;
    top: 12px;
    left: 20px;
}
.mainnav1 ul li.search_bar .headerSearch form {
    position: absolute;
    display: block;
    left: 0;
    z-index: 99999;
}
.fixedHeader .mainnav1 ul li a {
    height: 50px;
    line-height: 50px;
}
.fixedHeader .mainnav1 ul li:hover a {
    color: #13bfbc;
    background: #fff;
}
.mainnav1 ul.sub-menu li a:hover {
    color: #fff;
    background: #13bfbc;
}
@media (max-width: 991px) {
    .mainnav1 ul li.search_bar { width: calc(100% - 40px); border-bottom: 0;}
    .fixedHeader .mainnav1 ul li a { line-height: 1; height: auto;}
}
.fixedHeader .mainnav1 ul.sub-menu li a {
    height: auto;
    line-height: 1.5;
}

/*------------------------------------------------------- WSP ADD*/

.bgcolor {
    background: rgba(129,129,129,0.1);
}

/**/

.newspace {
    position: relative;
    padding: 100px 0;
}
.newspace.page {
    padding: 0 0 50px;
}
.newspace .sectionTitle h2 {
    color: #13bfbc;
}
.newspace .sectionTitle h1{
    color: #13bfbc;
    font-size: 60px;
    font-weight: 300;
    margin-bottom: 10px;
}
@media (max-width: 425px) {
  .newspace .sectionTitle h1 { 
    font-size: 40px; 
  }
}
.newspace .sectionTitle h5 span {
    width: 250px;
    color: #13bfbc;
    background: transparent;
    border: 2px solid #13bfbc;
}
/*.newspace:before,
.newspace:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.5);
    z-index: 1;
}
.newspace:after { width: 70%; left: auto; right: 0;}
.newspace.page:before,
.newspace.page:after { display: none;}
@media (max-width: 1199px) {
    .newspace:after { width: 100%;}
}*/
.newspace .newspace_content {
    position: relative;
    z-index: 2;
}
.newspace .row {
    margin-left: 0;
    margin-right: 0;
}
/*@media (min-width: 1199px) {
    .newspace .sectionTitle {
        text-align: right;
    }
}
*/
.newspace .Singlecategory a {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.newspace.page .Singlecategory a {
    margin-bottom: 0;
}
.newspace .Singlecategory a h2 {
    position: absolute;
    width: 100%;
    bottom: 15px;
    padding: 5px 0;
    color: #fff;
    background: rgba(255,255,255,.7);
    font-size: 30px;
    line-height: 1;
    vertical-align: top;
    text-align: center;
    z-index: 2;
    /*white-space: nowrap;
    overflow: hidden;*/
    /*text-overflow: ellipsis; */
    transition: all .2s linear;
}
.newspace .Singlecategory:hover a h2 {
    background: rgba(255,255,255,0.9);
    transition: all .2s linear;
}
.newspace .Singlecategory a h3 {
    position: absolute;
    width: 100%;
    bottom: 15px;
    padding: 5px 0;
    color: #fff;
    background: rgba(255,255,255,.7);
    font-size: 30px;
    line-height: 1;
    vertical-align: top;
    text-align: center;
    z-index: 2;
    /*white-space: nowrap;
    overflow: hidden;*/
    /*text-overflow: ellipsis; */
    transition: all .2s linear;
}
.newspace .Singlecategory:hover a h3 {
    background: rgba(255,255,255,0.9);
    transition: all .2s linear;
}
.newspace .Singlecategory a h2 span.theme {
    display: inline-block;
    float: left;
    padding: 5px 5px 5px 5%;
    /*background: rgba(255,255,255,0.95);*/
    color: #111;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    transform-origin: center;
    transform: scaleX(0.9);
}
.newspace .Singlecategory a h3 span.theme {
    display: inline-block;
    float: left;
    padding: 5px 5px 5px 5%;
    /*background: rgba(255,255,255,0.95);*/
    color: #111;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    transform-origin: center;
    transform: scaleX(0.9);
}
.newspace .Singlecategory a h2 span.tag {
    color: #818181;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Montserrat', Arial;
    margin-right: 20px;
    text-shadow: 0 0 5px rgba(129,129,129,0.9);
    opacity: 0;
    transition: all .2s linear;
    position: relative;
    top: -5px;
}
.newspace .Singlecategory:hover a h2 span.tag {
    opacity: 1;
    transition: all .2s linear;
}
.newspace .Singlecategory a h3 span.tag {
    color: #818181;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Montserrat', Arial;
    margin-right: 20px;
    text-shadow: 0 0 5px rgba(129,129,129,0.9);
    opacity: 0;
    transition: all .2s linear;
    position: relative;
    top: -5px;
}
.newspace .Singlecategory:hover a h3 span.tag {
    opacity: 1;
    transition: all .2s linear;
}
.newspace .Singlecategory a h2 span.info {
    display: inline-block;
    float: right;
    padding: 5px 5% 5px 5px;
    color: #111;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    transform-origin: center;
    transform: scaleX(0.9);
    /*text-shadow: 0 0 5px rgba(129,129,129,0.9),
                 0 2px 10px rgba(129,129,129,0.9);*/
}
.newspace .Singlecategory a h3 span.info {
    display: inline-block;
    float: right;
    padding: 5px 5% 5px 5px;
    color: #111;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    transform-origin: center;
    transform: scaleX(0.9);
    /*text-shadow: 0 0 5px rgba(129,129,129,0.9),
                 0 2px 10px rgba(129,129,129,0.9);*/
}
.newspace .Singlecategory a h2 span.tag:before {
    content: '\f02b';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
.newspace .Singlecategory a h3 span.tag:before {
    content: '\f02b';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
.newspace .Singlecategory a p {
    position: absolute;
    bottom: 65px;
    left: 20px;
    max-width: calc(100% - 40px);
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    background-color: rgba(129,129,129,0.3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.newspace .Singlecategory a p:before,
.newspace .Singlecategory a p:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: #fff;
}
.newspace .Singlecategory a p:after { top: auto; bottom: 0;}
/*.newspace .viewmoreBtn {
    color: #13bfbc;
    background: #fff;
    border: 2px solid #fff;
    line-height: 1.7;
}
.newspace .viewmoreBtn:hover {
    color: #fff;
    background: transparent;
}*/
@media (max-width: 425px) {
    .newspace { padding: 30px 0;}
    /*.newspace { background: rgba(87, 78, 109, 0.15) !important;}*/
    .newspace.page { background: rgba(87, 78, 109, 0) !important}
}

/**/

.project {
    /*padding: 70px 0 0;*/
    padding: 40px 0 0;
    /*background: url(../images/pattern/p3.png);*/
}
.project .row { margin: 0;}
.project.page .row,
.pd-forem-area .row{ margin: 0 -15px;}
@media (min-width: 768px) {
    .project.page .row.col_nopadding div[class*="col-"] { padding: 0;}
}
.project .theme {
    text-align: center;
}
.project .theme h2 ,
.project .theme h1{ 
    font-size: 40px;
    color: #818181;
}
.project .theme p {
    padding-top: 10px;
    font-size: 18px;
    color: #888;
}
.project .content .text_box { margin: 0;}
.project .content .text_box,
.project .content .text_box p,
.project.case .text_box,
.project.case .text_box p { color: #555; font-size: 17px;}
.project .content .text_box h1, .project .content .text_box h2,
.project .content .text_box h3, .project .content .text_box h4,
.project .content .text_box h5, .project .content .text_box h6 { 
    color: #818181; 
    font-weight: 500;
    background: #fff; 
    padding-left: 10px;
    margin-bottom: 10px;
    border-left: 5px solid #818181;
}
.project .info { padding-bottom: 15px;}
.project .info ul li {
    display: block;
    color: #555;
    font-size: 15px;
    text-align: left;
    padding-left: 120px;
    border-bottom: 1px solid rgba(129,129,129,0.15);
}
.project .info ul li span {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100px;
    text-align: right;
    font-weight: 500;
    color: #05a9a6;
}
@media (min-width: 1199px) {
    .project .info { margin: 0 15px 0 120px;}
    .project .info ul li span { left: 120px;}
}
.project .info ul li a { color: #555;}
.project .info ul li a:before { 
    content: '\f095';
    font-family: 'FontAwesome';
    margin-right: 5px;
    animation: light 1300ms ease-out infinite;
}
@keyframes light {
    0% { color: rgba(255,255,255,1); }
    40% { color: rgba(255,255,255,0.25); }
    100% { color: rgba(255,255,255,1); }
}
.project .info ul li.phone { padding-left: 0; text-align: center;}
.project .info ul li.phone a {
    display: inline-block;
    padding: 5px 25px;
    margin: 5px;
    font-size: 18px;
    color: #fff;
    background: #13bfbc;
    border-radius: 35px;
}
.project .info ul li.phone a:hover {
    background: #818181;
}
.project .info .tag { padding-top: 10px;}
.project .info .tag span a {
    display: inline-block;
    padding: 2px 10px; 
    margin-left: 5px;
    margin-top: 5px;
    font-size: 13px;
    font-family: 'NexaBold',Arial;
    letter-spacing: 0.5px;
    color: #555;
    border:1px solid #555;
}
.project .info .tag span a:hover {
    color: #fff;
    background: #13bfbc;
    border-color: #13bfbc;
}
.project .info .tag span a:before {
    content: '\f02b';
    font-family: 'FontAwesome';
    margin-right: 5px;
}

.project.case { padding: 0 0 30px;}
.project_other p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 0;
}
@media (min-width: 768px) {.project.case .container { padding: 0;}}
@media (max-width: 768px) {
    .project { padding: 0;}
    .project.case { padding: 0;}
    .project .theme { text-align: center;}
    .project .info ul li { padding-left: 100px;}
    .project .info ul li span { width: 90px;}
}

.project .project_form {
    padding: 20px 0;
}
.project .project_form h2,
.project .project_form h1{
    color: #818181;
    line-height: 1.5;
    margin-bottom: 10px;
}

.project .social_bar {
    padding: 20px 0 50px;
}

.project.case iframe
{
    width: 100%!important;
    /*height: 100%;*/
    /*min-height: 840px;*/
    overflow: visible;
    /*max-height: 840px;*/
    /*-webkit-overflow-scrolling: touch;*/
}

.project.case{
    /*-webkit-overflow-scrolling: auto;*/
}


@media (max-width: 425px) {
    /*.project.case iframe { height: 280px;}*/
}


/**/

.bestspace {
    padding: 100px 0;
}
.bestspace .sectionTitle h5 span {
    letter-spacing: 15px;
    padding-right: 0px;
}
.bestspace .container {
    position: relative;
}
.bestspace #float_menu {
    display: none;
    position: fixed;
    top: 100px;
}
.bestspace #float_menu ul {
    text-align: center;
    width: 100px;
    margin-left: -120px;
}
.bestspace #float_menu ul li a {
    display: block;
    padding: 2px 0;
    background: rgba(71,193,253,0.1);
}
.bestspace #float_menu ul li.active a { background: rgba(71,193,253,0.3);}
.bestspace #float_menu ul li a:hover {
    color: #fff;
    background: rgba(71,193,253,1);
}
@media (min-width: 1199px) {
    .bestspace.page .blogDec p.Autoskip {
        height: 80px;
    }
}

@media (max-width: 1340px) {
    .bestspace.page .container {
        width: 950px;
    }
}
@media (max-width: 1199px) {
    .bestspace.page .container {
        width: 750px;
    }
}
@media (max-width: 991px) {
    .bestspace.page .container {
        width: 600px;
    }
}
@media (max-width: 800px) {
    .bestspace.page .container {
        width: 100%;
    }
    .bestspace #float_menu {
        visibility: hidden;
        display: none !important;
        position: relative;
        top: 0;
        opacity: 0;
    }
    .bestspace #float_menu ul {
        width: auto;
        margin-left: 0;
    }
}
@media (max-width: 425px) {
    .bestspace { padding: 30px 0;}
}

/**/

.news {
    position: relative;
    color: #fff;
    padding: 100px 0;
    /*background: #13bfbc;*/
}
/*.news:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(129,129,129,0.8);
    z-index: 1;
}*/
.news .news_content {
    position: relative;
    z-index: 2;
}
.news .sectionTitle h2 {
    color: #13bfbc;
}
.news .sectionTitle h2 span {
    position: relative;
    top: -15px;
    font-size: 12px;
    letter-spacing: 5px;
    line-height: 1;
    padding: 2px 0 2px 5px;
    margin: 0 5px;
    border-top: 1px solid #13bfbc;
    border-bottom: 1px solid #13bfbc;
}
.news .sectionTitle h3 {
    color: #13bfbc;
}
.news .sectionTitle h3 span {
    position: relative;
    top: -15px;
    font-size: 12px;
    letter-spacing: 5px;
    line-height: 1;
    padding: 2px 0 2px 5px;
    margin: 0 5px;
    border-top: 1px solid #13bfbc;
    border-bottom: 1px solid #13bfbc;
}
/*.news .blogMeta p i,
.news .blogTitle a {
    color: #fff;
    font-weight: 400;
}
.news .blogMeta p a,
.news .blogDec p {
    color: rgba(255,255,255,0.6);
    font-weight: 300;
}
.news .blogMeta p a:hover,
.news .blogTitle a:hover {
    background: #fff;
    color: #13bfbc;
}*/
.news .singleBlog .blogDec p { color: #818181;}
.news .singleBlog {
    padding: 15px;
    background: #fff;
}
/*.news .viewmoreBtn {
    color: #13bfbc;
    background: #fff;
    border: 2px solid #fff;
    line-height: 1.7;
}
.news .viewmoreBtn:hover {
    color: #fff;
    background: transparent;
}*/

.hotnews .singleBlog .blogImg {
    /*float: left;*/
    /*max-width: 20%;*/
    width: 100%;
    /*padding: 0 15px;*/
}
.hotnews .singleBlog .blogMeta { line-height: 1;}
.hotnews .singleBlog .blogMeta,
.hotnews .singleBlog .blogDec {
    /*float: right;*/
    display: block;
    width: 100%;
    /*max-width: 75%;*/
    /*padding: 0 15px;*/
}
.hotnews .singleBlog .blogMeta p.date,
.hotnews .singleBlog .blogMeta p.month {
    float: none;
}
.hotnews h2.title { font-size: 25px; font-weight: 500; line-height: 1.1;}
.hotnews h3.title { font-size: 25px; font-weight: 500; line-height: 1.1;}
.hotnews .blogTitle { font-size: 17px; margin-bottom: 0;}
.hotnews .blogDec p { font-size: 13px; line-height: 1.25;}

.hotnews .box { margin-bottom: 20px;}
.hotnews .box a h2 { color: #818181; transition: all 500ms ease-out;}
.hotnews .box a h2:hover { color: #13bfbc; transition: all 500ms ease-out;}
.hotnews .box a h3 { color: #818181; transition: all 500ms ease-out;}
.hotnews .box a h3:hover { color: #13bfbc; transition: all 500ms ease-out;}
.hotnews .box h2 span.theme { font-size: 20px; }
.hotnews .box h2 p { display: block; font-size: 15px; margin: 5px 0; line-height: 1.2;}
.hotnews .box h3 span.theme { font-size: 20px; }
.hotnews .box h3 p { display: block; font-size: 15px; margin: 5px 0; line-height: 1.2;}
.hotnews .box .tag a {
    display: inline-block; 
    padding: 2px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    font-family: 'NexaBold',Arial;
    letter-spacing: 0.5px;
    color: #555;
    border: 1px solid #555;
}
.hotnews .box .tag a:hover { 
    color: #fff;
    background: #13bfbc;
    border-color: #13bfbc;
}
.hotnews .box .tag a:before {
    content: '\f02b';
    font-family: 'FontAwesome';
    margin-right: 5px;
}

/*20170426 修改*/
.hotnews .box { padding: 0;}
.hotnews .box a h2 { position: absolute; bottom: 0; background: rgba(255,255,255,0); display: block; width: 100%;}
.hotnews .box:hover a h2 { position: absolute; bottom: 0; background: rgba(255,255,255,0.9);}
.hotnews .box h2 span.theme {
    float: left;
    display: inline-block;
    background: #fff;
    color: #818181;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 15px;
    bottom: 0;
}
.hotnews .box h2 p {
    float: left;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 11px 10px;
    margin: 0;
    transition: all 500ms ease-out;
}
.hotnews .box:hover h2 p { color:#818181; transition: all 500ms ease-out;}

.hotnews .box a h3 { position: absolute; bottom: 0; background: rgba(255,255,255,0); display: block; width: 100%;}
.hotnews .box:hover a h3 { position: absolute; bottom: 0; background: rgba(255,255,255,0.9);}
.hotnews .box h3 span.theme {
    float: left;
    display: inline-block;
    background: #fff;
    color: #818181;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 15px;
    bottom: 0;
}
.hotnews .box h3 p {
    float: left;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 11px 10px;
    margin: 0;
    transition: all 500ms ease-out;
}
.hotnews .box:hover h3 p { color:#818181; transition: all 500ms ease-out;}
@media (max-width: 768px) {
    .hotnews .blogTitle {
        font-size: 20px;
        margin-bottom: 0;
    }
    .hotnews .blogDec { margin-bottom: 0;}
}

.text_title {
    font-size: 35px;
    font-weight: 400;
    color: #13bfbc;
    line-height: 1.1;
}
.text_img {
    max-width: 350px;
    padding: 9px 0 15px 15px;
}
.text_box.news_info { margin-top: 5px;}
.text_box.news_info,
.text_box.news_info p {
    color: #555;
    font-size: 17px;
    font-weight: 400;
}
.text_box.news_info h1, .text_box.news_info h4,
.text_box.news_info h2, .text_box.news_info h5,
.text_box.news_info h3, .text_box.news_info h6 { color: #555; line-height: 1.25; padding: 10px 0 5px;}
.text_box.news_info h4 { font-size: 21px;}

.text_box.news_info h1.title1, .text_box.news_info h4.title1,
.text_box.news_info h2.title1, .text_box.news_info h5.title1,
.text_box.news_info h3.title1, .text_box.news_info h6.title1 { background: rgba(71,193,253,0.1); border-left: 5px solid #13bfbc; color: #13bfbc; padding: 7px 0 7px 20px; margin: 25px 0 5px;}

.text_box.news_info h1.title2, .text_box.news_info h4.title2,
.text_box.news_info h2.title2, .text_box.news_info h5.title2,
.text_box.news_info h3.title2, .text_box.news_info h6.title2 { background: rgba(129,129,129,0.1); border-left: 5px solid #555; color: #555; padding: 7px 0 7px 20px; margin: 25px 0 5px;}

.text_info {
    padding: 10px 0;
}
.text_info .date {
    margin-right: 10px;
}
.text_info span a {
    color: #999;
}
.social_bar .area { 
    display: inline-block;
}
.social_bar .area.fst {
    padding: 6px 5px 3px 15px;
    border: 1px solid #818181;
}
.social_bar .area.fst:before { content: 'SHARE / ';}
.social_bar span a {
    padding: 10px;
    font-size: 20px;
}
.social_bar span a svg {
    position: relative;
    top: 2px;
    fill: #13bfbc;
    width: 20px;
    height: 20px;
    transition: all 500ms ease-out;
}
.social_bar span a:hover svg {
    fill: #818181;
    transition: all 500ms ease-out;
}
.social_bar p input {
    margin-right: 7px;
    width: 250px;
    padding: 2px 10px;
    background: rgba(129,129,129,0.1);
}
.social_bar .viewmoreBtn {
    position: relative;
    top: -2px;
    margin-top: 0;
    width: 120px;
    height: 39px;
    padding: 0;
    outline: none;
    background: #13bfbc;
    color: #fff;
    border-radius: 50px;
}
.social_bar .viewmoreBtn:hover {
    background: #818181;
}

.social_bar #linkMask {
    width:100%;
    min-width: 100%;
    height:26px;
    /*background-color: #FFF;*/
    background-color: rgba(255,255,255,0);
    position: absolute;
    top:0;
    left:0;
    z-index: 999;
}
.social_bar #linkDiv {
    width:100%;
    position: relative;
    margin-bottom: -20px;
}

.social_bar input#link {
    margin: 0; padding: 0;
    /*background: #fff;
    color: #fff;*/
    background: rgba(255,255,255,0);
    color: rgba(255,255,255,0);
}
@media (max-width: 991px) {
    .text_img { max-width: 250px;}
}
@media (max-width: 768px) {
    .text_img { padding: 0 10px 10px;}
}
@media (max-width: 425px) {
    .news { padding: 50px 0;}
    .text_title { font-size: 25px; font-weight: 600;}
    .text_img { max-width: 100%; padding: 0 0 10px;}
    .social_bar p { margin-top: 10px;}
}

/**/

.about {
    padding: 100px 0;
    background: rgba(129, 129, 129, 0.1);
    /*background: url(../images/pattern/p5.png) #f1f1f1;*/
}
.about .sectionTitle h2 {
    color: #818181;
}
.about .sectionTitle h2 span {
    display: block;
    background: #fff;
    line-height: 1;
    padding: 7px 25px 3px;
}
.about .box { 
    position: relative;
    top: 0;
    transition: all 700ms ease-in;
}
.about .box:hover {
    top: 10px;
    transition: all 700ms ease-out;
}
.about .box span {
    position: relative; 
    display: block;
    text-align: center;
    font-size: 40px;
    color: #fff;
    padding: 28px 0;
    margin-bottom: 20px;
}
.about .box span i { width: 50px; text-align: center;}
.about .box span i.fa:after {
    content: '';
    position: absolute;
    left: calc(50% - 50px);
    top: 0;
    width: 100px;
    height: 100px;
    background: #13bfbc;
    border-radius: 100%;
    z-index: -1;
}
.about .box .theme {
    position: relative;
    height: 300px;
    color: #fff;
    /*margin-right: -15px;
    margin-left: -15px;*/
}
.about .box .theme:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 315px;
    background: url(../images/demo/about/bevel3.svg) bottom center no-repeat;
    background-size: contain;
}
.about .box .theme p {
    position: absolute;
    left: 50px;
    bottom: 50px;
    color: #13bfbc;
    font-size: 150px;
    font-weight: 600;
    z-index: 2;
}
.about .box .content {
    position: relative;
    padding: 0 15px;
    background: #13bfbc;
    color: #fff;
    font-weight: 300;
    min-height: 400px;
    z-index: 2;
}
.about .box .content h2 {
    text-align: right;
    color: #fff;
}
.about .box .content h3 {
    text-align: right;
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
}
.about .box .content .text_box {
    text-align: justify;
    text-justify:inter-ideograph;
}
.about .box .content a.viewmoreBtn {
    color: #13bfbc;
    background: #fff;
    border: 2px solid #fff;
}
.about .box.snd .content a.viewmoreBtn {
    color: #fff;
    background: #818181;
    border: 2px solid #818181;
}
.about .box .content a.viewmoreBtn:hover {
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
}
.about .box.snd .content a.viewmoreBtn:hover {
    color: #818181;
    background: transparent;
    border: 2px solid #818181;
}

.about .box.snd .content h2 { color: #818181;}
.about .box.snd .content h3 { color: #818181;}
.about .box.snd .content { background: #fff; color: #818181;}
.about .box.snd .theme p { color: #fff;}
.about .box.snd .theme:after { background: url(../images/demo/about/bevel2.svg) bottom center no-repeat; background-size: contain;}

.about.page { padding-bottom: 0; background: #fff;}

@media (max-width: 425px) {
    .about { padding: 30px 0;}
    .about .box { margin-bottom: 40px;}
    .about .box .content { min-height: auto;}
    .about .box .content a.viewmoreBtn { margin: 0 0 20px;}

    .about.page .content { padding-bottom: 1px;}
}

/**/

.contact .map { padding: 0!important; margin-bottom: -8px;}
.contact .box {
    padding: 100px 50px 0px;
}
.contact .box .row a { color: #999;}
.contact .box .row a:hover { background: transparent; color: #13bfbc;}
.contact .box .row a.circle {
    display: inline-block;
    color: #fff;
    font-size: 40px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    vertical-align: middle;
    background: #818181;
    border-radius: 100%;

}
.contact .box .row a svg {
    position: relative;
    top: 10px;
    fill: #fff;
    width: 50px; height: 50px;
}
.contact .box .row a i.fa-mobile { font-size: 50px;}
.contact .box .row a.circle:hover {
    background: #13bfbc;
}
.contact .box .row .flip_animate a.circle {
    animation: flipover2 350ms linear 1;
    animation-fill-mode: both;
}
@keyframes flipover2 {
    0% { 
        transform: scale(0.8,0.8);
    }
    100% {
        transform: scale(1,1);
    }
}
.contact .box .row .flip_animate:hover a.circle {
    animation: flipover 550ms ease-out 1;
    animation-fill-mode: both;
}
@keyframes flipover {
    0% { 
        transform: scale(1,1);
    }
    50% {
        transform: scale(-0.9,0.9);
    }
    100% {
        transform: scale(0.8,0.8);
    }
}

.contact .box .row h3 {
    position: relative;
    padding-top: 20px;
    padding-bottom: 25px;
    color: #818181;
    font-size: 20px;
}
.contact .box .row h3:after {
    position: absolute;
    content: '';
    display: block;
    /*left: 0;*/
    left: calc( 50% - 10px);
    bottom: 15px;
    width: 20px;
    height: 1px;
    background: #818181;
}
.contact.page .box .flip_animate { text-align: center; margin-top: 10px;}
@media (min-width: 768px) {
    .contact .box .row { margin-bottom: 100px;}
}
@media (max-width: 425px) {
    .contact .box { padding: 30px 15px; text-align: center;}
    .contact .box .row h3 { padding: 10px 0 12px;}
    .contact .box .row h3:after { left: calc( 50% - 10px); bottom: 2px;}

    .contactForm label { margin-bottom: 10px;}
    .contact.page .box { text-align: left;}
    .contactForm button { display: block; text-align: center; margin: 0 auto 20px; width: 100%;}
}

/**/

.search { padding: 100px 0;}
@media (max-width: 768px) {
    .search { padding: 30px 0;}
}
.bestspace.page .title,
.search .title { 
    color: #818181;
    padding: 5px 15px;
    margin-bottom: 10px;
    border-left: 5px solid #818181;
}
@media(min-width: 1199px) {
    .bestspace.page .title.fst { margin-top: 92px!important;}
}
.search .box {
    display: block;
    padding: 10px;
    background: rgba(71,193,253,0.1); 
    border-right: 10px solid #fff;
    border-bottom: 10px solid #fff;
}
.search .box .Singlecategory { display: block;}
.search .box .Singlecategory .catImg {
    display: inline-block;
    float: left;
    width: 40%;
}
.search .box .Singlecategory p,
.search .box .Singlecategory h2,
.search .box .Singlecategory h3 {
    float: right;
    width: 58%;
    color: #13bfbc;
}
.search .box .Singlecategory p { margin-bottom: 5px;}
.search .box .Singlecategory h2 { font-size: 23px; line-height: 1;}
.search .box .Singlecategory h3 { font-size: 23px; line-height: 1;}
.search .box .tag {
    float: right;
    width: 58%;
    padding-top: 5px;
}
.search .box .tag span a {
    display: inline-block;
    padding: 2px 10px;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 13px;
    font-family: 'NexaBold',Arial;
    letter-spacing: 0.5px;
    color: #555;
    border: 1px solid #555;
}
.search .box .tag span a:hover {
    color: #fff;
    background: #13bfbc;
    border-color: #13bfbc;
}
.search .box .tag span a:before {
    content: '\f02b';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
@media (max-width: 768px) {
    .bestspace.page .title, .search .title {
        font-size: 25px;
    }
}

/**/

@media (max-width: 768px) {
    footer .login_box { padding-bottom: 30px;}
}

footer .login_box span {
    color: #818181;
    display: block;
}
div#forget input,
div#signup input,
footer input {
    padding: 5px 18px;
    width: 100%;
    outline: none;
    background: rgba(129,129,129,0.1);
}
footer .login_btn {
    padding-top: 15px;
    text-align: center;
}
footer .login_btn .fbtn {
    font-style: 15px;
    font-family: 'Montserrat','Noto Sans TC',"微軟正黑體", Arial;
}
footer .login_btn .fbtn {
    color: #818181;
    background: transparent;
    border-color: #818181;
}
footer .login_btn .fbtn:hover {
    color: #fff;
    background: #818181;
}
footer .login_btn .fbtn.fst {
    color: #fff;
    background: #818181;
    border-color: #818181;
}
footer .login_btn .fbtn.fst:hover {
    color: #818181;
    background: transparent;
}

@media (min-width: 768px) {
    footer .login_btn {
        text-align: right;
    }
}

div#signup,
div#forget,
.fancybox-skin { 
    color: #818181;
    background: #fff;
    border-radius: 0;
    padding: 20px;
}
div#forget h2,
div#signup h2 {
    color: #818181;
    text-align: center;
    padding: 10px 0 15px;
    font-weight: 300;
}
div#forget h3,
div#signup h3 {
    color: #818181;
    text-align: center;
    padding: 10px 0 15px;
    font-weight: 300;
    font-size: 30px;
}
div#signup h2 b { display: inline-block;}
div#signup h1 b { display: inline-block;}
div#forget span,
div#signup span {
    display: block;
}
div#forget input,
div#signup input {
    background: rgba(129,129,129,0.1);
}
div#signup input::-webkit-input-placeholder { color: rgba(129,129,129,0.5); }
div#signup input-moz-placeholder { color: rgba(129,129,129,0.5); }
div#signup input:-moz-placeholder { color: rgba(129,129,129,0.5); }
div#signup input-ms-input-placeholder { color: rgba(129,129,129,0.5); }

div#forget input::-webkit-input-placeholder { color: rgba(129,129,129,0.5); }
div#forget input-moz-placeholder { color: rgba(129,129,129,0.5); }
div#forget input:-moz-placeholder { color: rgba(129,129,129,0.5); }
div#forget input-ms-input-placeholder { color: rgba(129,129,129,0.5); }

div#forget button.fbtn,
div#signup button.fbtn {
    color: #fff;
    font-style: 15px;
    font-family: 'Montserrat','Noto Sans TC',"微軟正黑體", Arial;
    background: #13bfbc;
    border-color: #13bfbc;
}
div#forget button.fbtn:hover,
div#signup button.fbtn:hover {
    color: #13bfbc;
    background: transparent;
    border-color: #13bfbc;
}

/**/

.subject {
    padding: 100px 0;
}
.subject .box a .imgbox { position: relative;}
.subject .box a .imgbox:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 30px solid rgba(129,129,129,0);
    transition: all 500ms ease-out;
}
.subject .box a:hover .imgbox:after {
    border: 30px solid rgba(255,255,255,0.65);
}
.subject .box a .imgbox:before {
    position: absolute;
    content: '\f002';
    display: inline-block;
    color: rgba(255,255,255,0);
    font-family: 'FontAwesome';
    font-size: 40px;
    width: 50px;
    height: 50px;
    left: calc(50% - 25px);
    top: calc(50% - 45px);
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    transition: all 500ms ease-out;
}
.subject .box a:hover .imgbox:before {
    color: rgba(255,255,255,0.65);
    top: calc(50% - 25px);
    transition: all 500ms ease-out;
}
.subject .box a h2 {
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 50px;
    border-left: 5px solid #818181;
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 500ms ease-out;
}
.subject .box a:hover h2 {
    color: #13bfbc;
    transition: all 500ms ease-out;
}
.subject .box a h3 {
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 50px;
    border-left: 5px solid #818181;
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 500ms ease-out;
}
.subject .box a:hover h3 {
    color: #13bfbc;
    transition: all 500ms ease-out;
}
@media (max-width: 768px) {
    .subject {
        padding: 30px 0;
    }
    .subject .box a h2 {
        margin-bottom: 30px;
    }
    .subject .box a h3 {
        margin-bottom: 30px;
    }
}

/*-- 空間 --*/
.pt_0 { padding-top: 0 !important;}
.pt_5 { padding-top: 5px !important;}
.pt_10 { padding-top: 10px !important;}
.pt_20 { padding-top: 20px !important;}
.pt_30 { padding-top: 30px !important;}
.pt_50 { padding-top: 50px !important;}
.pt_100 { padding-top: 100px !important;}
.pb_0 { padding-bottom: 0 !important;}
.pb_5 { padding-bottom: 5px !important;}
.pb_10 { padding-bottom: 10px !important;}
.pb_20 { padding-bottom: 20px !important;}
.pb_30 { padding-bottom: 30px !important;}
.pb_50 { padding-bottom: 50px !important;}
.pb_100 { padding-bottom: 100px !important;}
.pl_0 { padding-left: 0 !important;}
.pl_5 { padding-left: 5px !important;}
.pl_10 { padding-left: 10px !important;}
.pl_20 { padding-left: 20px !important;}
.pl_30 { padding-left: 30px !important;}
.pl_50 { padding-left: 50px !important;}
.pl_100 { padding-left: 100px !important;}
.pr_0 { padding-right: 0 !important;}
.pr_5 { padding-right: 5px !important;}
.pr_10 { padding-right: 10px !important;}
.pr_20 { padding-right: 20px !important;}
.pr_30 { padding-right: 30px !important;}
.pr_50 { padding-right: 50px !important;}
.pr_100 { padding-right: 100px !important;}

.mt_0 { margin-top: 0 !important;}
.mt_5 { margin-top: 5px !important;}
.mt_10 { margin-top: 10px !important;}
.mt_20 { margin-top: 20px !important;}
.mt_30 { margin-top: 30px !important;}
.mt_50 { margin-top: 50px !important;}
.mt_100 { margin-top: 100px !important;}
.mb_0 { margin-bottom: 0 !important;}
.mb_5 { margin-bottom: 5px !important;}
.mb_10 { margin-bottom: 10px !important;}
.mb_20 { margin-bottom: 20px !important;}
.mb_30 { margin-bottom: 30px !important;}
.mb_50 { margin-bottom: 50px !important;}
.mb_100 { margin-bottom: 100px !important;}
.ml_0 { margin-left: 0 !important;}
.ml_5 { margin-left: 5px !important;}
.ml_10 { margin-left: 10px !important;}
.ml_20 { margin-left: 20px !important;}
.ml_30 { margin-left: 30px !important;}
.ml_50 { margin-left: 50px !important;}
.ml_100 { margin-left: 100px !important;}
.mr_0 { margin-right: 0 !important;}
.mr_5 { margin-right: 5px !important;}
.mr_10 { margin-right: 10px !important;}
.mr_20 { margin-right: 20px !important;}
.mr_30 { margin-right: 30px !important;}
.mr_50 { margin-right: 50px !important;}
.mr_100 { margin-right: 100px !important;}

.text_box h1, .text_box h2,
.text_box h3, .text_box h4,
.text_box h5, .text_box h6 {
  font-family: Noto Sans TC,微軟正黑體, Arial;
  line-height: 1.75;
}
.text_box p {
  font-family: Noto Sans TC,微軟正黑體, Arial;
  margin-bottom: 15px;
}
.text_box {
  font-family: Noto Sans TC,微軟正黑體, Arial;
  /*margin-top: 30px;*/
  margin-bottom: 30px;
}

img.img_rwd {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  /*margin-top: 5px;
  margin-bottom: 5px;*/
}
img.contact_img {
  cursor: pointer;
  margin: 0 auto;
  line-height: 50px;
  vertical-align: middle;
  max-height: 50px;
  max-width: 100%;
  display: block;
}

/* #Blog 瀑布流 + 過濾器
================================================== */

.blog-sections.section-big-header-text h3{
    text-align:center;
}
/*.blog-sections.section-big-header-text p{
    text-align:center;
}*/
.blog-sections.section-big-header-text .line-big-header{
    text-align:center;
    margin:0 auto;
}


#blog-filter {
    position:relative;
    width:100%;
    text-align: center;
    background: #0a0a0a;
}
#filter2 {
    position:relative;
    width:100%;
    text-align: center;
}

#filter2 li {
    display: inline-block;
    text-align: center;
    margin-right: -4px;
}
#filter2:after {
  content: '';
  display: block;
  clear: both;
}
#filter2 li a {
    position: relative;
    display: inline-block;
    letter-spacing:3px;
    padding: 10px 20px 6px;
    font-family: 'Montserrat','Noto Sans TC',"微軟正黑體", Arial;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px; 
    text-align: center;
    outline: none;
    color: #ddd;
    /*border-bottom: 4px solid #818181;*/
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#filter2 li .active {
    /*border-bottom: 4px solid #ddd;*/
}
#filter2 li:hover a {
    background: #fff;
    color: #818181;
}
#filter2 li a:hover {
    color: #818181;
}
#filter2 li ul {
    position: absolute;
    display: block;
    top: 100%;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all 200ms ease-out;
}
#filter2 li:hover ul {
    visibility: visible;
    opacity: 1;
    transition: all 500ms ease-out;
}
#filter2 li ul li {
    display: block; 
    border-top: 1px solid #818181;
}
#filter2 li ul li a {
    min-width: 120px;
    color: #818181;
    background: #fff;
}
#filter2 li:hover ul li a {
    background: #fff;
}
#filter2 li:hover ul li a:hover {
    background: #eee;
}
@media (max-width: 640px) {
    #filter2 li { width: 33.333%;}
    #filter2 li:hover ul {
        top: auto;
    }
    #filter2 li ul { width: 33.3333%; left: auto;}
    #filter2 li ul li,
    #filter2 li ul li a { width: 100%;}
}
@media (max-width: 425px) {
    #filter2 { text-align: left;}
    #filter2 li,
    #filter2 li ul { width: 33.33333%;}
    #filter2 li a { padding: 10px 10px 6px; width: 100%;}
}
@media (max-width: 320px) {
    #filter2 li,
    #filter2 li ul { width: 50%;}
    #filter2 li a { padding: 10px 10px 6px;}
}

#blog-grid{
    position:relative;
    text-align:center;
    margin:0 auto;
    /*width:calc(100% - 20px);
    max-width:1360px;*/
}
#blog-grid:after {
  content: '';
  display: block;
  clear: both;
}
.blog-post{
    position:relative;
    float:left;
    /*width:25%;*/
    /*border:20px solid #fff;*/
    display:inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background:#f1f1f1;
    padding-bottom:30px;*/
    padding: 15px 10px 0;
    overflow:hidden;
    margin-left:-1px;
    -webkit-transform: translate3d(1px,0,0);
    transform: translate3d(1px,0,0);
}
.index .blog-post {
    /*width: 25%;*/
    padding: 0 10px 10px;
}
@media (min-width: 1921px) { .blog-post{ width:25%; height: 341px;}}
@media (max-width: 1920px) { .blog-post{ width:25%; height: 341px;}}
@media (max-width: 1650px) { .blog-post{ width:25%; height: 300px;}}
@media (max-width: 1550px) { .blog-post{ width:25%; height: 280px;}}
@media (max-width: 1399px) { .blog-post{ width:25%; height: 260px;}}
@media (max-width: 1299px) { .blog-post{ width:25%; height: 240px;}}
@media (max-width: 1199px) { .blog-post{ width:33.333%; height: 285px;}}
@media (max-width: 1099px) { .blog-post{ width:33.333%; height: 265px;}}
@media (max-width: 991px) { .blog-post{ width:33.333%; height: 235px;}}
@media (max-width: 899px) { .blog-post{ width:50%; height: 320px;}}
@media (max-width: 835px) { .blog-post{ width:50%; height: 300px;}}
@media (max-width: 799px) { .blog-post{ width:50%; height: 280px;}}
@media (max-width: 768px) { .blog-post{ width:100%; height: auto;}}

/*@media (max-width: 1399px) {
    .blog-post{ width: 33.33333333333%;}
}
@media (max-width: 1199px) {
    .blog-post{ width: 50%;}
}
@media (max-width: 768px) {
    .index .blog-post,
    .blog-post{ width: 100%;}
}*/
@media (max-width: 425px) {
    .index .blog-post { padding: 0;}
}
/*.blog-post.width-2{
    width:66.66666666666%;
    margin-left:-3px;
    -webkit-transform: translate3d(3px,0,0);
    transform: translate3d(3px,0,0);
}*/
.blog-post img{
    width:100%;
    height:auto;
    display:block;
}
.blog-post h6{
    text-align:left;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:20px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
/*.blog-post p{
    text-align:left;
    padding-left:30px;
    padding-right:30px;
}*/
.blog-post .time-autor{
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:600;
    font-size: 11px;
    line-height:26px;
    color:#999999;
    padding-top:30px;
    text-align:left;
    padding-left:30px;
    padding-right:30px;
}
.blog-post .time-autor span{
    padding-left:10px;
}
.blog-post .arrow-to-post{
    letter-spacing:2px;
    font-family: 'Courgette', cursive;
    font-size: 14px;
    line-height:26px;
    color:#606060;
    text-align:left;
    margin-left:30px;
    margin-top:30px;
    display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.blog-post .arrow-to-post span{
    font-family: 'FontAwesome';
    padding-left:8px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.blog-post .arrow-to-post:hover span{
    padding-left:15px;
}
.blog-post .arrow-to-post:hover{
    color:#000;
}



#owl-blog .item{
    position:relative;
    width:100%;
}
#owl-blog.owl-theme .owl-controls .owl-buttons .owl-prev{
    position:absolute;
    left:0;
    cursor: url(../images/grab-left.png) 8 8, move !important;
}
#owl-blog.owl-theme .owl-controls .owl-buttons .owl-next{
    position:absolute;
    right:0;
    cursor: url(../images/grab-right.png) 8 8, move !important;
}
#owl-blog.owl-theme .owl-controls .owl-buttons .owl-next,
#owl-blog.owl-theme .owl-controls .owl-buttons .owl-prev{
    top:0;
    width:50%;
    height:100%;
    z-index:1;
    text-indent: 100%;
}
#bar-blog{
    width: 0%;
    max-width: 100%;
    height: 3px;
    background: #212121;
}
#progressBar-blog{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    background: #f1f1f1;
    z-index:5;
}


.blog-post.quote-post{
    background:#000;
    padding:40px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.blog-post.quote-post:hover{
    background:#111;
}
.blog-post.quote-post h6{
    letter-spacing:2px;
    font-family: 'Courgette', cursive;
    font-size: 15px;
    line-height:25px;
    text-align:left;
    padding-left:0;
    padding-right:0;
    padding-bottom:30px;
    color:#fff;
}
.blog-post.quote-post h6:hover{
    color:#fff;
}
/*.blog-post:hover.quote-post p{
}
.blog-post.quote-post p{
    text-align:left;
    text-transform:uppercase;
    color:#fff;
    font-weight:800;
    letter-spacing:3px;
    padding-left:0;
    padding-right:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}*/




nav[role="navigation"] {
  text-align: center;
}

.cd-pagination {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
}
.cd-pagination li.button-pag {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  font-size: 11px;
  letter-spacing:2px;
    font-weight:600;
}
.cd-pagination a {
    border: 1px solid #e6e6e6;
    border-radius: 0.25em;
    color:#000;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.no-touch .cd-pagination a:hover {
    background-color: #000;
    border: 1px solid #000;
    color:#fff;
}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
    color:#fff;
    pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button-pag:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button-pag:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
    color: #ffffff;
    pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .cd-pagination li {
    display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-pagination {
  }
}

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

No space - remove distance between list items

-------------------------------- */
.cd-pagination.no-space {
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid #e6e6e6;
}
.cd-pagination.no-space:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.no-space li {
  margin: 0;
  float: left;
  border-right: 1px solid #e6e6e6;
}
.cd-pagination.no-space li:last-of-type {
  border-right: none;
}
.cd-pagination.no-space a, .cd-pagination.no-space span {
  float: left;
  border-radius: 0;
  border: none;
}
.cd-pagination.no-space li:first-of-type a {
  border-radius: 0.25em 0 0 0.25em;
}
.cd-pagination.no-space li:last-of-type a {
  border-radius: 0 0.25em 0.25em 0;
}

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

move buttons - move prev and next buttons to the sides

-------------------------------- */
.cd-pagination.move-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.move-buttons .button-pag:first-of-type {
  float: left;
}
.cd-pagination.move-buttons .button-pag:last-of-type {
  float: right;
}

.cd-pagination.no-space.move-buttons {
  width: 90%;
  max-width: 768px;
  display: block;
  overflow: hidden;
}
.cd-pagination.no-space.move-buttons li {
  float: none;
  border: none;
}
.cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span {
  float: none;
}

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

custom icons - customize the small arrow inside the next and prev buttons 

-------------------------------- */
.cd-pagination.custom-icons .button-pag a {
  position: relative;
}
.cd-pagination.custom-icons .button-pag:first-of-type a {
  padding-left: 2.4em;
}
.cd-pagination.custom-icons .button-pag:last-of-type a {
  padding-right: 2.4em;
}
.cd-pagination.custom-icons .button-pag:first-of-type a::before,
.cd-pagination.custom-icons .button-pag:last-of-type a::after {
  content: '';
  position: absolute;
  display: inline-block;
  /* set size for custom icons */
  width: 16px;
  height: 16px;
  top: 50%;
  /* set margin-top = icon height/2 */
  margin-top: -8px;
  background: transparent url("../images/cd-icon-arrow-1.svg") no-repeat center center;
}
.cd-pagination.custom-icons .button-pag:first-of-type a::before {
  left: .8em;
}
.cd-pagination.custom-icons .button-pag:last-of-type a::after {
  right: .8em;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

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

custom buttons - replace prev and next buttons text with a custom icon 

-------------------------------- */
.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {
  vertical-align: middle;
}
.cd-pagination.custom-buttons .button-pag a {
  /* set custom width */
  width: 40px;
  /* image replacement */
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  color: transparent;
  background-image: url("../images/cd-icon-arrow-2.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.cd-pagination.custom-buttons .button-pag:last-of-type a {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no-touch .cd-pagination.custom-buttons .button-pag:last-of-type a:active {
  -webkit-transform: scale(0.9) rotate(180deg);
  -moz-transform: scale(0.9) rotate(180deg);
  -ms-transform: scale(0.9) rotate(180deg);
  -o-transform: scale(0.9) rotate(180deg);
  transform: scale(0.9) rotate(180deg);
}

.cd-pagination.no-space.custom-buttons .button-pag:last-of-type a {
  border-radius: 0.25em 0 0 0.25em;
}

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

animated buttons - animate the text inside prev and next buttons 

-------------------------------- */
.cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span {
  padding: 0 1.2em;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
}
.cd-pagination.animated-buttons .button-pag a {
  position: relative;
  padding: 0 2em;
}
.cd-pagination.animated-buttons .button-pag:first-of-type a::before,
.cd-pagination.animated-buttons .button-pag:last-of-type a::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  right: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-pagination.animated-buttons .button-pag:last-of-type a::after {
  -webkit-transform: translateX(-50%) rotate(180deg);
  -moz-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  -o-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}
.cd-pagination.animated-buttons i {
  display: block;
  height: 100%;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.no-touch .cd-pagination.animated-buttons .button-pag a:hover i {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-touch .cd-pagination.animated-buttons .button-pag:first-of-type a:hover::before {
  -webkit-transform: translateX(-50%) translateY(-50px);
  -moz-transform: translateX(-50%) translateY(-50px);
  -ms-transform: translateX(-50%) translateY(-50px);
  -o-transform: translateX(-50%) translateY(-50px);
  transform: translateX(-50%) translateY(-50px);
}

.no-touch .cd-pagination.animated-buttons .button-pag:last-of-type a:hover::after {
  -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -moz-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -o-transform: translateX(-50%) rotate(180deg) translateY(50px);
  transform: translateX(-50%) rotate(180deg) translateY(50px);
}

/**/
#filter {
    position:relative;
    width:100%;
    text-align: center;
}

#filter li {
    display: inline-block;
    text-align: center;
}
#filter:after {
  content: '';
  display: block;
  clear: both;
}
#filter li a {
    position: relative;
    display: inline-block;
    letter-spacing:3px;
    font-family: 'Courgette', cursive;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px; 
    margin-bottom:5px;
    text-align: center;
    outline: none;
    color: #666666;
    margin-left:10px;
    margin-right:10px;
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#filter li .current {
}
#filter li a:hover {
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
       -moz-transition-duration: 0.6s;
            transition-duration: 0.6s;
}
.isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
            transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:         top, left, opacity;
            transition-property:         transform, opacity;
}

@media (max-width: 425px) {
    .tp-rightarrow.tparrows.default.round, .tp-leftarrow.tparrows.default.round { display: none !important;}
    /*.tp-rightarrow.tparrows.default.round { right: 0 !important;}
    .tp-leftarrow.tparrows.default.round { left: 0 !important;}*/
}


/* Bootstrap 切成五等份 */
/* define bootstrap 5 columns */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-1-5 {
  width: 20%;
  float: left;
}
 
@media (min-width: 768px) {
  .col-sm-1-5 {
  width: 20%;
  float: left;
  }
}
@media (min-width: 992px) {
  .col-md-1-5 {
  width: 20%;
  float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-1-5 {
  width: 20%;
  float: left;
  }
}

#backToTop { position: fixed;}

.img-responsive {
    margin: 0 auto;
    text-align: center;
}

/*20170502 - Bootstrap slider*/
.slider { margin-top: 110px;}
@media ( max-width: 425px) {
    .slider { margin-top: 80px;}
}

.carousel-caption { 
    text-shadow: none; 
    padding: 0; 
    margin: 0;
    top: auto;
    right: auto;
    bottom: 50px;
    left: 20%;
    background: rgba(255,255,255,0.9);
}
.carousel-caption h1{
    display: inline-block;
    color: #13bfbc;
    font-size: 50px;
    font-family: 'NexaBold','Noto Sans TC',"微軟正黑體", Arial;
    font-weight: 100;
    line-height: 1.25;
    padding-top: 10px;
    text-align: left;
    /*padding-top: 20%;*/
}
.carousel-caption h1 small { display: block; color: #fff; font-size: 15px; letter-spacing: 5px; line-height: 1; background: rgba(19,191,188,0.9); padding: 10px 10px 10px 15px;}
.carousel-caption h3{
    display: inline-block;
    color: #13bfbc;
    font-size: 50px;
    font-family: 'NexaBold','Noto Sans TC',"微軟正黑體", Arial;
    font-weight: 100;
    line-height: 1.25;
    padding-top: 10px;
    text-align: left;
    /*padding-top: 20%;*/
}
.carousel-caption h3 small { display: block; color: #fff; font-size: 15px; letter-spacing: 5px; line-height: 1; background: rgba(19,191,188,0.9); padding: 10px 10px 10px 15px;}

.carousel-caption p { margin: 0; padding-top: 1%; text-align: left;}
.carousel-caption a.crownBtn {
    display: block;
}
.carousel-caption2 {
    position: absolute;
    bottom: 20px;
    left: 20%;
    background: rgba(255,255,255,0.75);
}
.carousel-caption2 h1 {
    color: #13bfbc;
    text-align: left;
    padding: 20px 20px 15px 30px;
    transform: scaleX(0.85);
    transform-origin: left;
}
.carousel-caption2 h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1.4px;
    line-height: 1;
    font-family: 'NexaBold',Noto Sans TC;
    padding: 7px 10px 3px 25px;
    margin: 0 20px 20px 0;
    background: #13bfbc;
}
.carousel-caption2 h3 {
    color: #13bfbc;
    text-align: left;
    padding: 20px 20px 15px 30px;
    transform: scaleX(0.85);
    transform-origin: left;
    font-size: 36px;
}
@media (max-width: 1400px) {
    .carousel-caption2 { left: 10%;}
}
@media (max-width: 991px) {
    .carousel-caption h1{ padding-top: 10%;}
    .carousel-caption h3{ padding-top: 10%;}
    .carousel-caption p { padding-top: 5%;}
    .carousel-caption2 { left: 0;}
}
@media (max-width: 768px) {
    .carousel-caption h1{ font-size: 20px;}
    .carousel-caption h1 small { font-size: 13px;}
    .carousel-caption h3{ font-size: 20px;}
    .carousel-caption h3 small { font-size: 13px;}
    .carousel-caption a.crownBtn { height: auto; padding: 10px 15px; font-size: 13px;}
}
@media (max-width: 640px) {
    /*.carousel-caption { display: none;}*/
    .carousel-caption2 { display: none;}
}

/*.carousel-caption {
    bottom: auto;
    top: 0;
}*/
.carousel-inner > .item > img { margin: 0 auto;}
.carousel-control.left,
.carousel-control.right {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    transition: all 300ms ease-out;
}
.carousel-control.left:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.25+25,0+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.25) 25%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 25%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 25%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    transition: all 500ms ease-out;
}
.carousel-control.right:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.25+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#40ffffff',GradientType=1 ); /* IE6-9 */
    transition: all 500ms ease-out;
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
    position: absolute;
    top: calc(50% - 25px);
    z-index: 5;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-top: -15px;
    font-size: 70px;
}
.carousel-control .fa-angle-left, 
.carousel-control .icon-prev {
    margin-left: -15px;
}
.carousel-control .fa-angle-right, 
.carousel-control .icon-next {
    margin-left: -50px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border: 2px solid #ffffff;
    margin: 0;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
}

/*20170522*/
@media (min-width: 991px) {
    .bestspace .blogDec p.Autoskip { height: 80px;}
    .news .singleBlog .blogDec p.Autoskip { height: 80px;}
}

@media (max-width: 640px) {
    .carousel-caption h1 { padding: 5px; font-size: 13px; color: #000; font-weight: 300;}
    .carousel-caption h3 { /*padding: 5px;*/ font-size: 13px; color: #000; font-weight: 300;}
    .carousel-caption p { padding-top: 0;}
    .carousel-caption a.crownBtn { line-height: 1.25;}
    .carousel-caption { left: 15px; /*width: 170px;*/ bottom: 15px;}
    .carousel-indicators { display: none;}
}

/*20170523*/


.social-btn 
{
    position: fixed;
    right: 60px;
    bottom: 140px;
    z-index: 99;
}

.social-btn a
{
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    color: #ffffff;
    margin-bottom: 5px;
    text-align: center;
}

.social-btn a:hover
{
    background: #818181;
}

.social-btn img
{
    width: 34px;
    margin-top: 17px;
}

.social-btn i
{
    font-size: 34px;
}

.social-btn .fb-btn
{
    background: #3b5998;
}

.social-btn .line-btn
{
    background: #00c300;
}

.social-btn .tel-btn
{
    background: #e56a33;
    line-height: 87px;
}

.cf-btn
{
    position: fixed;
    left: 45px;
    bottom: 140px;
    z-index: 99;
    animation: cf 3s infinite;
}

@keyframes cf
{  
  50%
  {
     bottom: 155px;
  }
  80%
  {
    bottom: 140px;
  }
}

.cf-btn a
{
    display: block;
    margin-bottom: 10px;
    /*width: 80px;
    height: 80px;
    border-radius: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #13bfbc;*/
}

.cf-btn a img
{
    width: auto;
    height: auto;
    /*max-width: 200px;*/
}

.cf-btn i
{
    color: #13bfbc;
    font-size: 24px;
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
}

.cf-btn i:hover
{
    color: #818181;
}

@media (max-width: 767px) {
  .cf-btn {
    left: 30px;
  }
}

@media (max-width: 480px) {
  .cf-btn {
    left: 15px;
  }
}



.cf-picture{
    position: relative;
}

.cf-picture i{
    position: absolute;
    right: -20px;
    top: -10px;
}



.project.page .content img
{
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .project.page .content img {
        margin-bottom: 15px;
    }
}

.agree-privacy
{
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.agree-privacy a
{
    color: #999;
}

.agree-privacy a:hover
{
    color: #13bfbc;
}

.agree-privacy a i
{
    padding-right: 6px;
}

.agree-privacy a span
{
    border-bottom: 1px dashed;
    padding-bottom: 3px;
}



.project-header{
  width:100%;
  height: 60px;
  margin:0 auto;
  position:relative;
  border-bottom: 1px solid #13bfbc;
  background: rgba(125,216,207,0.1);
}

.project-header ul,.project-header li{
  margin:0 auto;
  padding:0;
  list-style:none;
}
.project-header ul{
  width:100%;
  /*text-align: center;*/
}
.project-header li{
    display:inline-block;
    position:relative;
}

.project-header li a{/*main menu*/
    display: inline-block;
    font-size: 14px;
    padding: 0 32px;
    text-decoration: none;
    color: #13bfbc;
    letter-spacing: 2px;
}
.project-header li a:hover{
    background-color: rgba(125,216,207,0.9);
  color:#fff;
-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;

}
.project-header input{
    display:none;
    margin:0;
    padding:0;
    width:80px;
    height:30px;
    opacity:0;
    cursor:pointer;
}
.project-header label{
  display:none;
  width:35px;
  height:36px;
  line-height:36px;
  text-align:center;
  float:right;
  
}


.project-header label span{
    position:absolute;
    left:35px;
}
.project-header ul.menus{/*submenus*/
    height: auto;
    overflow: hidden;
    background: #383838;
    position: absolute;
    z-index: 99;
    display: none;
}
.project-header ul.menus li{
display: block;
width: 100%;
text-transform: none;
text-shadow: none;
}

.project-header ul.menus a{
color: #FFF;
line-height: 40px;  /*REV*/
  -webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

.project-header li:hover ul.menus{display:block;}
.project-header ul.menus a:hover{
  
background: #bebebe;
color: #222;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}





.header-off .project-fix,
.header-on .project-fix{
    background: rgba(255,255,255,0.9);
}

.header-on .slider,
.header-off .slider {
    margin-top: 30px;
}

.header-on .project-header{
    margin-top: 110px;
    border-top: 1px solid #13bfbc;
}

.header-off .project-header li a{
    line-height: 59px;
}

.header-on .project-header li a{
    line-height: 58px;
}

.header-on .project-header img,
.header-off .project-header img{
    width: auto;
    height: 40px;
    margin-top: 10px;
}

.header-off .project-fix{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.header-on .project-fix{
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 99;
    margin-top: 0;
}

.header-on .fixedHeader,
.header-off .fixedHeader,
.header-on .header1,
.header-off .header1 {
    transition: none!important;
}



@media screen and (max-width: 989px){
    .project-header ul{
      top:100%;
      left:0;
      height:auto;
      display:none;
      position:absolute;
      z-index:3;
      margin-top: 8px;
      }
    .project-header ul.menus{
      width:100%;
      position:static;
      padding-left:0px;
    }
    .project-header li{
      width:auto; 
      display:block;
      float:none;
    }
    .project-header li a {
        display: block;
        background-color: #FFF;
        border-bottom: 1px solid #eeeeee;
        line-height: 50px!important;
    }
    .project-header input,.project-header label{
      margin:0  2%;
      float:right;  
      display:block;  
      position:absolute;
      right: 0;
      top: -40px;
      color: #13bfbc;
    }
    .header-on .project-header {
        margin-top: 80px;
    }
    .header-on .project-fix {
        margin-top: 0;
    }
    .project-header input{z-index:4;}
    /*.project-header input:checked + label{color:#fff}*/
    .project-header input:checked ~ ul{display:block}
}

@media screen and (max-width: 767px){
    .header-on .slider, .header-off .slider {
        margin-top: 0;
    }
}


@media screen and (max-width: 1199px){
    .project.case iframe.video {
        height: 56vw!important;
    }    
}

.thans-txt
{
    text-align: center;
}

.thans-txt h3{
    font-size: 35px;
    font-weight: 400;
    color: #13bfbc;
    line-height: 1.2;
    margin-bottom: 15px;
}

.thans-txt p{
    color: #999;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
}

.thans-txt a {
    margin-top: 10px;
    display: inline-block;
    background: #13bfbc;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.3px;
    padding: 15px 38px;
    border: 2px solid #13bfbc;
    text-transform: uppercase;
    outline: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.thans-txt a:hover{
    color: #13bfbc;
    background: transparent;
    border: 2px solid #13bfbc;
}

@media screen and (max-width: 480px){
    .thans-txt
    {
        text-align: left;
    }
}

.carousel-inner.carousel-inner--full > .item > img {
    width: 100%;
}

.mt-0{
    margin-top: 0;
}

.slide--1{
    margin-top: 110px;
}

@media ( max-width: 425px) {
    .slide--1{margin-top: 80px;}
}


.container-fluid .text_box .img-responsive{
    width: 100%;
}


.project-page .container-fluid{
    padding-right: 0;
    padding-left: 0;
}

.container-fluid .pd-forem-area{
    padding-right: 15px;
    padding-left: 15px;
}