/*.cta-2 .cta-text,.panel-heading a,h6{
    letter-spacing:1px
}
.btn,.btn-isotop,body,html{
    -moz-osx-font-smoothing:grayscale
}
.header-wrapper .header-wrapper-inner .arrow-down a:hover,.main-navigation .navbar-brand a:focus,.main-navigation .navbar-brand a:hover,.panel-heading a:active,.panel-heading a:focus,.panel-heading a:hover,.testimonial .owl-controls a:active,.testimonial .owl-controls a:focus,.testimonial .owl-controls a:hover,.video-controls-box a:hover{
    text-decoration:none
}*/
body,html{
    position:relative;
    overflow-x:hidden
}
.page-loader{
    display:block;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:#000;
    z-index:100000
}
.loader{
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    font-size:10px;
    text-indent:-12345px;
    border-top:1px solid rgba(255,255,255,.08);
    border-right:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    border-left:1px solid rgba(255,255,255,.5);
    border-radius:50%;
    -webkit-animation:spinner .7s infinite linear;
    animation:spinner .7s infinite linear;
    z-index:100001
}
@-webkit-keyframes spinner{
    0%{
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spinner{
    0%{
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.container{
    position:relative;
    z-index:3
}
.color-overlay,.gradient-overlay,.overlay{
    min-width:100vw;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    bottom:0;
    right:0
}
.color-overlay{
    background:#000;
    opacity:.3
}
.gradient-overlay{
    opacity:.7;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhNTQ1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0a545d),color-stop(100%,rgba(0,0,0,.3)));
    background:-webkit-linear-gradient(top,#0a545d 0,rgba(0,0,0,.3) 100%);
    background:linear-gradient(to bottom,#0a545d 0,rgba(0,0,0,.3) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a545d', endColorstr='#4d000000', GradientType=0 )
}
.section{
    padding:90px 0;
    position:relative;
    z-index:5;
    background-color:#fff
}
.section.dark .section-heading h2,.section.dark .section-heading span{
    color:#fff
}
.section-heading{
    position:relative;
    text-align:center;
    color:#000;
    padding-bottom:10px;
    margin-bottom:90px;
    text-transform:uppercase
}
@media only screen and (max-width:992px){
    .section-heading{
        margin-bottom:60px
    }
}
.section-heading span{
    margin-bottom:15px;
    letter-spacing:1px;
    margin-top:0;
    font-size:12px
}
.section-heading::after{
    content:'';
    width:16px;
    height:1px;
    background-color:#000;
    position:absolute;
    left:-webkit-calc(50% - 8px);
    left:calc(50% - 8px);
    bottom:0
}
.dark-bg .section-heading{
    color:#fff
}
.dark-bg .section-heading::after{
    background-color:#fff
}
.check-list{
    padding:0;
    list-style-type:none
}
.check-list li{
    position:relative;
    padding-left:30px
}
.check-list li::before{
    content:"\f00c";
    font-family:FontAwesome;
    position:absolute;
    left:0
}
@-webkit-keyframes hvr-hang{
    0%,100%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
    50%{
        -webkit-transform:translateY(4px);
        transform:translateY(4px)
    }
}
@keyframes hvr-hang{
    0%,100%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
    50%{
        -webkit-transform:translateY(4px);
        transform:translateY(4px)
    }
}
@-webkit-keyframes hvr-hang-sink{
    100%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
}
@keyframes hvr-hang-sink{
    100%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
}
.text-xs-left{
    text-align:left
}
.text-xs-center{
    text-align:center
}
.text-xs-right{
    text-align:right
}
@media (min-width:768px){
    .text-sm-left{
        text-align:left!important
    }
    .text-sm-center{
        text-align:center!important
    }
    .text-sm-right{
        text-align:right!important
    }
}
@media (min-width:992px){
    .text-md-left{
        text-align:left!important
    }
    .text-md-center{
        text-align:center!important
    }
    .text-md-right{
        text-align:right!important
    }
}
::-moz-selection{
    background:#000;
    color:#fff
}
::-webkit-selection{
    background:#000;
    color:#fff
}
::selection{
    background:#000;
    color:#fff
}
#totop{
    position:fixed;
    bottom:7px;
    right:7px;
    z-index:999;
    background:#fff;
    display:none;
    height:28px;
    width:28px;
    text-align:center;
    line-height:28px;
    font-size:14px;
    color:#000;
    opacity:.6;
    border-radius:2px
}
.clients .client-image img,.footer-widgets .content-wrap.widget-gallery a:hover{
    opacity:.75
}
img{
    max-width:100%
}
.form-control{
    border-radius:2px;
    border:1px solid #DFDFDF;
    box-shadow:none
}
.form-control:focus{
    box-shadow:none;
    border-color:rgba(0,0,0,.8)
}
#icons,.icons-wrap{
    margin-top:40px;
    margin-bottom:80px
}
#icons i,#icons li,.icons-wrap i,.icons-wrap li{
    display:inline-block;
    margin:0 20px 20px 0;
    height:50px;
    width:50px;
    line-height:50px;
    text-align:center;
    border:1px solid #dadada;
    font-size:2em
}
ul#icons{
    list-style:none;
    padding:0
}
a:focus{
    outline:0
}
.pagination a{
    border:1px solid #eaeaea;
    display:inline-block;
    text-transform:uppercase;
    text-align:center;
    color:#999;
    padding:4px 12px
}
.pagination a.active{
    border-color:#CACACA
}
.navbar-toggle{
    border:0
}
.alert,.btn{
    border-radius:2px
}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
    margin-left:0
}
.carousel-control.left,.carousel-control.right{
    background:0 0
}
.cta-1,.cta-2{
    background-color:#000
}
.alert{
    padding:5px 12px
}
.nav-tabs>li>a{
    border-radius:2px 2px 0 0;
    color:#898989
}
.panel-heading{
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    padding:0
}
.nav-tabs{
    margin-bottom:30px
}
.panel-title{
    font-size:14px
}
.panel-heading a{
    position:relative;
    display:block;
    word-spacing:initial;
    padding:10px 15px
}
.panel-heading a:after{
    position:absolute;
    content:"\f106";
    top:50%;
    right:15px;
    font-family:FontAwesome;
    line-height:1;
    font-size:14px;
    margin-top:-7px
}
.panel-heading a.collapsed:after{
    content:"\f107"
}
.cta-1 .call-to-action{
    text-align:center;
    color:#fdfdfd;
    background-size:contain;
    padding:50px 0
}
.cta-1 .call-to-action .cta-text{
    color:#fff;
    margin-bottom:30px;
    margin-top:0;
    text-transform:capitalize;
    font-size:22px
}
.cta-2{
    padding:30px 0
}
.cta-2 .cta-text{
    color:#fff;
    margin:0 30px 0 0;
    line-height:30px;
    text-transform:capitalize;
    font-size:16px
}
h1,h5{
    margin-bottom:15px
}
@media only screen and (max-width:767px){
    .cta-2 .cta-text{
        font-size:13px;
        line-height:20px;
        display:block;
        margin-right:0
    }
}
@media only screen and (max-width:992px){
    .cta-2 .btn{
        margin-top:15px
    }
}
h1,h2{
    margin-top:0;
    text-transform:uppercase
}
body,html{
    min-height:100%;
    color:#595959;
    font-family:Roboto,sans-serif;
    font-weight:400;
    line-height:1.45;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility
}
h1,h2,h3,h4,h5{
    font-family:Raleway,sans-serif;
    color:#000;
}
h1{
    font-size:60px;
    font-weight:100;
    letter-spacing:8px
}
@media only screen and (max-width:767px){
    h1{
        font-size:42px;
        letter-spacing:4px
    }
}
h2{
    font-size:36px;
    font-weight:300;
    margin-bottom:0;
    word-spacing:8px;
    letter-spacing:2px
}
@media only screen and (max-width:767px){
    h2{
        font-size:30px;
        letter-spacing:1px;
        word-spacing:2px
    }
}
h3{
    font-size:30px;
    margin-bottom:20px;
    text-transform:uppercase
}
h4{
    font-size:18px;
    word-spacing:3px;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:25px
}
@media only screen and (max-width:992px){
    h4{
        letter-spacing:1px
    }
}
h5{
    font-size:16px;
    text-transform:uppercase
}
h6{
    text-transform:uppercase;
    font-size:12px
}
p{
    font-size:14px;
    line-height:1.6;
    letter-spacing:.025em
}
p.led{
    font-size:1.2em;
    margin-bottom:40px
}
p.led:first-letter{
    font-size:4em;
    float:left;
    line-height:50px
}
.dark-bg h1,.dark-bg h2,.dark-bg h3{
    color:#fff
}
blockquote p{
    font-family:serif;
    font-style:italic;
    font-size:18px;
    letter-spacing:0
}
.btn,.main-navigation .navbar-brand a{
    text-transform:uppercase;
    letter-spacing:2px
}
.plain-list li{
    line-height:2.2em
}
.btn{
    font-size:12px;
    padding:10px 35px;
    line-height:6px;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:relative;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.btn:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transition-property:-webkit-transform;
    transition-property:transform;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.btn:active,.btn:focus,.btn:hover{
    color:#fff;
    outline:0
}
.btn:active:before,.btn:focus:before,.btn:hover:before{
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1)
}
.btn-default{
    background-color:#fff;
    border:1px solid #DFDFDF;
    color:#031313
}
.btn-default:before{
    background:#000
}
.btn-default:active,.btn-default:focus,.btn-default:hover{
    background-color:#fff;
    color:#fff
}
.btn-mild:before{
    background:#000
}
.btn-mild:active,.btn-mild:focus,.btn-mild:hover{
    color:#fff
}
.btn-dark{
    background-color:#000;
    color:#fdfdfd
}
.btn-dark:active,.btn-dark:focus,.btn-dark:hover{
    color:#000
}
.btn-default-o{
    background-color:transparent;
    border:1px solid #fff;
    color:#fff
}
.btn-default-o:focus,.btn-default-o:hover{
    color:#000
}
.btn-list{
    margin-bottom:0
}
.btn-list button{
    margin-right:15px;
    margin-bottom:15px
}
.btn.btn-round,.btn.btn-round.btn:before{
    border-radius:14px
}
.btn-lg{
    padding:15px 60px
}
.btn-sm{
    padding:8px 20px
}
.btn-xs{
    padding:6px 10px
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    color:#337ab7
}
.btn-success:active,.btn-success:focus,.btn-success:hover{
    color:#5cb85c
}
.btn-info:active,.btn-info:focus,.btn-info:hover{
    color:#46b8da
}
.btn-warning:active,.btn-warning:focus,.btn-warning:hover{
    color:#eea236
}
.btn-danger:active,.btn-danger:focus,.btn-danger:hover{
    color:#d43f3a
}
.main-navigation{
    border-bottom-color:rgba(255,255,255,.26);
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.main-navigation .navbar-brand{
    font-family:Raleway,sans-serif;
    height:auto;
    padding:22px 15px 10px;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
}
.main-navigation .navbar-brand a{
    margin: 10px auto 0px;
	display: block;
	color: transparent;
	font-size: 30px;
	text-transform: none
}
.main-navigation .navbar-brand a em{
    font-style:normal;
    text-transform:lowercase;
    background-color:rgba(255,255,255,.3);
    width:8px;
    display:inline-block;
    height:20px;
    text-align:center;
    letter-spacing:0;
    padding:10px;
    box-sizing:content-box;
    margin:0 5px;
    border-radius:2px
}
.main-navigation .navbar-toggle{
    padding:0 15px;
    color:#FFF;
    border-radius:2px;
    font-size:28px
}
.main-navigation .navbar-nav>.dropdown.open>a{
    background:0 0
}
.main-navigation .navbar-nav>.dropdown.open>a span{
    background:#fff;
    color:#000
}
@media only screen and (max-width:767px){
    .main-navigation .navbar-nav>.dropdown.open>a{
        border-bottom:1px solid rgba(73,71,71,.15)
    }
    .main-navigation .navbar-nav>.dropdown.open>a span{
        background:0 0;
        color:#fff
    }
    .main-navigation .navbar-nav li a{
        border-bottom:1px solid rgba(73,71,71,.15)
    }
}
.main-navigation .navbar-nav li a{
    color:rgba(255,255,255,.75);
    font-size:11px;
    letter-spacing:2px;
    margin-bottom:-1px;
    padding: 40px 20px 15px;
    text-transform:uppercase;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    position:relative
}
.main-navigation .navbar-nav li a span{
    padding:1px 4px;
    border-radius:2px;
    -webkit-transition:all .3s;
    transition:all .3s
}
.main-navigation .navbar-nav li a:focus,.main-navigation .navbar-nav li a:hover{
    background-color:rgba(255,255,255,0)
}
.main-navigation .navbar-nav li a:focus span,.main-navigation .navbar-nav li a:hover span{
    background:#fff;
    color:#000
}
@media only screen and (max-width:767px){
    .main-navigation .navbar-nav li a:focus span,.main-navigation .navbar-nav li a:hover span{
        background:0 0;
        color:#fff
    }
}
.main-navigation .navbar-nav li.active a{
    background-color:rgba(255,255,255,0)
}
.main-navigation .navbar-nav li.active a span{
    background:#fff;
    color:#000
}
.main-navigation .dropdown-toggle:after{
    position:absolute;
    display:block;
    right:0;
    top:67%;
    margin-top:-6px;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:9px;
    content:"\f107";
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.main-navigation .dropdown-toggle.open:after{
    content:"\f106"
}
@media (max-width:767px){
    .main-navigation .dropdown-toggle:after{
        right:7px
    }
    .main-navigation .open>.dropdown-toggle:after{
        content:"\f106"
    }
}
.main-navigation .dropdown-menu{
    background:rgba(26,26,26,.9);
    border-radius:0;
    border:0;
    padding:0;
    box-shadow:none;
    min-width:180px
}
.main-navigation .dropdown-menu li a{
    border-bottom:1px solid rgba(73,71,71,.15);
    padding:25px 20px;
    letter-spacing:2px;
    color:rgba(255,255,255,.76);
    font-size:11px;
    line-height:1px
}
.main-navigation .dropdown-menu li a:hover{
    color:#fff;
    background:#000;
    border-bottom-color:rgba(73,71,71,.15)
}
.main-navigation .dropdown-menu li.open>a{
    color:#fff;
    background:#000
}
.main-navigation .dropdown-menu li.open>a:hover{
    color:#fff
}
.main-navigation .dropdown-menu.left-side .dropdown-menu{
    border:0;
    border-right:1px solid rgba(73,71,71,.15);
    right:100%;
    left:auto
}
.main-navigation .dropdown-menu .dropdown-menu{
    border-left:1px solid rgba(73,71,71,.15);
    left:100%;
    right:auto;
    top:0;
    margin-top:0
}
@media only screen and (max-width:767px){
    .main-navigation .dropdown-menu .dropdown-menu{
        padding-left:30px
    }
}
@media only screen and (min-width:768px){
    .main-navigation .dropdown-menu .dropdown-toggle:after{
        content:'\f105';
        top:50%;
        right:8px
    }
}
.navbar-solid{
    background-color:rgba(0, 0, 0,.5);
}
.navbar-solid .navbar-brand{
    padding:10px 15px 8px
}
.navbar-solid .navbar-nav>li>a{
    padding:20px
}
.navbar-solid .dropdown-toggle:after{
    top:51%
}
@media only screen and (max-width:992px){
    .main-navigation .navbar-nav>li>a{
        padding:20px 10px 15px;
        letter-spacing:1px
    }
    .main-navigation .navbar-brand{
        padding:8px 0 0 15px
    }
}
@media only screen and (max-width:767px){
    .navbar-collapse{
        background-color:rgba(0,0,0,.9)
    }
}
.header-wrapper{
    background:url("https://photo.queenshop.com.tw/assets/images/backgrounds/bg-expertise.jpg") center center no-repeat;
    background-size:cover;
    display:table;
    height:100vh;
    width:100%;
    position:relative;
    z-index:1;
    overflow-x:hidden
}
@media screen and (max-width:767px) and (orientation:landscape){
    .header-wrapper{
        height:auto;
        min-height:100vh;
        padding:0
    }
}
.header-wrapper .header-wrapper-inner{
    display:table-cell;
    text-align:center;
    vertical-align:middle
}
.header-wrapper .header-wrapper-inner.flexslider .slides li{
    height:100vh;
    min-height:650px
}
.header-wrapper .header-wrapper-inner .intro p{
    color:rgba(255,255,255,.75);
    letter-spacing:4px;
    margin-bottom:80px;
    text-transform:uppercase
}
@media only screen and (max-width:992px){
    .header-wrapper .header-wrapper-inner .intro p{
        margin-bottom:30px
    }
}
.header-wrapper .header-wrapper-inner .arrow-down{
    bottom:10%;
    display:block;
    position:absolute;
    width:100%;
    z-index:3
}
@media only screen and (max-width:767px){
    .header-wrapper .header-wrapper-inner .arrow-down{
        bottom:0
    }
}
.header-wrapper .header-wrapper-inner .arrow-down a{
    display:inline-block;
    padding:20px 35px
}
.header-wrapper .header-wrapper-inner .arrow-down a i{
    font-size:2em;
    color:#fff;
    -webkit-animation:bounce 2s infinite;
    animation:bounce 2s infinite
}
@-webkit-keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,100%,20%,50%,80%{
        -ms-transform:translateY(0);
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -ms-transform:translateY(-20px);
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    60%{
        -ms-transform:translateY(-15px);
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
.video-controls-box{
    position:absolute!important;
    bottom:40px;
    left:0;
    width:100%;
    z-index:1
}
.video-controls-box a{
    display:inline-block;
    color:#fff;
    margin:0 5px 0 0
}
.bg-01{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/01.jpg")
}
.bg-02{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/02.jpg")
}
.bg-03{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/03.jpg")
}
.bg-04{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/04.jpg")
}
.bg-05{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/05.jpg")
}
.bg-06{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/06.jpg")
}
.bg-07{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/07.jpg")
}
.bg-08{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/08.jpg")
}
.bg-09{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/09.jpg")
}
.bg-10{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/10.jpg")
}
.bg-12{
    background-image:url("https://photo.queenshop.com.tw/assets/images/intro/12.jpg")
}
.header-classic{
    display:block;
    height:auto;
    overflow-y:hidden;
    padding:200px 0 90px
}
.header-classic .header-wrapper-inner{
    display:block
}
.header-inner{
    padding-top:200px;
    background-color:#fff;
    background-size:cover;
    text-align:center;
}
.header-inner .breadcrumb{
    background-color:transparent;
    color:rgba(254,254,255,.7)
}
.header-inner .breadcrumb a{
    color:inherit
}
.header-inner .breadcrumb i{
    margin:0 10px
}
.flexslider{
    margin:0;
    border:0;
    display:block!important
}
.flexslider .slides img {
     max-height: 650px;
     width: auto;
/*     max-width: 100%;*/
    
     margin: 0 auto 
}
.flexslider .slides>li{
    background-position-x:center;
    background-position-y:center;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat
}
.flexslider .slides>li .intro-wrapper{
    display:table;
    width:100%;
    height:100vh
}
.flexslider .slides>li .intro-wrapper>.intro{
    display:table-cell;
    vertical-align:middle;
    position:relative;
    z-index:1
}
.slider-classic{
    display:block;
    height:auto;
    overflow-y:hidden
}
.slider-classic .flexslider .slides>li{
    height:auto!important;
    padding:200px 0 90px;
    min-height:auto!important
}
.flex-direction-nav a{
    height:50px;
    top:50vh
}
.flex-direction-nav a.flex-prev:before{
    content:"\f3d2"
}
.flex-direction-nav a.flex-next:before{
    content:"\f3d3"
}
.flex-direction-nav a:before{
    font-family:Ionicons;
    color:#fff
}
.team{
    background-color:bg-base-color
}
.team .lborder{
    border-left:1px solid #dadada
}
.team .rborder{
    border-right:1px solid #dadada
}
.team .team-bio{
    margin-bottom:15px;
    padding:0 40px
}
@media only screen and (max-width:992px){
    .team .team-bio{
        padding:0
    }
}
.team .team-bio figure{
    overflow:hidden;
    padding:40px
}
.team .team-bio figure img{
    border-radius:100%
}
@media only screen and (max-width:767px){
    .team .lborder{
        border-left:none
    }
    .team .rborder{
        border-right:none
    }
    .team .team-bio{
        margin-bottom:45px
    }
    .team .team-bio figure{
        padding:15px 22%
    }
}
.team .team-bio .team-description{
    text-align:center
}
.team .team-bio .team-description .member-name{
    font-size:20px;
    text-transform:capitalize;
    letter-spacing:1px;
    margin-bottom:5px
}
.team .team-bio .team-description .designation{
    text-transform:uppercase;
    font-size:12px
}
.team .team-social{
    padding:15px 15px 0
}
.team .social-block{
    margin:0;
    list-style-type:none;
    padding:0;
    text-align:center
}
.team .social-block li{
    display:inline-block;
    margin-right:10px
}
.team .social-block li a{
    display:block;
    font-size:16px;
    color:#8E8E8E;
    padding:2px 8px;
    -webkit-transition:all .3s;
    transition:all .3s
}
.team .social-block li a:hover{
    color:#000
}
.expertise{
    background:url("https://photo.queenshop.com.tw/assets/images/backgrounds/bg-0131.jpg") center center no-repeat
}
.expertise .section-heading h1,.expertise .section-heading p{
    color:#fff
}
.expertise .section-heading::after{
    background-color:#fff
}
.expertise .expertise-description{
    margin-bottom:25px
}
.expertise .nav-tabs{
    border-bottom:0
}
.expertise .nav-tabs>li>a{
    margin-right:4px;
    border:0;
    border-radius:0;
    border-bottom:2px solid rgba(227,225,225,0);
    color:#fdfdfd;
    font-weight:400;
    text-transform:uppercase;
    -webkit-transition:all .3s;
    transition:all .3s
}
.expertise .nav-tabs>li>a:hover{
    border-bottom-color:#e3e1e1
}
.expertise .nav-tabs>li.active>a,.expertise .nav-tabs>li.active>a:focus,.expertise .nav-tabs>li.active>a:hover{
    color:#fdfdfd;
    background:0 0;
    border:0;
    border-bottom:2px solid #e3e1e1
}
.expertise .tab-content{
    margin-top:10px;
    padding:10px;
    color:#E3E1E1
}
.expertise .tab-content p{
    color:#fff
}
.expertise .tab-content .tab-left{
    float:left;
    margin-right:20px
}
.expertise .tab-content .tab-right{
    padding-right:40px
}
@media only screen and (max-width:767px){
    .expertise .expertise-description{
        margin-bottom:35px
    }
    .expertise .tab-content .tab-right{
        padding-right:0
    }
}
.expertise .nav>li>a:focus,.expertise .nav>li>a:hover{
    text-decoration:none;
    background:0 0
}
.expertise .progress-heading{
    color:#fff;
    font-weight:400;
    margin-bottom:10px;
    font-size:14px
}
.expertise .progress{
    background-color:#313131;
    border-radius:0;
    height:3px
}
.expertise .progress-bar{
    background-color:#fdfdfd;
    width:0;
    -webkit-transition:width 3s cubic-bezier(0,0,.2,1);
    transition:width 3s cubic-bezier(0,0,.2,1)
}
@media (min-width:992px){
    .expertise .expertise-description{
        margin-bottom:0
    }
}
.video-player{
    /*background:url("https://photo.queenshop.com.tw/assets/images/backgrounds/bg-video.jpg") center bottom no-repeat;*/
	background:url("https://photo.queenshop.com.tw/assets/images/0124/11/IMG_8011.jpg") center bottom no-repeat;
    background-size:cover;
    color:#fff;
    text-transform:uppercase
}
.video-player .video-left{
    text-align:center;
    font-weight:300;
    font-size:36px;
    line-height:36px;
    text-transform:uppercase;
    margin-top:0;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .video-player .video-left{
        margin-bottom:20px
    }
}
.video-player .video-icon{
    color:#fff;
    font-size:38px;
    border:1px solid #fff;
    width:68px;
    height:68px;
    position:relative;
    display:block;
    margin:4px auto 0
}
.video-player .video-icon i{
    position:absolute;
    top:14px;
    left:28px
}
.video-player .video-icon:active,.video-player .video-icon:focus,.video-player .video-icon:hover{
    color:#000
}
.video-player .video-right{
    color:#fff;
    font-size:16px;
    line-height:20px
}
@media only screen and (max-width:767px){
    .video-player .video-icon{
        margin-bottom:20px
    }
    .video-player .video-right{
        text-align:center
    }
}
@media (min-width:768px){
    .video-player{
        padding:190px 0
    }
    .video-player .video-left{
        text-align:right;
        padding-right:30px
    }
    .video-player .video-right{
        padding-left:30px;
        padding-top:7px
    }
    .video-player .video-right h2{
        margin-top:0
    }
}
#video-container{
    display:none
}
.portfolio{
    background-color:#fff;
    padding-bottom:0
}
.portfolio .section-content{
    color:#fdfdfd
}
.portfolio .section-content .portfolio-images{
    height:400px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-bottom:26px;
    position:relative
}
.portfolio .section-content .isotop-filter{
    text-align:center;
    margin-bottom:35px
}
.portfolio .section-content .element-item{
    margin-bottom:15px;
    cursor:pointer
}
.portfolio .portfolio-grid{
    padding:5px
}
.da-thumbs{
    list-style:none;
    position:relative;
    padding:0;
    margin:0
}
.da-thumbs li{
    float:left;
    background:#fff;
    position:relative;
    width:25%;
    padding:5px
}
@media only screen and (max-width:992px){
    .da-thumbs li{
        width:33%
    }
}
@media only screen and (max-width:767px){
    .da-thumbs li{
        width:50%
    }
}
.portfolio-grid.three-col li{
    width:33.333%
}
@media only screen and (max-width:992px){
    .portfolio-grid.three-col li{
        width:33%
    }
}
@media only screen and (max-width:767px){
    .portfolio-grid.three-col li{
        width:50%
    }
}
.da-thumbs li.x2,.portfolio-grid.two-col li{
    width:50%
}
.da-thumbs li a,.da-thumbs li a img{
    display:block;
    position:relative;
    width:100%
}
.da-thumbs li a{
    overflow:hidden
}
.da-thumbs li a .portfolio-detail-overlay{
    position:absolute;
    background:#fff;
    background:rgba(0,0,0,.7);
    padding:20px;
    text-align:center;
    width:100%;
    height:100%
}
.da-thumbs li a div span{
    text-transform:uppercase;
    color:rgba(255,255,255,.85);
    padding:2px;
    font-size:12px;
    display:block;
    letter-spacing:1px
}
.portfolio-detail-overlay h4{
    color:#FFF;
    margin-top:0;
    font-size:14px;
    margin-bottom:15px;
    letter-spacing:2px;
    font-family:Rototo sans-serif
}
.portfolio-detail-overlay .middle-align-wrap{
    display:table;
    height:100%;
    width:100%
}
.portfolio-detail-overlay .middle-align-wrap .middle-align-cell{
    display:table-cell;
    vertical-align:middle
}
.btn-isotop{
    background:0 0;
    border:0;
    padding:6px 20px 15px;
    color:#000;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:relative;
    overflow:hidden
}
.btn-isotop:before{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    right:50%;
    top:20px;
    background:#000;
    height:1px;
    -webkit-transition-property:left,right;
    transition-property:left,right;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.btn-isotop:active,.btn-isotop:focus,.btn-isotop:hover{
    color:#000;
    box-shadow:none;
    outline:0!important
}
.btn-isotop:active:before,.btn-isotop:focus:before,.btn-isotop:hover:before{
    left:0;
    right:0
}
.portfolio-details-single{
    margin-top:60px
}
.portfolio-details-single h3{
    margin-bottom:40px;
    position:relative
}
.portfolio-details-single h3:before{
    position:absolute;
    content:'';
    width:60px;
    background-color:#000;
    height:1px;
    bottom:-15px
}
.portfolio-details-single ul{
    list-style:none;
    line-height:2.5em;
    padding-left:0
}
.testimonial{
    background:url("https://photo.queenshop.com.tw/assets/images/backgrounds/bg-testimonial.jpg") center center no-repeat;
    color:#fdfdfd;
    background-size:cover
}
.testimonial .carosel-wrapper{
    position:relative
}
.testimonial .carosel-wrapper .client-face-holder{
    position:absolute;
    width:106px;
    height:106px;
    overflow:hidden;
    border-radius:50%;
    top:-50px;
    left:-50px;
    z-index:1;
    border:2px solid rgba(255,255,255,.2)
}
@media only screen and (max-width:767px){
    .testimonial .carosel-wrapper{
        margin-top:40px
    }
    .testimonial .carosel-wrapper .client-face-holder{
        left:50%;
        margin-left:-53px
    }
}
.testimonial .carosel-wrapper .client-face-holder #clientFace{
    height:-webkit-calc(100% - 6px);
    height:calc(100% - 6px);
    position:absolute;
    width:-webkit-calc(100% - 6px);
    width:calc(100% - 6px);
    background-color:#000;
    background-image:url("https://photo.queenshop.com.tw/assets/images/team/team-1.jpg");
    background-size:cover;
    background-position-x:center;
    background-position-y:center;
    border-radius:50%;
    left:3px;
    top:3px;
    -webkit-transition:all .4s ease-in;
    transition:all .4s ease-in
}
.testimonial #testimonials-carousel{
    border:1px solid rgba(255,255,255,.2);
    padding:40px 80px 40px 100px
}
@media only screen and (max-width:767px){
    .testimonial #testimonials-carousel{
        padding:70px 30px 30px
    }
}
.testimonial #testimonials-carousel .review{
    position:relative
}
.testimonial #testimonials-carousel .review blockquote{
    border:0;
    padding:0;
    letter-spacing:1px;
    font-size:14px;
    line-height:24px
}
.testimonial #testimonials-carousel .review .reviewer{
    font-weight:600;
    color:#FFF;
    font-size:20px;
    margin-bottom:0
}
.testimonial #testimonials-carousel .review .designation{
    text-transform:uppercase;
    margin:0;
    color:#FFF;
    font-size:12px;
    line-height:16px
}
.testimonial .quote{
    font-family:sans-serif;
    position:absolute;
    font-size:100px;
    font-weight:100;
    font-style:italic;
    z-index:-1
}
.testimonial .quote.left{
    line-height:100%;
    top:25px;
    left:40px
}
@media only screen and (max-width:767px){
    .testimonial .quote.left{
        top:36px;
        left:0
    }
}
.testimonial .quote.right{
    line-height:0;
    bottom:50px;
    right:56px
}
.testimonial .owl-controls{
    position:absolute;
    top:-webkit-calc(50% - 52px);
    top:calc(50% - 52px);
    width:100%
}
.testimonial .owl-controls a{
    color:#FFF;
    font-size:24px;
    padding:40px;
    line-height:0;
    position:absolute
}
.testimonial .owl-controls a.prev{
    left:-90px
}
.testimonial .owl-controls a.next{
    right:-90px
}
@media only screen and (max-width:767px){
    .testimonial .owl-controls{
        top:-webkit-calc(50% - 22px);
        top:calc(50% - 22px)
    }
    .testimonial .owl-controls a{
        padding:10px
    }
    .testimonial .owl-controls a.prev{
        left:0
    }
    .testimonial .owl-controls a.next{
        right:0
    }
}
.about-us .section-content .about-content{
    text-align:center;
    margin-bottom:0;
    padding:25px
}
.about-us .section-content .about-content.left{
    text-align:right
}
.about-us .section-content .about-content.right{
    text-align:left
}
@media only screen and (max-width:992px){
    .about-us .section-content .about-content{
        padding:0
    }
}
@media only screen and (max-width:767px){
    .about-us .section-content .about-content{
        margin-bottom:30px
    }
    .about-us .section-content .about-content.left,.about-us .section-content .about-content.right{
        text-align:center
    }
    .about-us .section-content .about-content.center{
        margin-bottom:40px
    }
    .about-us .section-content .about-content.right{
        margin-bottom:0
    }
}
.about-us .section-content figure.about-content{
    padding-top:10px
}
.about-us .section-content h4{
    margin-top:25px
}
@media only screen and (max-width:992px){
    .about-us .section-content h4{
        margin-top:0;
        margin-bottom:15px
    }
}
.services{
    background:#fff;
    background-size:cover
}
.services .service{
    padding:30px 15px;
    position:relative;
    margin-bottom:20px;
    -webkit-transition:all .3s cubic-bezier(.63,.32,.05,.39) 0s;
    transition:all .3s cubic-bezier(.63,.32,.05,.39) 0s
}
.services .service::after,.services .service::before{
    position:absolute;
    content:''
}
.services .service.last{
    margin-bottom:0
}
@media only screen and (max-width:992px){
    .services .service{
        padding:2px;
        margin-bottom:40px
    }
}
.services .service .service-icon span{
    font-size:4em
}
.services .section-content .secondrow .service{
    margin-bottom:0
}
.services .service::before{
    top:-3px;
    left:1px;
    width:-webkit-calc(100% - 2px);
    width:calc(100% - 2px);
    height:103%;
    border-top:1px solid rgba(253,253,253,0);
    border-bottom:1px solid rgba(253,253,253,0);
    -webkit-transition:all .5s cubic-bezier(.63,.32,.05,.39) 0s;
    transition:all .5s cubic-bezier(.63,.32,.05,.39) 0s
}
.services .service::after{
    top:1px;
    left:-3px;
    width:-webkit-calc(100% + 6px);
    width:calc(100% + 6px);
    height:99%;
    border-right:1px solid rgba(253,253,253,0);
    border-left:1px solid rgba(253,253,253,0);
    -webkit-transition:all .5s cubic-bezier(.63,.32,.05,.39) 0s;
    transition:all .5s cubic-bezier(.63,.32,.05,.39) 0s
}
.blog-grid .blog-element img,.contact .section-content .google-map iframe{
    width:100%
}
.services .service:hover{
    background-color:#FAFAFA
}
.services .service:hover::after,.services .service:hover::before{
    border-color:#FAFAFA
}
.funfacts{
/*    background:center center no-repeat;*/
    background-size:cover
}
.funfacts .counter-box{
    text-align:center
}
@media only screen and (max-width:767px){
    .services .section-content .secondrow .service{
        margin-bottom:40px
    }
    .services .section-content .secondrow .service.last{
        margin-bottom:0
    }
    .funfacts .counter-box{
        margin-bottom:35px
    }
    .funfacts .counter-box.last{
        margin-bottom:0
    }
}
.funfacts .counter-box .counter-icon span{
    font-size:4em;
    color:#fff
}
.funfacts .counter-box .count{
    font-size:24px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#fff;
    margin-top:20px;
    margin-bottom:10px
}
@media only screen and (max-width:767px){
    .funfacts .counter-box .count{
        margin:0
    }
}
.funfacts .counter-box .count-description{
    color:#fff;
    font-size:15px;
    margin-top:15px;
    text-transform:uppercase;
    letter-spacing:1px
}
@media only screen and (max-width:767px){
    .funfacts .counter-box .count-description{
        margin:0
    }
}
.contact{
    background-color:bg-base-color
}
.contact .section-content{
    color:#000
}
.contact .section-content h5{
    margin-bottom:30px;
    letter-spacing:1px;
    text-transform:none
}
.contact .section-content .contact-form{
    margin-bottom:30px
}
@media only screen and (max-width:767px){
    .contact .section-content .contact-form{
        margin-bottom:60px
    }
}
.contact .section-content .contact-form .form-group{
    margin-bottom:24px
}
.contact .section-content .contact-form .form-control{
    color:#000;
    border:1px solid #DDD;
    padding:6px 20px;
    border-radius:2px;
    height:auto;
    box-shadow:none
}
.contact .section-content .contact-form .form-control:focus{
    box-shadow:none;
    outline:0
}
.contact .section-content .contact-form textarea{
    min-height:160px
}
.contact .section-content #map{
    height:206px
}
.contact .section-content .google-map{
    margin-bottom:30px
}
.contact .section-content .contact-info-wrap h5{
    margin-bottom:15px!important;
    text-decoration:underline
}
.contact .section-content .contact-info-wrap .contact-info{
    line-height:20px;
    font-size:12px;
    letter-spacing:1px
}
@media (min-width:768px){
    .contact .section-content .contact-form{
        margin-bottom:0
    }
}
.contact-full-width{
    padding-bottom:0!important
}
.contact-full-width .contact-info-wrap{
    margin:60px 0
}
.contact-full-width #map{
    height:400px
}
.clients{
    background:#6EA2D5;
    background-size:cover;
    padding:60px 0
}
.clients .client-image {
    margin-bottom:20px
}
.clients .client-image img:hover{
    opacity:1
}
.clients .owl-theme .owl-controls{
    height:0;
    margin:20px 0 -20px
}
.clients1{
    background:#D9AFCA;
    background-size:cover;
    padding:60px 0
}
.client-overlay{
    position:relative
}
.client-overlay::before{
    content:'';
    background-color:rgba(48,48,48,.48);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:1
}
@media (min-width:768px){
    .clients .client-image{
        margin-bottom:0
    }
    .blog .blog-post header .image-slider-carousel .carousel-control.left{
        top:200px;
        bottom:5px;
        left:220px
    }
    .blog .blog-post header .image-slider-carousel .carousel-control.right{
        top:200px
    }
}
.blog .blog-post{
    margin-bottom:40px
}
.blog .blog-post header{
    position:relative
}
.blog .blog-post header .date{
    background-color:#fdfdfd;
    position:absolute;
    padding:10px;
    text-align:center;
    font-weight:500;
    z-index:9;
    color:#2c2c2c
}
.blog .blog-post .blog-content{
    padding:15px 28px;
    border:1px solid #f5f5f5
}
.blog .blog-post .blog-content h4{
    margin:20px 0;
    letter-spacing:1px
}
.blog .blog-post .blog-content h4 a{
    color:#333
}
.blog .blog-post .blog-content .post-meta{
    text-transform:uppercase;
    margin-bottom:18px;
    padding-bottom:10px;
    font-size:12px;
    border-bottom:1px solid #F5F5F5
}
.blog .blog-post .blog-content .post-meta span{
    color:#CCC
}
.blog .blog-post .blog-content .post-meta span:first-child a{
    color:#848484
}
.blog .blog-post .blog-content .post-meta span a{
    color:#CCC;
    border-bottom:1px transparent
}
.blog .blog-post .blog-content .post-meta span a:hover{
    text-decoration:none;
    border-bottom-style:solid;
    border-color:inherit
}
.blog .blog-post .blog-content .post-meta span{
    padding-right:10px;
    border-right:1px solid #CCC;
    margin-right:10px
}
.blog .blog-post .blog-content .post-meta span:last-child{
    margin-right:0;
    border-right:0;
    padding-right:0
}
.blog .blog-post .blog-content p{
    color:#67666a;
    line-height:22px
}
.blog .blog-post footer{
    border:1px solid #DDD;
    padding:0 15px
}
.blog .blog-post footer .comment-count,.blog .blog-post footer .read-more{
    padding-left:25px;
    color:#000;
    position:relative
}
.blog .blog-post footer .comment-count:focus,.blog .blog-post footer .comment-count:hover{
    color:#000
}
.blog .blog-post footer .read-more{
    padding-right:0;
    text-transform:uppercase
}
.blog .blog-post footer .read-more:focus,.blog .blog-post footer .read-more:hover{
    color:#000
}
@media (min-width:992px){
    .blog .blog-post header .image-slider-carousel .carousel-control.left{
        top:210px;
        bottom:5px;
        left:235px
    }
    .blog .blog-post header .image-slider-carousel .carousel-control.right{
        top:210px;
        right:10px;
        bottom:5px
    }
}
.blog-standard .blog-post{
    margin-bottom:80px
}
.blog-standard .blog-post:last-child{
    margin-bottom:0
}
.blog-standard .blog-post .featured-image{
    margin-bottom:30px
}
.blog-standard .blog-post .post-title{
    margin-bottom:15px
}
.blog-standard .blog-post .post-title>a{
    color:#5c5c5c
}
.blog-standard .blog-post .post-title>a:hover{
    color:#000;
    text-decoration:none
}
.blog-standard .blog-post .post-meta{
    color:silver;
    letter-spacing:1px;
    text-transform:uppercase;
    font-size:11px;
    margin-bottom:30px
}
.blog-standard .blog-post .post-meta a{
    color:#656565
}
.blog-standard .blog-post .post-meta span{
    margin:0 6px
}
.blog-standard .blog-post .read-more{
    margin-top:25px
}
.blog-standard .blog-post .read-more a{
    text-transform:uppercase;
    color:#000;
    -webkit-transition:all .2s;
    transition:all .2s
}
.blog-standard .blog-post .read-more a:hover{
    color:silver;
    text-decoration:none
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
    border-top-right-radius:2px;
    border-bottom-right-radius:2px
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}
.pagination>li{
    display:inline-block;
    margin-right:8px
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    background-color:#000;
    border-color:#000
}
.pagination>li>a,.pagination>li>span{
    color:#909090
}
.sidebar{
    padding:0 0 0 30px
}
.sidebar .widget{
    margin-bottom:60px
}
.sidebar .widget.popular-posts .widget-content ul{
    padding:15px 0 0;
    list-style:none;
    color:#b0b0b0
}
.sidebar .widget.popular-posts .widget-content ul li{
    margin-bottom:30px
}
.sidebar .widget.popular-posts .widget-content ul .thumb{
    margin-right:10px;
    margin-top:-10px
}
.sidebar .widget.popular-posts .widget-content ul .title{
    color:gray
}
.sidebar .widget.popular-tags a{
    margin-bottom:6px
}
.sidebar .widget.categories ul{
    list-style:none;
    padding:0
}
.sidebar .widget.categories ul li{
    line-height:3em
}
.sidebar .widget.categories ul li:before{
    content:"\f101";
    font:normal normal normal 14px/1 FontAwesome;
    margin-right:15px
}
.sidebar .widget.categories ul li a{
    color:#000
}
.sidebar .widget.categories ul li a:hover{
    color:gray
}
.left-sidebar .sidebar{
    padding:0 30px 0 0
}
.blog-grid .blog-element{
    max-height:290px;
    overflow:hidden
}
#disqus_thread{
    margin-top:40px
}
.pricing{
    background-color:bg-base-color
}
.pricing .price-box{
    background-color:#f9f9f9;
    color:#000;
    text-align:center;
    padding:40px 15px 20px;
    margin-bottom:25px
}
@media only screen and (max-width:767px){
    .pricing .price-box.last{
        margin-bottom:0
    }
}
.pricing .price-box h3{
    margin-bottom:30px;
    text-transform:uppercase;
    font-size:18px;
    margin-top:0
}
.pricing .price-box .btn-white{
    border-color:#e3e3e3
}
.pricing .price-box .price-info{
    position:relative;
    padding:0 15px 15px;
    margin-bottom:25px
}
.pricing .price-box .price-info .price{
    color:#313131;
    font-size:40px;
    font-weight:600;
    margin-bottom:40px
}
.pricing .price-box .price-info .price sup{
    font-size:20px;
    top:-18px;
    left:-2px
}
.pricing .price-box .price-info ul{
    list-style:none;
    margin:0;
    padding:0
}
.pricing .price-box .price-info ul li{
    display:block;
    margin-bottom:25px
}
.pricing .price-box .price-info ul .disabled{
    color:#c7c7c7;
    text-decoration:line-through
}
.pricing .featured{
    border:1px solid #000;
    background-color:#FFF
}
.pricing .featured h3{
    letter-spacing:10px
}
.subscribe{
    background:#000
}
.subscribe .btn-default{
    border-color:#fff;
    color:#000
}
.subscribe .subscribe-text{
    padding-left:60px;
    position:relative;
    margin-bottom:40px
}
.subscribe .subscribe-text h2{
    margin-top:0
}
.subscribe .subscribe-text h2,.subscribe .subscribe-text span{
    position:relative;
    z-index:2;
    color:#fff
}
.subscribe .subscribe-text span{
    text-transform:uppercase
}
.subscribe .subscribe-text::before{
    content:'';
    border-right:1px solid #313131;
    position:absolute;
    right:0;
    top:-15px;
    bottom:-15px;
    border-width:3px
}
.subscribe .subscribe-text::after{
    position:absolute;
    content:"\f003";
    font-family:FontAwesome;
    color:#313131;
    z-index:1;
    top:-29px;
    left:-12px;
    font-size:6em;
    -webkit-transform:rotate(-50deg);
    -ms-transform:rotate(-50deg);
    transform:rotate(-50deg)
}
.subscribe .subscribe-form{
    margin-top:10px;
    margin-bottom:10px
}
.subscribe .subscribe-form .input-group-addon{
    padding:0;
    border:0;
    background:rgba(255,255,255,.9);
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    -webkit-transition:background .3s;
    transition:background .3s
}
.subscribe .subscribe-form .input-group-addon:hover{
    background:rgba(255,255,255,.75)
}
.subscribe .subscribe-form input[type=email]{
    background:#FFF;
    border:1px solid rgba(255,255,255,.4);
    box-shadow:none;
    color:#000;
    border-top-left-radius:2px!important;
    border-bottom-left-radius:2px!important
}
.subscribe .subscribe-form input[type=submit]{
    border:0;
    color:#000;
    background-color:transparent
}
.subscribe .spam-text{
    color:rgba(255,255,255,.9);
    text-transform:uppercase;
    font-size:12px
}
@media (min-width:768px){
    .subscribe .subscribe-text{
        margin-bottom:0
    }
}
.why-choose-us .why-explain{
    position:relative
}
.why-choose-us .why-explain::before{
    content:"\f00c";
    font-family:FontAwesome;
    position:absolute;
    color:#EAEAEA;
    border:1px solid #E5E5E5;
    height:36px;
    width:36px;
    text-align:center;
    line-height:36px;
    border-radius:100%;
    background-color:#fff
}
.why-choose-us .why-explain.top::before{
    top:20px;
    left:0
}
.why-choose-us .why-explain.bottom::before{
    left:0
}
@media only screen and (max-width:767px){
    .subscribe .subscribe-text::before{
        display:none
    }
    .subscribe .spam-text{
        text-align:center;
        margin-bottom:0
    }
    .why-choose-us h4{
        margin-bottom:10px
    }
    .why-choose-us p{
        margin-bottom:35px
    }
    .why-choose-us p.last{
        margin-bottom:0
    }
    .why-choose-us .why-explain-wrap{
        text-align:center;
        margin-bottom:35px;
        border-bottom:1px solid #dadada
    }
    .why-choose-us .why-explain-wrap.last{
        border-bottom:none;
        margin-bottom:0
    }
}
@media (min-width:768px){
    .why-choose-us .why-us-image{
        margin-bottom:60px;
        margin-top:30px
    }
}
@media (min-width:992px){
    .why-choose-us .why-explain.bottom::after,.why-choose-us .why-explain.top::after{
        content:"";
        position:absolute;
        height:35px;
        right:0;
        border-left:1px solid #E5E5E5
    }
    .why-choose-us h4{
        margin:0 0 15px 25px
    }
    .why-choose-us .section-content p{
        padding:25px
    }
    .why-choose-us .why-explain{
        margin-right:25px
    }
    .why-choose-us .why-explain::before{
        -webkit-transition:.6s;
        transition:.6s;
        -webkit-transform-style:preserve-3d;
        transform-style:preserve-3d
    }
    .why-choose-us .why-explain.top{
        border-top:1px solid #E5E5E5;
        border-right:1px solid #E5E5E5;
        -webkit-perspective:1000;
        perspective:1000
    }
    .why-choose-us .why-explain.top::before{
        top:-19px;
        left:-32px
    }
    .why-choose-us .why-explain.top::after{
        bottom:-35px;
        border-top:1px solid #E5E5E5
    }
    .why-choose-us .why-explain.top-1::after{
        width:35%
    }
    .why-choose-us .why-explain.top-2::after{
        width:70%
    }
    .why-choose-us .why-explain.top-3::after{
        width:105%
    }
    .why-choose-us .why-explain.bottom{
        border-bottom:1px solid #E5E5E5;
        border-right:1px solid #E5E5E5;
        padding:0;
        -webkit-perspective:1000;
        perspective:1000
    }
    .why-choose-us .why-explain.bottom h4{
        padding-top:15px
    }
    .why-choose-us .why-explain.bottom::before{
        bottom:-19px;
        left:-32px
    }
    .why-choose-us .why-explain.bottom::after{
        top:-35px;
        border-bottom:1px solid #E5E5E5
    }
    .why-choose-us .why-explain.bottom-1::after{
        width:0;
        right:-1px
    }
    .why-choose-us .why-explain.bottom-2::after{
        width:25%
    }
    .why-choose-us .why-explain.bottom-3::after{
        width:65%
    }
    .why-choose-us .why-explain-wrap:hover .why-explain::before{
        background-color:#fdfdfd;
        color:#313131
    }
}
.our-process{
    background-color:#fff;
    padding-bottom:0
}
.our-process .section-content{
    margin:0 136px
}
@media only screen and (max-width:992px){
    .why-choose-us .why-explain::before{
        display:none
    }
    .our-process .section-content{
        margin:0
    }
}
.our-process .our-process-image{
    height:8em;
    width:8em;
    border:1px solid #000;
    border-radius:50%;
    text-align:center;
    display:table;
    margin-bottom:10px;
    float:right;
    margin-left:40px
}
.our-process .our-process-image span{
    font-size:4em;
    color:#000;
    display:table-cell;
    vertical-align:middle
}
@media only screen and (max-width:767px){
    .our-process .our-process-image{
        margin:0;
        height:6em;
        width:6em
    }
    .our-process .our-process-image span{
        font-size:3em
    }
}
.our-process .our-process-image.left{
    float:left;
    margin-right:40px;
    margin-left:0
}
.our-process .process{
    margin:80px 0
}
.our-process .process .our-process-text.right{
    text-align:right
}
.our-process .divider{
    height:1px;
    width:-webkit-calc(100% - 112px);
    width:calc(100% - 112px);
    position:relative;
    border-bottom:2px dotted #dadada;
    margin:0 auto
}
.our-process .divider img{
    position:absolute;
    left:-webkit-calc(50% - 68px);
    left:calc(50% - 68px);
    top:-47px
}
.our-process .divider-right::after{
    content:"";
    position:absolute;
    top:2px;
    height:25px;
    left:0;
    border-left:2px dotted #dadada
}
.our-process .divider-left::after,.our-process .divider-right::before{
    top:-26px;
    content:"";
    position:absolute;
    height:25px;
    border-left:2px dotted #dadada
}
.our-process .divider-right::before{
    right:0
}
.our-process .divider-left::after{
    left:0
}
.our-process .divider-left::before{
    content:"";
    position:absolute;
    top:2px;
    height:25px;
    right:0;
    border-left:2px dotted #dadada
}
.gallery .og-grid li>a{
    border:none;
    outline:0;
    display:block;
    position:relative
}
.gallery .og-close::after,.gallery .og-close::before{
    content:'';
    position:absolute;
    width:100%;
    top:50%;
    height:1px;
    background:#888;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.gallery .og-details,.gallery .og-fullimg{
    width:50%;
    float:left;
    height:100%;
    overflow:hidden;
    position:relative
}
.gallery .og-grid{
    list-style:none;
    padding:20px 0;
    margin:0 auto;
    text-align:center;
    width:100%
}
.gallery .og-grid li{
    display:inline-block;
    vertical-align:top;
    height:250px;
    margin:10px -2px;
    width:33.33%;
    padding:10px
}
@media only screen and (max-width:767px){
    .gallery .og-grid li{
        width:100%
    }
}
.gallery .og-grid li>a{
    height:250px;
    background-size:cover;
    background-repeat:no-repeat
}
.gallery .og-grid li.og-expanded{
    margin-bottom:35px
}
.gallery .og-grid li.og-expanded>a::after{
    top:auto;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    bottom:-15px;
    position:absolute;
    pointer-events:none;
    border-bottom-color:#ddd;
    border-width:15px;
    left:50%;
    margin:-20px 0 0 -15px
}
.gallery .og-grid.og-grid-4col li{
    width:25%
}
@media only screen and (max-width:767px){
    .gallery .og-grid.og-grid-4col li{
        width:100%
    }
}
.gallery .og-grid.og-grid-5col li{
    width:20%
}
@media only screen and (max-width:767px){
    .gallery .og-grid.og-grid-5col li{
        width:100%
    }
}
.gallery .og-expander{
    position:absolute;
    background:#ddd;
    top:auto;
    left:0;
    width:100%;
    margin-top:15px;
    text-align:left;
    height:0;
    overflow:hidden
}
.gallery .og-expander-inner{
    padding:50px 30px;
    height:100%
}
.gallery .og-close{
    position:absolute;
    width:40px;
    height:40px;
    top:20px;
    right:20px;
    cursor:pointer
}
.gallery .og-close:hover::after,.gallery .og-close:hover::before{
    background:#333
}
.gallery .og-close::after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.gallery .og-fullimg{
    text-align:center
}
.gallery .og-fullimg img{
    display:inline-block;
    max-height:100%;
    max-width:100%
}
.gallery .og-details{
    padding:0 40px 0 20px
}
.gallery .og-details h3{
    font-weight:300;
    font-size:52px;
    padding:40px 0 10px;
    margin-bottom:10px
}
.gallery .og-details p{
    color:#999
}
.gallery .og-details a{
    margin:30px 0 0;
    outline:0
}
.gallery .og-loading{
    width:20px;
    height:20px;
    border-radius:50%;
    background:#ddd;
    box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ccc;
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    -webkit-animation:loader .5s infinite ease-in-out both;
    animation:loader .5s infinite ease-in-out both
}
@-webkit-keyframes loader{
    0%{
        background:#ddd
    }
    33%{
        background:#ccc;
        box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd
    }
    66%{
        background:#ccc;
        box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc
    }
}
@keyframes loader{
    0%{
        background:#ddd
    }
    33%{
        background:#ccc;
        box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd
    }
    66%{
        background:#ccc;
        box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc
    }
}
@media screen and (max-width:830px){
    .gallery .og-expander h3{
        font-size:32px
    }
    .gallery .og-expander p{
        font-size:13px
    }
    .gallery .og-expander a{
        font-size:12px
    }
}
@media screen and (max-width:650px){
    .gallery .og-fullimg{
        display:none
    }
    .gallery .og-details{
        float:none;
        width:100%
    }
}
.footer .copyright,.footer .footer-social-block li{
    display:inline-block
}
.footer{
    background-color:#000;
    color:#FDFDFD;
    padding:32px 0
}
.footer .copyright,.footer .footer-menu{
    color:rgba(255,255,255,.9)
}
.footer .copyright{
    margin:0;
    line-height:100%
}
@media only screen and (max-width:767px){
    .footer{
        text-align:center
    }
    .footer .copyright{
        margin-bottom:15px
    }
}
.footer .footer-menu a{
    color:inherit
}
.footer .footer-social-block{
    margin:0;
    list-style-type:none;
    padding:0;
    text-align:center
}
@media only screen and (max-width:767px){
    .footer .footer-social-block{
        margin-bottom:15px
    }
}
.footer .footer-social-block li a{
    display:block;
    color:#e3e1e1;
    -webkit-transition:color .3s;
    transition:color .3s
}
@media only screen and (max-width:992px){
    .footer .footer-social-block li a{
        padding:0 8px
    }
}
.footer .footer-social-block li a:hover{
    color:rgba(255,255,255,.5)
}
@media (min-width:992px){
    .footer .footer-menu li:last-child{
        padding-right:0
    }
    .footer .footer-social-block li a{
        border-left:1px solid #464646;
        padding:5px 15px
    }
    .footer .footer-social-block li:last-child a{
        border-right:1px solid #464646
    }
}
.footer-widgets{
    background:#171717;
    color:#cbc9cf
}
.footer-widgets h4{
    color:#FFF;
    margin-bottom:40px;
    padding-bottom:25px;
    border-bottom:1px solid #3c3c3c
}
.footer-widgets .content-wrap.widget-contact{
    padding-left:25px
}
.footer-widgets .content-wrap.widget-contact ul{
    padding:0;
    list-style:none;
    margin:0
}
.footer-widgets .content-wrap.widget-contact ul li{
    margin-bottom:25px
}
.footer-widgets .content-wrap.widget-contact ul li i{
    margin-right:6px
}
.footer-widgets .content-wrap.widget-recent-posts{
    padding-left:25px
}
.footer-widgets .content-wrap.widget-recent-posts ul{
    padding:0;
    list-style:none;
    margin:0
}
.footer-widgets .content-wrap.widget-recent-posts ul li{
    margin-bottom:20px
}
.footer-widgets .content-wrap.widget-recent-posts ul li .post-title{
    display:block;
    color:#fff
}
.footer-widgets .content-wrap.widget-recent-posts ul li .author{
    color:inherit
}
.footer-widgets .content-wrap.widget-gallery{
    padding-left:25px
}
.footer-widgets .content-wrap.widget-gallery a{
	display: block;
	width: 30%;
	margin-right: 3%;
	margin-bottom: 14%;
	height: 1px;
	padding-bottom: 20%;
	float: left;
	background-color: #000;
	background-size: cover;
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}
@media only screen and (max-width:991px){
    .footer-widgets .content-wrap{
        margin-bottom:80px
    }
}
@media only screen and (max-width:767px){
    .footer-widgets .content-wrap{
        padding-left:25px
    }
}
.four-o-four{
    display:table;
    height:100vh;
    width:100%;
    background-image:url("https://photo.queenshop.com.tw/assets/images/404.jpg");
    background-size:contain;
    background-position:20% center;
    background-repeat:no-repeat
}
@media (max-width:991px){
    .four-o-four{
        background-position-x:0
    }
}
@media (max-width:767px){
    .four-o-four{
        background-image:none;
        text-align:center
    }
}
.four-o-four .four-o-four-inner{
    display:table-cell;
    vertical-align:middle
}
.four-o-four .four-o-four-inner h1{
    font-weight:700
}
.bgimg {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.bgimg {
/*	background-image: url(https://photo.queenshop.com.tw/assets/images/0314/bg01.jpg);*/
	min-height: 100%
}

.caption {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #000
}

.caption span.border {
	background-color: #111;
	color: #fff;
	padding: 18px;
	font-size: 25px;
	letter-spacing: 10px
}

h3 {
	letter-spacing: 5px;
	text-transform: uppercase;
	font: 20px Lato, sans-serif;
	color: #111
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg {
        background-attachment: scroll;
    }
}

@media only screen and (max-device-width:1024px) {
	.bgimg {
		background-attachment: scroll
	}
}