/* customize */


body {


    font-family: 'Noto Sans TC', '微軟正黑體';


}


h1,h2,h3,h4,h5,h6 {


    font-weight: bold;


}


a {


    cursor: pointer;


}


a:hover, a:focus {


    text-decoration: none;


}


img {


    max-width: 100%;


}


.container {


    position: relative;


}


.head-top .right-box ul li a img {


    height: 16px;


    -webkit-transform: translateY(-1px);


    -moz-transform: translateY(-1px);


    transform: translateY(-1px);


}


.head-top .right-box ul li a img:last-child {


    display: none;


}


.head-top .right-box ul li a:hover img:first-child {


    display: none;


}


.head-top .right-box ul li a:hover img:last-child {


    display: inline-block;


}


.banner__img {


    position: relative;


    height: 49.5vw;


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


    padding-top: 170px;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


@media (max-width: 991px) {


    .banner__img {


        height: 80vw;


    }


}


.banner__img::before {


    content: '';


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    background-color: #000;


    opacity: .55;


}


.footer {


    width: 100%;


    float: left;


    background-color: #161616;


}


.footer__itembox {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    padding: 60px 0 40px;


}


.footer__item:first-child {


    width: 40%;


}


.footer__item:nth-child(2) {


    width: 33%;


}


.footer__item:nth-child(3) {


    width: 27%;


}


.footer__logobox {


    max-width: 300px;


}


.footer__logo {


    margin-bottom: 12px;


}


.footer__logo + p {


    color: #ccc;


    font-size: 14px;


    font-weight: 300;


    line-height: 1.857;


    margin: 0;


}


.footer__item-title {


    color: #20a7f2;


    font-size: 18px;


    font-weight: 400;


    line-height: 1;


    margin: 0 0 25px;


}


.footer__links {


    width: 250px;


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


.footer__link {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    flex-direction: column;


    width: 50%;


}


.footer__link a {


    color: #ccc;


    font-size: 14px;


    font-weight: 300;


    line-height: 1.2;


    margin-bottom: 20px;


}


.footer__link a:last-child {


    margin: 0;


}


.footer__contact {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    flex-direction: column;


}


.footer__contact p {


    position: relative;


    color: #ccc;


    font-size: 14px;


    font-weight: 300;


    line-height: 1.857;


    letter-spacing: .05em;


    padding-left: 28px;


    margin: 0 0 8px;


}


.footer__contact a {


    color: #ccc;


}


.footer__contact p .fa {


    position: absolute;


    top: 5px;


    left: 0;


    font-size: 15px;


}


.copyright {


    position: relative;


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


}


.copyright::before {


    content: '';


    position: absolute;


    top: -2px;


    left: calc(50% - 2px);


    width: 5px;


    height: 5px;


    background-color: #666;


}


.copyright__block {


    position: relative;


    width: calc(50% - 11px);


    padding: 20px 0;


}


.copyright__block:first-child::before {


    content: '';


    position: absolute;


    left: 0;


    top: -2px;


    width: 5px;


    height: 5px;


    background-color: #666;


}


.copyright__block:first-child::after {


    content: '';


    position: absolute;


    top: 0;


    right: 0;


    width: calc(100% - 12px);


    height: 1px;


    background-color: #666;


}


.copyright__block:last-child::before {


    content: '';


    position: absolute;


    top: -2px;


    right: 0;


    width: 5px;


    height: 5px;


    background-color: #666;


}


.copyright__block:last-child::after {


    content: '';


    position: absolute;


    top: 0;


    left: 0;


    width: calc(100% - 12px);


    height: 1px;


    background-color: #666;


}


.footer .copyright__text {


    color: #fff;


    font-size: 14px;


    font-weight: 300;


    line-height: 2.14;


    letter-spacing: .05em;


    opacity: .5;


    margin: 0;


}


.footer .copyright__text a {


    color: #fff;


}


.copyright__links {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: flex-end;


}


.copyright__link {


    display: flex;


    align-items: center;


    justify-content: center;


    width: 36px;


    border: 1px dashed #aaaaaa;


    border-radius: 50%


}


.copyright__link img:last-child {


    display: none;


}


.copyright__link:hover {


    background-color: #20a7f2;


    border-color: transparent;


}


.copyright__link:hover img:first-child {


    display: none;


}


.copyright__link:hover img:last-child {


    display: block;


}


.copyright__link:nth-child(n + 2) {


    margin-left: 12px;


}


.index__cases {


    padding: 0;


}


.indexcases__img {


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.indexcases__img::before {


    content: '';


    display: block;


    padding-top: 77.37%;


}


.welcome__slider-img {


    width: 640px;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.welcome__slider-img::before {


    content: '';


    display: block;


    padding-top: 59.375%;


}


.indexcases__item {


    margin: 30px 0 0;


}


@media (max-width:1280px) {


    .head-top .left-box a:hover {


        padding: 0 5px;


    }


    .head-top .left-box a {


        margin: 0 10px 0 0;


    }


}


@media (max-width:1280px) and (min-width:1200px) {


    .banner__img {


        padding-top: 60px;


    }


}


@media (max-width:1199px) {


    .head-top {


        display: none;


    }


    .banner__img {


        padding-top: 0;


    }


    .footer__item:nth-child(2) {


        display: none;


    }


}


@media (max-width:1199px) and (min-width:992px) {


    .theme-style-1 .head-btm-right a.btn-style-2 {


        margin: 38px 15px 0 0;


    }


    #nav {


        margin: 0;


    }


    #nav li a {


        padding-bottom: 0;


        margin: 50px 0;


    }


}


@media (max-width:1199px) and (min-width:768px) {


    .footer__item:first-child {


        width: 50%;


    }


    .footer__item:last-child {


        width: 50%;


    }


}


@media (min-width:992px) {


    .header {


        display: none;


    }


    .burger__menu {


        display: none;


    }


}


@media (max-width:991px) {


    .container {


        width: 100%;


    }


    #header {


        display: none;


    }


    .header__box {


        display: flex;


        flex-wrap: wrap;


        align-items: center;


        justify-content: space-between;


    }


    strong.logo {


        width: auto;


        height: auto;


        padding: 20px 0;


        float: none;


    }


    .burger {


        display: flex;


        flex-wrap: wrap;


        align-content: space-between;


        width: 30px;


        height: 20px;


    }


    .burger::before,


    .burger::after {


        content: '';


        width: 100%;


        height: 2px;


        background-color: #000;


    }


    .burger__line {


        width: 100%;


        height: 2px;


        background-color: #000;


    }


    .burger__menu {


        position: fixed;


        top: 0;


        right: 0;


        bottom: 0;


        z-index: 9999;


        display: none;


        width: 100%;


        height: 100%;


        background-color: rgba(0,0,0,.4);


    }


    .burger__menu--open {


        display: block;


    }


    .burger__nav {


        position: absolute;


        top: 0;


        right: 0;


        bottom: 0;


        width: 300px;


        height: 100%;


        padding-top: 50px;


        background-color: #fff;


        -webkit-transform: translateX(100%);


        -moz-transform: translateX(100%);


        transform: translateX(100%);


        -webkit-transition: transform .4s;


        -moz-transition: transform .4s;


        transition: transform .4s;


    }


    .burger__menu--open .burger__nav {


        -webkit-transform: translateX(0);


        -moz-transform: translateX(0);


        transform: translateX(0);


    }


    .burger__nav-link {


        display: block;


        color: #333;


        font-size: 16px;


        line-height: 1.2;


        padding: 15px;


    }


    .burger__close {


        position: absolute;


        right: 20px;


        top: 20px;


        width: 30px;


    }


    .portfolioFilter {


        margin-top: 20px;


    }


    .portfolio-style-1 {


        padding: 40px 0;


    }


    .welcome-slider .owl-carousel .owl-wrapper-outer {


        padding: 0;


    }


    .footer__itembox {


        padding: 40px 0;


    }


}


@media (max-width:991px) and (min-width:576px) {


    #banner .caption h1 {


        font-size: 40px;


        line-height: 1.2;


        margin-bottom: 15px;


    }


    #banner .btn-row a.btn-style-1,


    #banner .btn-row a.btn-style-2 {


        padding: 8px 20px;


    }


    .theme-style-1 h2 {


        font-size: 28px;


        line-height: 1.2;


    }


    .welcome-section h3 {


        font-size: 20px;


    }


}


@media (max-width:767px) {


    .welcome-section .left-box {


        padding: 40px 0 55px;


    }


    .welcome__slider-img {


        width: 100%;


    }


    .footer__itembox {


        text-align: center;


    }


    .footer__item:first-child {


        width: 100%;


    }


    .footer__logobox {


        max-width: 100%;


    }


    .footer__item:last-child {


        width: 100%;


        display: flex;


        flex-wrap: wrap;


        align-items: center;


        flex-direction: column;


        margin-top: 20px;


    }


}


@media (min-width:576px) {


    #home-banner-mobile {


        display: none!important;


    }


}


@media (max-width:575px) {


    .home-banner {


        display: none!important;


    }


    .banner__img {


        height: 80vw;


    }


    #banner .caption h1 {


        font-size: 32px;


        line-height: 1.2;


        margin-bottom: 5px;


    }


    #banner .btn-row a.btn-style-1,


    #banner .btn-row a.btn-style-2 {


        width: 100%;


        max-width: 250px;


        text-align: center;


        margin: 5px 0;


    }


    .theme-style-1 h2,


    .theme-style-1 h2 b {


        font-size: 26px;


        line-height: 1.2;


    }


    .copyright::before {


        display: none;


    }


    .copyright__block {


        width: 100%;


    }


    .copyright__links {


        justify-content: center;


    }


    .footer__item-title {


        display: none;


    }


}


/* about */


.common__pagetitle {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    padding-top: 170px;


}


.common__pagetitle::before {


    content: '';


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    background-color: #000;


    opacity: .6;


}


.about__section {


    padding: 70px 0;


}


.about__slider-wrap {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


.about__slider-box {


    width: 48%;


}


.about__slider-textbox {


    width: 52%;


    padding-left: 40px;


}


.about__slider-textbox h3 {


    position: relative;


    color: #333;


    font-size: 40px;


    font-weight: 300;


    line-height: 1.2;


    letter-spacing: .1em;


    padding-bottom: 30px;


    margin-bottom: 25px;


}


.about__slider-textbox h3::before {


    content: '';


    position: absolute;


    bottom: 0;


    left: 0;


    width: 5px;


    height: 5px;


    background-color: #0086d1;


}


.about__slider-textbox h3::after {


    content: '';


    position: absolute;


    bottom: 2px;


    left: 10px;


    width: 164px;


    border-top: 1px solid #0086d1;


}


.about__slider-textbox h3 b {


    font-weight: bold;


}


.about__slider-textbox h4 {


    color: #333;


    font-size: 24px;


    font-weight: 400;


    line-height: 1.25;


    margin: 0 0 25px;


}


.about__slider-textbox p {


    color: #555;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.625;


    margin-bottom: 25px;


}


.about__slider-textbox p:last-child {


    margin: 0;


}


.about__bottom {


    position: relative;


    display: flex;


    flex-wrap: wrap;


    width: 100%;


    float: left;


}


.about__bottom-img {


    width: 50%;


    min-height: 400px;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.about__bottom-img::before {


    content: '';


    display: block;


    padding-top: 50.52%;


}


.about__bottom-box {


    position: absolute;


    left: 44.79%;


    top: 50%;


    width: 555px;


    z-index: 2;


    padding: 40px 30px;


    background-color: #fff;


    -webkit-transform: translateY(-50%);


    -moz-transform: translateY(-50%);


    transform: translateY(-50%);


}


.about__bottom-box h3 {


    position: relative;


    color: #0087d2;


    font-size: 30px;


    line-height: 1.2;


    padding-bottom: 15px;


    margin-bottom: 20px;


}


.about__bottom-box h3::before {


    content: '';


    position: absolute;


    bottom: 0;


    left: 0;


    width: 5px;


    height: 5px;


    background-color: #b3b3b3;


}


.about__bottom-box h3::after {


    content: '';


    position: absolute;


    bottom: 2px;


    left: 10px;


    width: 150px;


    border-top: 1px solid #b3b3b3;


}


.about__bottom-box h4 {


    color: #333;


    font-size: 22px;


    font-weight: 300;


    line-height: 1.18;


    letter-spacing: .05em;


    margin: 0 0 14px;


}


.about__bottom-box p {


    color: #555;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.625;


    margin-bottom: 25px;


}


.about__bottom-box p:last-child {


    margin: 0;


}


@media (max-width:1280px) and (min-width:1200px) {


    #inner-banner {


        padding-top: 120px;


    }


}


@media (max-width:1199px)  {


    #inner-banner {


        padding-top: 0;


    }


    .about__slider-wrap {


        flex-direction: column;


    }


    .about__slider-textbox {


        width: 100%;


        padding: 20px 0 0;


    }


    .about-style-2 .frame {


        padding: 0;


    }


    .about-style-2 .frame::before {


        display: none;


    }


    .about-style-2 .owl-pagination {


        left: -20px;


    }


}


@media (max-width:1199px) and (min-width:576px) {


    .theme-style-1 h1 {


        font-size: 40px;


    }


}


@media (max-width:991px) {


    #inner-banner {


        height: 300px;


    }


    .about__section {


        padding: 40px 0;


    }


    .about__bottom-img {


        width: 100%;


    }


    .about__bottom-box {


        left: 0;


        width: 100%;


        padding: 20px;


    }


    .about__bottom-box h3 {


        font-size: 26px;


        padding-bottom: 10px;


        margin-bottom: 15px;


    }


    .about__bottom-box h4 {


        font-size: 20px;


    }


    .about__bottom-box p {


        margin-bottom: 15px;


    }


}


@media (max-width:991px) and (min-width:576px) {


    .about__slider-textbox h3 {


        font-size: 28px;


    }


}


@media (max-width:575px) {


    .theme-style-1 h1 {


        font-size: 32px;


        margin-bottom: 10px;


    }


    .about__slider-textbox h3 {


        font-size: 26px;


    }


}


/* about end */





/* news */


.news__section {


    padding: 70px 0;


}


.blog-section .left-box {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    flex-direction: column;


}


.news__date {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


    width: 100%;


    height: 64px;


    color: #fff;


    font-size: 14px;


    line-height: 1.2;


    text-align: center;


    background-color: #0086d1;


}


.news__date-line {


    position: relative;


    width: 1px;


    height: 75px;


    margin-top: 17px;


    background-color: #aaa;


}


.news__date-line::before {


    content: '';


    position: absolute;


    left: -2px;


    top: 28px;


    width: 5px;


    height: 19px;


    background-color: #fff;


}


.news__date-line::after {


    content: '';


    position: absolute;


    left: -2px;


    top: 35px;


    z-index: 2;


    width: 5px;


    height: 5px;


    background-color: #aaa;


}


.news__img {


    width: 100%;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.news__img::before {


    content: '';


    display: block;


    padding-top: 63.81%;


}


.news__item-title {


    max-height: 1.2em;


    overflow: hidden;





    color: #333;


    font-size: 24px;


    font-weight: 500;


    line-height: 1.2;


    letter-spacing: .05em;


    margin: 0 0 15px;


}


.theme-style-1 .news__item-text {


    max-height: 4.875em;


    overflow: hidden;





    color: #555;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.625;


    margin: 0 0 25px;


}


.common__paging-box {


    display: flex;


    flex-wrap: wrap;


    justify-content: center;


    margin-top: 30px;


}


.common__paging {


    display: flex;


    flex-wrap: wrap;


    padding: 0 65px;


    border-top: 1px solid #c1c1c1;


    border-bottom: 1px solid #c1c1c1;


}


.common__paging-prev {


    color: #333;


    font-size: 14px;


    line-height: 55px;


    margin-right: 25px;


}


.common__paging-next {


    color: #333;


    font-size: 14px;


    line-height: 55px;


    margin-left: 25px;


}


.common__paging-btn {


    position: relative;


    display: block;


    width: 35px;


    color: #333;


    font-size: 14px;


    line-height: 55px;


    text-align: center;


}


.common__paging--active::before {


    content: '';


    position: absolute;


    left: 0;


    top: -1px;


    width: 100%;


    height: 2px;


    background-color: #0086d1;


}


.common__paging--active::after {


    content: '';


    position: absolute;


    left: 0;


    bottom: -1px;


    width: 100%;


    height: 2px;


    background-color: #0086d1;


}


.news__itembox {


    display: flex;


    flex-wrap: wrap;


}


.blog-section .news__item {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    margin: 30px 30px 0 0;


}


.news__item-main {


    width: calc(100% - 64px);


    padding-left: 30px;


}


.news__item .text-box {


    position: relative;


    padding-bottom: 35px;


    margin: 0;


}


@media (max-width:991px) {


    .news__section {


        padding: 40px 0;


    }


}


@media (min-width:768px) {


    .blog-section .news__item {


        width: calc((100% - 30px) / 2);


    }


    .blog-section .news__item:nth-child(2n) {


        margin-right: 0;


    }


    .blog-section .news__item:nth-child(-n + 2) {


        margin-top: 0;


    }


}


@media (max-width:767px) {


    .blog-section .news__item {


        width: 100%;


        margin-top: 20px;


        margin-right: 0;


    }


    .blog-section .news__item:first-child {


        margin-top: 0;


    }


}


@media (max-width:575px) {


    .blog-section .post-box .left-box {


        display: none;


    }


    .news__item-main {


        width: 100%;


        padding: 0;


    }


    .blog-section .post-box .thumb {


        margin: 0 0 15px;


    }


    .blog-section h3 {


        font-size: 22px;


        margin-bottom: 10px;


    }


    .theme-style-1 .news__item-text {


        margin: 0 0 10px;


    }


}


/* news end */





/* new_detail */


.newdetail {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


.new__bottombox {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: space-between;


    margin-top: 25px;


}


.return {


    display: block;


    width: 120px;


    height: 40px;


    color: #0086d1;


    font-size: 14px;


    line-height: 38px;


    text-align: center;


    border: 1px solid #0086d1;


    border-radius: 20px;


    -webkit-transition: color .4s, background-color .4s;


    -moz-transition: color .4s, background-color .4s;


    transition: color .4s, background-color .4s;


}


.return:hover {


    color: #fff;


    background-color: #0086d1;


}


.share {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


.share::before {


    content: '分享';


    color: #777;


    font-size: 17px;


    font-weight: 300;


    line-height: 1;


    margin-right: 10px;


}


.share__link {


    display: block;


    width: 35px;


    margin-right: 15px;


}


.share__link img:last-child {


    display: none;


}


.share__link:hover img:first-child {


    display: none;


}


.share__link:hover img:last-child {


    display: block;


}


.share__link:last-child {


    margin: 0;


}


@media (max-width:575px) {


    .new__bottombox {


        flex-direction: column;


    }


    .share {


        margin-top: 15px;


    }


}


/* new_detail end */





/* cases */


.news__section .portfolioFilter {


    margin-top: 0;


}


/* cases end */





/* case_detail */


.case__bottombox {


    display: flex;


    justify-content: center;


    margin-top: 40px;


}


/* case_detail end */





/* service */


.service__title {


    position: relative;


    color: #333;


    font-size: 30px;


    font-weight: 400;


    line-height: 1.2;


    padding-bottom: 20px;


    margin: 0 0 15px;


}


.service__title::before {


    content: '';


    position: absolute;


    left: 0;


    bottom: 0;


    width: 5px;


    height: 5px;


    background-color: #0087d2;


}


.service__title::after {


    content: '';


    position: absolute;


    left: 10px;


    bottom: 2px;


    width: 150px;


    border-top: 1px solid #0087d2;


}


.service__subtitle {


    color: #777;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.625;


    margin: 0 0 60px;


}


.service__itembox {


    display: flex;


    flex-wrap: wrap;


    justify-content: space-between;


}


.service__item {


    position: relative;


    padding-left: 50px;


    margin-top: 30px;


}


.service__item:nth-child(-n + 3) {


    margin-top: 0;


}


.service__item-content {


    height: 100%;


    padding: 30px 15px 30px 65px;


    background-color: #fff;


    border: 1px solid #e6e6e6;


    -webkit-box-shadow: 0 0 3px rgba(189,204,212,.1);


    -moz-box-shadow: 0 0 3px rgba(189,204,212,.1);


    box-shadow: 0 0 3px rgba(189,204,212,.1);


}


.service__item-content h3 {


    color: #333;


    font-size: 20px;


    font-weight: 400;


    line-height: 1.2;


}


.service__item-content h4 {


    color: #555;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.625;


    margin: 12px 0 0;


}


.service__icon {


    position: absolute;


    left: 0;


    top: 50%;


    z-index: 2;


    width: 98px;


    height: 98px;


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


    background-color: #fff;


    border: 1px solid #e6e6e6;


    -webkit-transform: translateY(-50%);


    -moz-transform: translateY(-50%);


    transform: translateY(-50%);


}


.service__icon img {


    width: 56px;


}


@media (min-width:1200px) {


    .service__item {


        width: calc((100% - 60px) / 3);


    }


}


@media (max-width:1199px) {


    .service__item:nth-child(3) {


        margin-top: 30px;


    }


}


@media (max-width:1199px) and (min-width:768px) {


    .service__item {


        width: calc((100% - 30px) / 2);


    }


}


@media (max-width:991px) {


    .service__subtitle {


        margin-bottom: 25px;


    }


}


@media (max-width:767px) {


    .service__item {


        width: 100%;


    }


    .service__item:nth-child(2) {


        margin-top: 30px;


    }


}


/* service end */





/* contact */


.theme-style-1 .contact__form-title {


    color: #333;


    font-size: 25px;


    font-weight: 400;


    line-height: 1.2;


    letter-spacing: .05em;


    margin: 0 0 25px;


}


.input__row {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: space-between;


}


.input__block {


    width: calc((100% - 60px) / 3);


}


.input {


    width: 100%;


    color: #555;


    font-size: 16px;


    font-weight: 300;


    line-height: 1;


    padding: 15px 0;


    border-style: solid;


    border-color: #ccc;


    border-width: 0 0 1px;


}


.input::placeholder {


    color: #777;


}


.input:focus {


    outline: none;


}


.textarea {


    width: 100%;


    color: #555;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.625;


    padding: 15px 0;


    margin-top: 15px;


    resize: none;


    border-style: solid;


    border-color: #ccc;


    border-width: 0 0 1px;


}


.textarea:focus {


    outline: none;


}


.submit__box {


    display: flex;


    justify-content: center;


    margin-top: 40px;


}


.submit {


    display: block;


    width: 200px;


    height: 50px;


    color: #fff;


    font-size: 16px;


    line-height: 50px;


    text-align: center;


    background-color: #0087d2;


    border-radius: 25px;


}


.submit:hover {


    color: #fff;


    opacity: .8;


}


@media (max-width:991px) {


    .theme-style-1 .contact__form-title {


        font-size: 22px;


        margin-bottom: 15px;


    }


    .submit__box {


        margin-top: 20px;


    }


}


@media (max-width:767px) {


    .input__block {


        width: 100%;


    }


    .textarea {


        margin: 0;


    }


}


/* contact end */





/* customize end */





/* 0907 */


@media (max-width:767px) {


    #banner .owl-pagination {


        left: 0;


        right: 0;


        top: auto;


        bottom: 0px;


        width: 100%;


        text-align: center;


        margin: 0;


    }


    #banner .owl-page {


        display: inline-block;


        margin: 0 0 5px;


    }


    #banner .owl-page:nth-child(n + 2) {


        margin-left: 10px;


    }


    .welcome-slider {


        margin-bottom: 20px;


    }


    .welcome-slider .owl-pagination {


        bottom: -35px;


        top: auto;


        left: 0;


        right: 0;


        width: 100%;


        text-align: center;


    }


    .welcome-slider .owl-page {


        display: inline-block;


    }


    .welcome-slider .owl-page:nth-child(n + 2) {


        margin-left: 10px;


    }


}


/* 0907 end */