/*
Theme Name: Brick
Theme URI: http://demo.select-themes.com/brick
Description: Brick
Tags: agency, modern, business, design, shop, portfolio, blog, clean, typography, simple, white, bold, multi-purpose, creative, corporate
Author: Select Themes
Author URI: http://demo.select-themes.com
Version: 1.8
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
.side {
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    z-index:180;
    background: #353535;
    padding: 30px 0;
    text-align: center;
}

.side {
    -webkit-perspective: 600;
    -moz-perspective: 600;
    -ms-perspective: 600;
    -o-perspective: 600;
    perspective: 600;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.side .logo {
    padding: 0 10px;
}
/*分享按钮*/
.side .share-btn {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 15px;
    font-size: 2.0em;
    color: ##929292;
    cursor: pointer;
    display: none;
}

.side .share-btn.on {
    color: #5FC2AE;
}
/*语言按钮*/
.side .language-btn {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    padding: 0 15px;
    text-align: left;
    font-family: "Microsoft Yahei";
    text-transform: uppercase;
    cursor: pointer;
}

.side .language-btn span {
    display: block;
    font-size: 1.2em;
    color: #fff;
}

.side .language-btn span i {
    font-size: 0.8em;
    margin-left: 10px;
}

.side .language-btn em {
    display: block;
    font-size: 1em;
    color: #818181;
}

.side .language-btn.on span {
    color: #5FC2AE;
}
/* 菜单按钮 */
.side .nav-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 19px;
    margin-top: -10px;
    margin-left: -10px;
    cursor: pointer;
}

.side .nav-btn i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: #cc9933;
}

.side .nav-btn i:nth-child(1) {
    top: 0;
}

.side .nav-btn i:nth-child(4) {
    top: 16px;
}

.side .nav-btn i:nth-child(2) {
    top: 8px;
}

.side .nav-btn i:nth-child(3) {
    top: 8px;
}

.side .nav-btn.on i {
    background: #5FC2AE;
}

.side .nav-btn.on i:nth-child(1) {
    opacity: 0;
    filter: alpha(opacity = 0);
}

.side .nav-btn.on i:nth-child(4) {
    opacity: 0;
    filter: alpha(opacity = 0);
}

.side .nav-btn i {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.side .nav-btn.on i:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.side .nav-btn.on i:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*菜单*/
.side .menu {
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 180px;
    background: #323232;
    padding: 30px 0;
}

.side .menu dt {
    padding: 2em 0;
}

.side .menu dt a {
    display: block;
    overflow: hidden;
}

.side .menu dt a div {
    display: block;
    position: relative;
    height: 3em;
    line-height: 3em;
    font-size: 1.4em;
    text-transform: uppercase;
}

.side .menu dt a span {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #353535;
    color: #5fc2ae;
}

.side .menu dt a em {
    display: block;
    height: 100%;
    color: #b6b6b6;
}

.side .menu dt a .fa {
    position:absolute;
    right:10px;
    top:0;
    color:#b6b6b6;
    width:30px;
    height: 3em;
    line-height: 3em;
    text-align:center;
    display:none;
    z-index:7;
}

.side .menu-share dt {
    padding: 0;
    text-align: left;
}

.side .menu-share dt a div {
    padding: 0 20px;
}

.side .menu-share dt a span {
    padding: 0 20px;
}

.side .menu-share dt a em i {
    margin-right: 10px;
}

.side .menu-share dt a em b {
    display: inline-block;
    width: 90px;
    text-align: left;
}


.side .menu {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.side .menu.on {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.side .menu dt * {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.side .menu dt a div {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.side .menu dt a em {
    -webkit-transform: translateZ(1.5em);
    -moz-transform: translateZ(1.5em);
    -ms-transform: translateZ(1.5em);
    -o-transform: translateZ(1.5em);
    transform: translateZ(1.5em);
}

.side .menu dt a span {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotateX(-90deg) translateY(-1.5em);
    -moz-transform: rotateX(-90deg) translateY(-1.5em);
    -ms-transform: rotateX(-90deg) translateY(-1.5em);
    -o-transform: rotateX(-90deg) translateY(-1.5em);
    transform: rotateX(-90deg) translateY(-1.5em);
}

.side .menu dt a:hover div, .side .menu dt a.current div {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}
.side .menu dt a:hover + .menu2, .side .menu dt a.current + .menu2 {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}











/*菜单二级*/
.side .menu2 {
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 180px;
    background: #2f2f2f;
    padding: 30px 0;
}

.side .menu2 dt {
    padding: 2em 0;
}

.side .menu2 dt a {
    display: block;
    overflow: hidden;
}

.side .menu2 dt a div {
    display: block;
    position: relative;
    height: 3em;
    line-height: 3em;
    font-size: 1.4em;
    text-transform: uppercase;
}

.side .menu2 dt a span {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #353535;
    color: #5fc2ae;
}

.side .menu2 dt a em {
    display: block;
    height: 100%;
    color: #b6b6b6;
}

.side .menu-share dt {
    padding: 0;
    text-align: left;
}

.side .menu-share dt a div {
    padding: 0 20px;
}

.side .menu-share dt a span {
    padding: 0 20px;
}

.side .menu-share dt a em i {
    margin-right: 10px;
}

.side .menu-share dt a em b {
    display: inline-block;
    width: 90px;
    text-align: left;
}

.side .menu2 {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.side .menu2.on {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.side .menu2 dt * {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.side .menu2 dt a div {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.side .menu2 dt a em {
    -webkit-transform: translateZ(1.5em);
    -moz-transform: translateZ(1.5em);
    -ms-transform: translateZ(1.5em);
    -o-transform: translateZ(1.5em);
    transform: translateZ(1.5em);
}

.side .menu2 dt a span {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotateX(-90deg) translateY(-1.5em);
    -moz-transform: rotateX(-90deg) translateY(-1.5em);
    -ms-transform: rotateX(-90deg) translateY(-1.5em);
    -o-transform: rotateX(-90deg) translateY(-1.5em);
    transform: rotateX(-90deg) translateY(-1.5em);
}

.side .menu2 dt a:hover div, .side .menu dt a.current div {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}
@media (min-width: 1001px) {
    .container_innerxx{ width: 1100px!important; margin:0 auto !important; padding: 0; float: none!important;}
}
@media (max-width: 1000px) {

    .side{display: none;}
}
.wpcf7-submit{
    width: 100%;
    margin:0;
    background: linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
    background:-moz-linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
    background:-webkit-linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
    background:-o-linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
}
#menu-main-menu{ margin-top: 100%;}
#menu-main-menu li{ text-align: left; padding-top: 15%; list-style: none; margin-left: 20px;}
#menu-main-menu li a{color: #ccc;}
.gogogo2 .call_to_action {
    width: 100%;
    margin:0;
    background: linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
    background:-moz-linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
    background:-webkit-linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
    background:-o-linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
}
.qbutton, .qbutton.medium, #submit_comment, .load_more a, .blog_load_more_button a, .post-password-form input[type='submit']{
    width: 100%;
    margin:0;
    color: #fff!important;
    background: linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
    background:-moz-linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
    background:-webkit-linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
    background:-o-linear-gradient(-70deg, #5b130e 5%, #d3a14c 30%,#95501c 65%);
}
.q_elements_holder.five_columns .q_elements_item{ width: 25%!important;}
.q_team .q_team_name{ font-size: 15px !important;}
.container_innerxx *{ color: #ffffff!important;}
.wpcf7-form label { color: #fff;}
#contact_now .wpb_wrapper *{ color:#fff;}
.wpcf7-text,.wpcf7-textarea{ color: #000!important;}
/*.blog_holder.masonry_full_width.four_columns article, .blog_holder.masonry_full_width.four_columns .blog_holder_grid_sizer{ width: 33.333%!important;}*/