@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

@font-face {
    font-family: 'myriad';
    src: url('../fonts/MyriadPro-Regular/fonts/MyriadPro-Regular.eot');
    src: local('☺'), url('../fonts/MyriadPro-Regular/fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular/fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular/fonts/MyriadPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'Noto Sans TC', sans-serif;
    letter-spacing: 1px;
}
.myriad{
    font-family: 'myriad', sans-serif;
}
/* ***************** common classes ****************** */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }


}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.padding0, .padding-0 {padding: 0;}
.padding5, .padding-5 {padding: 5px;}
.padding10, .padding-10 {padding: 10px;}
.padding15, .padding-15 {padding: 15px;}
.padding20, .padding-20 {padding: 20px;}
.padding25, .padding-25 {padding: 25px;}
.padding30, .padding-30 {padding: 30px;}
.padding35, .padding-35 {padding: 35px;}
.padding40, .padding-40 {padding: 40px;}
.padding45, .padding-45 {padding: 45px;}
.padding50, .padding-50 {padding: 50px;}
.padding55, .padding-55 {padding: 55px;}
.padding60, .padding-60 {padding: 60px;}
.paddingTop0, .padding-top-0 {padding-top: 0;}
.paddingTop5, .padding-top-5 {padding-top: 5px;}
.paddingTop10, .padding-top-10 {padding-top: 10px;}
.paddingTop15, .padding-top-15 {padding-top: 15px;}
.paddingTop20, .padding-top-20 {padding-top: 20px;}
.paddingTop25, .padding-top-25 {padding-top: 25px;}
.paddingTop30, .padding-top-30 {padding-top: 30px;}
.paddingTop35, .padding-top-35 {padding-top: 35px;}
.paddingTop40, .padding-top-40 {padding-top: 40px;}
.paddingTop45, .padding-top-45 {padding-top: 45px;}
.paddingTop50, .padding-top-50 {padding-top: 50px;}
.paddingTop55, .padding-top-55 {padding-top: 55px;}
.paddingTop60, .padding-top-60 {padding-top: 60px;}
.paddingLeft0, .padding-left-0 {padding-left: 0;}
.paddingLeft5, .padding-left-5 {padding-left: 5px;}
.paddingLeft10, .padding-left-10 {padding-left: 10px;}
.paddingLeft15, .padding-left-15 {padding-left: 15px;}
.paddingLeft20, .padding-left-20 {padding-left: 20px;}
.paddingLeft25, .padding-left-25 {padding-left: 25px;}
.paddingLeft30, .padding-left-30 {padding-left: 30px;}
.paddingLeft35, .padding-left-35 {padding-left: 35px;}
.paddingLeft40, .padding-left-40 {padding-left: 40px;}
.paddingLeft45, .padding-left-45 {padding-left: 45px;}
.paddingLeft50, .padding-left-50 {padding-left: 50px;}
.paddingLeft55, .padding-left-55 {padding-left: 55px;}
.paddingLeft60, .padding-left-60 {padding-left: 60px;}
.paddingBottom0, .padding-bottom-0 {padding-bottom: 0;}
.paddingBottom5, .padding-bottom-5 {padding-bottom: 5px;}
.paddingBottom10, .padding-bottom-10 {padding-bottom: 10px;}
.paddingBottom15, .padding-bottom-15 {padding-bottom: 15px;}
.paddingBottom20, .padding-bottom-20 {padding-bottom: 20px;}
.paddingBottom25, .padding-bottom-25 {padding-bottom: 25px;}
.paddingBottom30, .padding-bottom-30 {padding-bottom: 30px;}
.paddingBottom35, .padding-bottom-35 {padding-bottom: 35px;}
.paddingBottom40, .padding-bottom-40 {padding-bottom: 40px;}
.paddingBottom45, .padding-bottom-45 {padding-bottom: 45px;}
.paddingBottom50, .padding-bottom-50 {padding-bottom: 50px;}
.paddingBottom55, .padding-bottom-55 {padding-bottom: 55px;}
.paddingBottom60, .padding-bottom-60 {padding-bottom: 60px;}
.paddingRight0, .padding-right-0 {padding-right: 0;}
.paddingRight5, .padding-right-5 {padding-right: 5px;}
.paddingRight10, .padding-right-10 {padding-right: 10px;}
.paddingRight15, .padding-right-15 {padding-right: 15px;}
.paddingRight20, .padding-right-20 {padding-right: 20px;}
.paddingRight25, .padding-right-25 {padding-right: 25px;}
.paddingRight30, .padding-right-30 {padding-right: 30px;}
.paddingRight35, .padding-right-35 {padding-right: 35px;}
.paddingRight40, .padding-right-40 {padding-right: 40px;}
.paddingRight45, .padding-right-45 {padding-right: 45px;}
.paddingRight50, .padding-right-50 {padding-right: 50px;}
.paddingRight55, .padding-right-55 {padding-right: 55px;}
.paddingRight60, .padding-right-60 {padding-right: 60px;}
.margin0, .margin-0 {margin: 0;}
.margin5, .margin-5 {margin: 5px;}
.margin10, .margin-10 {margin: 10px;}
.margin15, .margin-15 {margin: 15px;}
.margin20, .margin-20 {margin: 20px;}
.margin25, .margin-25 {margin: 25px;}
.margin30, .margin-30 {margin: 30px;}
.margin35, .margin-35 {margin: 35px;}
.margin40, .margin-40 {margin: 40px;}
.margin45, .margin-45 {margin: 45px;}
.margin50, .margin-50 {margin: 50px;}
.margin55, .margin-55 {margin: 55px;}
.margin60, .margin-60 {margin: 60px;}
.marginTop0, .margin-top-0 {margin-top: 0;}
.marginTop5, .margin-top-5 {margin-top: 5px;}
.marginTop10, .margin-top-10 {margin-top: 10px;}
.marginTop15, .margin-top-15 {margin-top: 15px;}
.marginTop20, .margin-top-20 {margin-top: 20px;}
.marginTop25, .margin-top-25 {margin-top: 25px;}
.marginTop30, .margin-top-30 {margin-top: 30px;}
.marginTop35, .margin-top-35 {margin-top: 35px;}
.marginTop40, .margin-top-40 {margin-top: 40px;}
.marginTop45, .margin-top-45 {margin-top: 45px;}
.marginTop50, .margin-top-50 {margin-top: 50px;}
.marginTop55, .margin-top-55 {margin-top: 55px;}
.marginTop60, .margin-top-60 {margin-top: 60px;}
.marginLeft0, .margin-left-0 {margin-left: 0;}
.marginLeft5, .margin-left-5 {margin-left: 5px;}
.marginLeft10, .margin-left-10 {margin-left: 10px;}
.marginLeft15, .margin-left-15 {margin-left: 15px;}
.marginLeft20, .margin-left-20 {margin-left: 20px;}
.marginLeft25, .margin-left-25 {margin-left: 25px;}
.marginLeft30, .margin-left-30 {margin-left: 30px;}
.marginLeft35, .margin-left-35 {margin-left: 35px;}
.marginLeft40, .margin-left-40 {margin-left: 40px;}
.marginLeft45, .margin-left-45 {margin-left: 45px;}
.marginLeft50, .margin-left-50 {margin-left: 50px;}
.marginLeft55, .margin-left-55 {margin-left: 55px;}
.marginLeft60, .margin-left-60 {margin-left: 60px;}
.marginBottom0, .margin-bottom-0 {margin-bottom: 0;}
.marginBottom5, .margin-bottom-5 {margin-bottom: 5px;}
.marginBottom10, .margin-bottom-10 {margin-bottom: 10px;}
.marginBottom15, .margin-bottom-15 {margin-bottom: 15px;}
.marginBottom20, .margin-bottom-20 {margin-bottom: 20px;}
.marginBottom25, .margin-bottom-25 {margin-bottom: 25px;}
.marginBottom30, .margin-bottom-30 {margin-bottom: 30px;}
.marginBottom35, .margin-bottom-35 {margin-bottom: 35px;}
.marginBottom40, .margin-bottom-40 {margin-bottom: 40px;}
.marginBottom45, .margin-bottom-45 {margin-bottom: 45px;}
.marginBottom50, .margin-bottom-50 {margin-bottom: 50px;}
.marginBottom55, .margin-bottom-55 {margin-bottom: 55px;}
.marginBottom60, .margin-bottom-60 {margin-bottom: 60px;}
.marginRight0, .margin-right-0 {margin-right: 0;}
.marginRight5, .margin-right-5 {margin-right: 5px;}
.marginRight10, .margin-right-10 {margin-right: 10px;}
.marginRight15, .margin-right-15 {margin-right: 15px;}
.marginRight20, .margin-right-20 {margin-right: 20px;}
.marginRight25, .margin-right-25 {margin-right: 25px;}
.marginRight30, .margin-right-30 {margin-right: 30px;}
.marginRight35, .margin-right-35 {margin-right: 35px;}
.marginRight40, .margin-right-40 {margin-right: 40px;}
.marginRight45, .margin-right-45 {margin-right: 45px;}
.marginRight50, .margin-right-50 {margin-right: 50px;}
.marginRight55, .margin-right-55 {margin-right: 55px;}
.marginRight60, .margin-right-60 {margin-right: 60px;}
.relative{
    position:relative;
}
.inline-block{
    display: inline-block;
    vertical-align: middle;
}
.pointer,.clickable{
    cursor: pointer;
}
.bg, .bgimage{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.spite{
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}
.flex{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.white,.fff,
.white:hover,.white:focus,
.fff:hover,.fff:focus{
    color:#fff;
}
.w100,.width100{
    width:100%;
}
.h100,.height00{
    height:100%;
}
.form-textarea{
    vendorize: none;
    resize:vertical;
}
.noclick,.noClick,.no-click,.click-through,.clickThrough,.pointer-none{
    pointer-events: none;
}
.absolute100{
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
.nowrap{
    white-space: nowrap;
}
.block{
    display: block;
}
.pointer-all{
    pointer-events: all;
}
.float-left{
    float:left;
}
.float-right{
    float:right;
}
/* *********************************** */


/* owl carousel */
.dots-inside.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:-24px;
    position:relative;
}

/* custom */
.color1{
    color:#af856b;
}
.site-logo{
    height:99px;
    line-height: 99px;
    font-size: 0;
}
.navbar-header .navbar-toggle{
    border: 1px solid #af856b;
    margin-top: 30px;
}
.navbar-header .navbar-toggle .icon-bar{
    background-color: #af856b;
    height: 1px;
}

@media (min-width: 992px) {
    .header-menu {
        float: right;
    }
}

@media (min-width: 768px){
    .navbar-nav>li>a{
        padding-top: 0 !important;
        padding-bottom: 24px !important;
    }
}

.navbar{
    border: 0 !important;
}

.navbar-nav>li>a, .nav>li>a{
    line-height: unset;
}

.nav>li>a:focus, .nav>li>a:hover{
    background-color: transparent !important;
}

@media (max-width: 1200px){
    .header-menu-item{
        margin-left: 0 !important;
    }
}

@media (max-width: 990px) {
    /*.navbar-collapse {
        display: none;
    }*/
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 25px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

    .header-menu{
        height: unset !important;
    }
    .header-menu-item{
        width: unset !important;
        padding-top: 0 !important;
    }
    .header-menu .menu-line3{
        height: 1px !important;
    }
}

.header-menu {
    margin-bottom: 0;
    white-space: nowrap;
    height: 99px;
    overflow: hidden;
}
.header-menu-item {
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 150px;
    height: 99px;
}
.header-menu-item>a{
    text-decoration: none!important;
}
.header-menu .menu-text1{
    font-size:1.1rem;
    color: #606060;
    text-decoration: none;
}
.header-menu .menu-text2{
    margin-top:5px;
    font-size: 0.9rem;
    color: #606060;
    text-decoration: none;
}
.header-menu .menu-line3{
    width: 100%;
    height: 4px;
    background-color: #516254;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity:0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header-menu-item:hover .menu-line3{
    opacity:1;
}
.banner-image{
    width:100%;
    height:56.25vw;
    max-height:500px;
}
@media(min-width:1200px){
    .banner-image{
        max-height:800px;
    }
}
.content-text1{
    font-size:1.1rem;
}
.contact-us-banner-wrap{
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 9999;
}
.contact-us-banner-wrap a:hover, .contact-us-banner-wrap a:visited, .contact-us-banner-wrap a:focus{
    text-decoration: none !important;
}
.contact-us-banner{
    background-color: #9c7257;
    white-space: nowrap;
    padding:10px 15px;
    color:#fff;
}
.service-box-wrap{
    padding-bottom:33.33333333%;
}
.service-box{
    width:100%;
    height:100%;
    position:absolute;
    left: 0;
    top: 0;
    color:#fff;
    background-color: #00000025;
    transition: .3s ease-in-out;
}
.service-box:hover {
    background-color: rgb(175 133 107 / 75%);
}
.service-box span {
    transition: .3s ease-in-out;
}
.service-box:hover span{
    text-shadow: none !important;
}
.service-box-inner{
    max-width:70%;
    /*text-align: center;*/
    /*margin: 20% 15% 0;*/
    /*min-height:70%;*/
}
@media (max-width: 375px){
    .service-box-inner {
        max-width: 85%;
    }
    .service-text1, .service-text2{
        margin-top: 20px !important;
    }
}
@media (max-width: 1125px) and (min-width: 992px){
    .service-box-inner {
        max-width: 85%;
    }
    .service-text1, .service-text2{
        margin-top: 20px !important;
    }
}
@media(max-width:991px){
    .service-box-wrap{
        padding-bottom:50%;
    }
    .service-box-inner{
        min-height:auto;
    }
}
@media(max-width:767px){
    .service-box-wrap{
        padding-bottom:100%;
    }
}
@media(max-width: 593px){
    .email{display: block;}
}
.service-text1{
    margin-top:40px;
    font-size: 1.1rem;
    text-shadow: 0 2px 5px rgba(0,0,0,0.75);
}
.service-text2{
    margin-top:25px;
    font-size: 1.1rem;
    text-shadow: 0 2px 5px rgba(0,0,0,0.75);
}
.service-des{
    background-color: #9c7257;
    color:#fff;
}

.grid-item,
.grid-sizer {
    width: 25%;
}

.grid-item {
    float: left;
    height: 200px;
    background-color:#aaa;
    border:10px solid #fff;
}

.grid-item--width2 { width: 50%; }
.grid-item--height2 { height: 400px; }

@media(max-width:991px){
    .grid-item,
    .grid-sizer {
        width: 100%;
        height: 400px;

    }
    .grid-item--width2 { width: 100%; }

}

.bottom-contact{
    background-color: #AF856B;
}

.work-text{
    position: absolute;
    width:100%;
    padding:5px 15px 10px;
    background-color: rgba(55, 26, 16, 0.66);
    color:#fff;
    left:0;
    bottom:0;
}
.contact-map{
    height:100%;
    width:100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
}
.contact-wrap{
    /* padding:20px 20px 0 20px;
    background-color: rgba(55, 26, 16, 0.66); */
}
.contact-button{
    color: #fff;
    background-color: transparent;
    text-align: center;
    padding: 10px;
    width: 100px;
    border: 1px solid #fff;
    border-radius: 5px;
}
.contact-button:hover{
    background-color: #9c7257;
}
.card{
    position:relative;

    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 500ms;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 500ms;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 50% 50%;
    -moz-transition-timing-function: ease;
    -ms-transition-property: -ms-transform;
    -ms-transition-duration: 500ms;
    -ms-transform-style: preserve-3d;
    -ms-transform-origin: 50% 50%;
    -ms-transition-timing-function: ease;
    -o-transition-property: -o-transform;
    -o-transition-duration: 500ms;
    -o-transform-style: preserve-3d;
    -o-transform-origin: 50% 50%;
    -o-transition-timing-function: ease;
    transition-property: transform;
    transition-duration: 500ms;
    transform-style: preserve-3d;
    transform-origin: 50% 50%;
    transition-timing-function: ease;
}
.card.flipped{
    -webkit-transform: rotateY( -180deg );
    -moz-transform: rotateY( -180deg );
    -ms-transform: rotateY( -180deg );
    -o-transform: rotateY( -180deg );
    transform: rotateY( -180deg );
    background-color: rgba(55, 26, 16, 0.66);
}
.card-face{
    transform:             rotateY( 0deg );
    -moz-transform:    rotateY( 0deg );
    -ms-transform:     rotateY( 0deg );
    -o-transform:      rotateY( 0deg );
    -webkit-transform: rotateY( 0deg );
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.card-face.back{
    -webkit-transform: rotateY( -180deg );
    -moz-transform: rotateY( -180deg );
    -ms-transform: rotateY( -180deg );
    -o-transform: rotateY( -180deg );
    transform: rotateY( -180deg );

    position: absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
}
.grid-item .work-text-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    height: 100%;
    /*z-index: 50;*/
    background-color: #9B7257;
    width: 1px;
    opacity: 0;
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transition: width .3s ease,opacity .3s ease;
    transition: width .3s ease,opacity .3s ease
}

.grid-item:hover .work-text-bg {
    width: 100%;
    opacity: 1;
    -webkit-filter: opacity(1);
    filter: opacity(1)
}
.work-detail-img,
.work-detail-item .work-detail-text1,
.work-detail-item .work-detail-text2,
.work-detail-item .work-detail-text3{
    opacity: 0;
    transition: opacity 0.7s;
}
.work-detail-img.active,
.work-detail-item.active .work-detail-text1,
.work-detail-item.active .work-detail-text2,
.work-detail-item.active .work-detail-text3{
    opacity: 1;
}
.work-detail{
    overflow: hidden;
    transition: all 0.5s;
    max-height: 0;
}
.work-detail.opened{
    max-height: none!important;
}
.work-detail2{
}
.work-detail3{
    border-top:10px solid #fff;
    border-bottom:10px solid #fff;
    background-color: #eeeff0;
}
.work-detail-inner{
    margin-left:10px;
    margin-right:10px;
    padding:25px 0;
}
.work-detail-text1{
    font-size:0.9rem;

}
.work-detail-text2{
    font-size:1.5rem;

}
.work-detail-text3{
    font-size:1rem;
}

.work_img_slider {
    width:100%;
    background-color: #dcddde;
    position: relative;
    padding-bottom: 75%;
}

.work_img_slider_left, .work_img_slider_right{
    height: 100%;
    width: 5%;
    position: absolute;
    text-align: center;
    font-size: 20px;
    color:white;
    text-shadow: 1.5px 1.5px 1.5px rgba(128,128,128,1);
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out ;
    -ms-transition: .3s ease-in-out ;
    -o-transition: .3s ease-in-out ;
    transition: .3s ease-in-out;
    z-index: 5;
    opacity: 0.5;
    padding: 37.5% 0;
}
.work_img_slider_left {
    left: 0;
    background: linear-gradient(90deg, rgba(156,114,87,0.5) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
}
.work_img_slider_right{
    right: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(156,114,87,0.5) 100%);
}
.work_img_slider_left:hover, .work_img_slider_right:hover{
    opacity: 1;
}

.work-detail-img{
    width: 100%;
    padding-bottom: 75%;
    background-color: #dcddde;
    position: absolute;
    top: 0;
}

.work-detail-img.only{
    display: block;
    opacity: 1;
}

.work_img1.only{
    padding-bottom: 75%;
    position: relative;
}

.work-detail-vid, .work-detail-vid video{
    width: 100%;
}

.client-container{
    max-height: calc(102px * 3);
    transition: all 0.5s;
    overflow: hidden;
    position: relative;
}
.client-container:after{
    content:'';
    display: block;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom:0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.client-container.opened{
    max-height: none!important;
}
.more-button-container{
    overflow: hidden;
    transition: all 0.5s;
}
.more-button-container.close{
    height:0;
    opacity: 0;
}

.icon-bar{
    -webkit-transition: ease-in-out .3s;
    -moz-transition: ease-in-out .3s;
    -ms-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}


.navbar-toggle.toggled{
    min-width: 22px;
    min-height: 11px;
    padding: 9px 10px 14px 10px;
}
.toggled .icon-bar:nth-of-type(2) {
    transform: rotate(45deg);
    top: 5px;
    position: relative;
}
.toggled .icon-bar:nth-of-type(4) {
    display: none;
}
.toggled .icon-bar:nth-of-type(3) {
    transform: rotate(-45deg);
    position: relative;
}

.work-detail-text3 span {
    color: #e94a4a;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.card-face h4 {
    font-size: 24px;
}

form#contact_form .form-control {
    border-radius: 5px;
}

form#contact_form input.form-control {
    height: 38px;
}

form#contact_form .form-control:focus {
    box-shadow: unset;
    border-color:#ccc;
}

form#contact_form .form-group {
    margin-bottom: 0px;
}

.contact-whatsapp {
    position: fixed;
    right: 10px;
    bottom: 80px;
    z-index: 9999;
}

.contact-whatsapp img{
    height: 40px;
    background-color: #fff;
    padding: 3px;
    border-radius: 100px;
    box-shadow: 0px 0px 3px #b4b4b4;
}