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



[Master Stylesheet]



Project:    Intenax - HTML Template

Version:    1

Last Change:    25/4/2019

Primary Use:    Architecture and Renovation



------------------------------------------



[Table of contents]



1. Fonts

2. Resources / Css Files

3. Reset

4. Global Settings

5. Buttons Style

6. Social Icons

7. Scroll To Top style

8. Section Title

9. Main Header

10. Main Slider Section

11. Services Section

12. Services Section Two

13. Counter Section

14. Work Section

15. Testiomonial Section

16. Fluid Section Two

17. Team Section

18. News Section

19. Sponsors Section

20. Contact Info Section

21. Main Slider Two

22. Experts Section

23. Business Section

24. Benefits Section

25. Call To Action Section

26. Fluid Section Two

27. Accordion Style

28. Default Form

29. Default Form

30. Newsletter Section

31. Page Title

32. About Section

33. Choose Section

34. Work Section Two

35. Services Page Section

36. Sidebar Page Container

37. Comments Area

38. Contact Message Section

39. Map Section

40. Contact Form



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



@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Montserrat:400,400i,500,500i,600,600i,700,700i');



@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:100,100i,300,300i,400,400i,500,600|Noto+Sans+TC:300,350,400,500,700&display=swap&subset=chinese-traditional');





/*font-family: 'Open Sans', sans-serif;

font-family: 'Montserrat', sans-serif;*/





/***



====================================================================

	1. Resources / Css Files

====================================================================



 ***/



 @import url('font-awesome.css');

 @import url('flaticon.css');

 @import url('animate.css');

 @import url('owl.css');



 @import 'owl-transitions.css';

 @import 'hover.css';

 @import 'magnific-popup.css';



 @import url('jquery-ui.css');

 @import url('custom-animate.css');

 @import url('simple-line-icons.css');

 @import url('jquery.fancybox.min.css');

 @import url('jquery.mCustomScrollbar.min.css');

 @import url('kf.css');



/***



====================================================================

	1. Fonts

====================================================================



 ***/





/***



====================================================================

	3. Reset

====================================================================



 ***/



* {

	margin:0px;

	padding:0px;

	border:none;

	outline:none;

}



/***



====================================================================

	4. Global Settings

====================================================================



 ***/



 html {

     font-size: 75%;

     -webkit-font-smoothing: antialiased

 }



body {

  font-family: 'Noto Sans TC',sans-serif;

  font-size: 1em;

	/* font-family: 'Open Sans', sans-serif; */

	/* font-size:14px; */

	color:#777777;

	line-height:1.7em;

	font-weight:400;

  color: #747474;

	background:#fff;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px

}



::-webkit-scrollbar-thumb {

    cursor: pointer;

    background: #c5a47e

}



::selection {

    background-color: #c5a47e;

    color: #fff

}



-webkit-::selection {

    background-color: #c5a47e;

    color: #fff

}



@media(max-width: 480px) {

  body{

    font-size: 14px;

  }

}



::-moz-selection {

    background-color: #c5a47e;

    color: #fff

}



@font-face {

    font-family: montserratlight;

    src: url(../fonts/montserrat/Montserrat-Light.ttf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: montserratsemibold;

    src: url(../fonts/montserrat/Montserrat-SemiBold.ttf);

    font-weight: 400;

    font-style: normal

}



.bordered-layout .page-wrapper{

	padding:0px 50px 0px;

}



a{

	text-decoration:none;

	cursor:pointer;

	color:#e9c37a;

}



button,

a:hover,a:focus,a:visited{

	text-decoration:none;

	outline:none !important;

}



h1,.h1 {

    font-family: 'Barlow Condensed',sans-serif;

    font-weight: 400;

    font-size: 8vmin;

    line-height: 1.2;

    letter-spacing: .32em;

    text-transform: uppercase;

    color: #3d3d3d

}



h2,.h2 {

    font-family: 'Barlow Condensed',sans-serif;

    font-weight: 400;

    font-size: 2.1875em;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #3d3d3d

}



h3,.h3 {

  font-family: 'Barlow Condensed',sans-serif;

    font-size: 1.875em;

    line-height: 1.1;

    font-weight: 400;

    color: #3d3d3d

}



h4,.h4 {

  font-family: 'Barlow Condensed',sans-serif;

    font-size: 1.75em;

    line-height: 1.2;

    font-weight: 400;

    color: #3d3d3d;

    letter-spacing: .1em;

    text-transform: uppercase

}





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

	position:relative;

	font-weight:normal;

	margin:0px;

	background:none;

	line-height:1.6em;

	font-family: 'Montserrat', sans-serif;

} */



/* Typography */



/* h1{font-size:70px;}

h2{font-size:40px;}

h3{font-size:28px;}

h4{font-size:24px;}

h5{font-size:20px;}

h6{font-size:18px;} */



input,button,select,textarea{



}



textarea{

	overflow:hidden;

}



p{

	position:relative;

	line-height:1.8em;

  letter-spacing: .05em;

  margin-bottom: 1.6em;

  font-weight: 300;

  color: #666;

}



b,strong {

    font-family: 'Noto Sans TC',sans-serif

}



.auto-container{

	position:static;

	max-width:1200px;

	padding:0px 15px;

	margin:0 auto;

}



.medium-container{

	max-width:850px;

}



.page-wrapper{

	position:relative;

	margin:0 auto;

	width:100%;

	min-width:300px;

}



ul,li{

	list-style:none;

	padding:0px;

	margin:0px;

}



a {

    color: #c5a47e;

    -webkit-transition: color .3s ease-out;

    -o-transition: color .3s ease-out;

    transition: color .3s ease-out

}



a:hover,a:focus {

    color: #c5a47e;

    outline: none

}



a:focus {

    text-decoration: none

}



.form-control,textarea.form-control {

    font-size: 1em;

    height: 3.625em;

    border-radius: .75em;

    padding-left: 22px;

    color: #666;

    background-color: #f3f3f3;

    border: 1px solid #f3f3f3;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-appearance: none;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



textarea.form-control {

    height: 7.9em;

    padding-top: 1.1em;

    resize: none

}



.form-control:focus {

    border-color: #c5a47e;

    background-color: #fff;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none

}



.form-control::-moz-placeholder {

    color: #666;

    opacity: 1

}



.form-control:-ms-input-placeholder {

    color: #666

}



.form-control::-webkit-input-placeholder {

    color: #666

}



.form-control.error {

    border-color: #c5a47e

}



.form-group {

    margin-bottom: 10px

}



.wobble-error {

    -webkit-animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;

    animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal

}



label.error {

    display: none!important

}



.btn {

    font-family: 'Barlow Condensed';

    position: relative;

    display: inline-block;

    border: .2em solid #c5a47e;

    border-radius: 30px;

    padding: 1.1em 2.2em 1.05em;

    font-size: .875em;

    font-weight: 600;

    color: #fff;

    letter-spacing: .15em;

    text-transform: uppercase;

    text-decoration: none;

    background-color: #c5a47e;

    border: 0;

    -webkit-transition: all .3s ease-out!important;

    transition: all .3s ease-out!important

}



.btn:hover,.btn:focus {

    color: #fff;

    background-color: #cc9f6b;

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: none!important

}



.btn .icon-next {

    position: relative;

    top: -.1em;

    margin-left: .6em;

    vertical-align: middle

}



.btn-gray {

    background-color: #f2f2f2;

    color: #a7a7a7

}



.btn-shadow-1 {

    box-shadow: 0 15px 34px rgba(0,0,0,.18)

}



.btn-shadow-2 {

    box-shadow: 0 15px 34px rgba(197,164,126,.5)

}



.icon-next {

    display: inline-block;

    width: .94em;

    height: .75em;

    background: url(../img/img-icon/next.png) 0 0 no-repeat;

    background-size: .94em .75em

}





.loader {

    position: fixed;

    overflow: hidden;

    z-index: 100;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    color: #fff;

    text-align: center

}



.loader .page-lines .line {

    background-color: #ededed

}



.loader-brand {

    position: absolute;

    left: 0;

    width: 100%;

    top: 50%;

    -webkit-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    transform: translate(0,-50%)

}



.sk-folding-cube {

    margin: 20px auto;

    width: 40px;

    height: 40px;

    position: relative;

    -webkit-transform: rotateZ(45deg);

    transform: rotateZ(45deg)

}



.sk-folding-cube .sk-cube {

    float: left;

    width: 50%;

    height: 50%;

    position: relative;

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1)

}



.sk-folding-cube .sk-cube:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #c5a47e;

    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;

    animation: sk-foldCubeAngle 2.4s infinite linear both;

    -webkit-transform-origin: 100% 100%;

    -ms-transform-origin: 100% 100%;

    transform-origin: 100% 100%

}



.sk-folding-cube .sk-cube2 {

    -webkit-transform: scale(1.1) rotateZ(90deg);

    transform: scale(1.1) rotateZ(90deg)

}



.sk-folding-cube .sk-cube3 {

    -webkit-transform: scale(1.1) rotateZ(180deg);

    transform: scale(1.1) rotateZ(180deg)

}



.sk-folding-cube .sk-cube4 {

    -webkit-transform: scale(1.1) rotateZ(270deg);

    transform: scale(1.1) rotateZ(270deg)

}



.sk-folding-cube .sk-cube2:before {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



.sk-folding-cube .sk-cube3:before {

    -webkit-animation-delay: .6s;

    animation-delay: .6s

}



.sk-folding-cube .sk-cube4:before {

    -webkit-animation-delay: .9s;

    animation-delay: .9s

}



@-webkit-keyframes sk-foldCubeAngle {

    0%,10% {

        -webkit-transform: perspective(140px) rotateX(-180deg);

        transform: perspective(140px) rotateX(-180deg);

        opacity: 0

    }



    25%,75% {

        -webkit-transform: perspective(140px) rotateX(0deg);

        transform: perspective(140px) rotateX(0deg);

        opacity: 1

    }



    90%,100% {

        -webkit-transform: perspective(140px) rotateY(180deg);

        transform: perspective(140px) rotateY(180deg);

        opacity: 0

    }

}



@keyframes sk-foldCubeAngle {

    0%,10% {

        -webkit-transform: perspective(140px) rotateX(-180deg);

        transform: perspective(140px) rotateX(-180deg);

        opacity: 0

    }



    25%,75% {

        -webkit-transform: perspective(140px) rotateX(0deg);

        transform: perspective(140px) rotateX(0deg);

        opacity: 1

    }



    90%,100% {

        -webkit-transform: perspective(140px) rotateY(180deg);

        transform: perspective(140px) rotateY(180deg);

        opacity: 0

    }

}



.layout {

    position: relative;

    overflow: hidden

}



.text-primary {

    color: #c5a47e

}



.page-lines {

    position: absolute;

    z-index: -1;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}





.page-lines .col-line {

    padding: 0

}



.page-lines .line {

    position: absolute;

    left: 0;

    width: 1px;

    height: 50000px;

    background-color: #f4f4f4

}



.page-lines .col-line:last-child .line:last-child {

    left: auto;

    right: 0

}



.row-base {

    margin-top: -3em

}



.col-base {

    margin-top: 3em

}





.section-header {

    position: relative

}



.section-title {

    text-align: center;

    margin: 0;

    margin-left: .32em

}



.fade-title-left,.fade-title-right {

    font-family: 'Noto Sans TC',sans-serif;

    font-weight: 700;

    font-size: 10.8em;

    line-height: 1;

    color: #000;

    position: absolute;

    left: 0;

    top: .03em;

    opacity: .035;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%)

}



.fade-title-right {

    left: 100%

}



.section-content {

    margin-top: 7.1em

}



.header-inner .vertical-panel-content {

    bottom: auto;

    top: 12.2vmin

}





.brand-panel {

    position: absolute;

    z-index: 4;

    left: 0;

    top: 0;

    width: 39.47vmin;

    height: 40.7vmin;

    padding: 4.8vmin 2em;

    background-color: #f6f5f3;

    text-align: center;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}

.brand-panel.banner{

  height: auto;

}



.brand {

    display: inline-block;

    font-family: 'Noto Sans TC',sans-serif;

    font-weight: 700;

    font-size: 4vmin;

    line-height: 1;

    color: #3d3d3d

}



.brand:hover,.brand:focus {

    color: #3d3d3d;

    text-decoration: none

}



.brand-name {

    position: absolute;

    z-index: -1;

    bottom: -.4em;

    right: -.37em;

    font-family: 'Noto Sans TC',sans-serif;

    font-weight: 700;

    font-size: 8.75em;

    line-height: 1;

    opacity: .05

}



.slide-number {

    font-family: 'Barlow Condensed',sans-serif;

    margin-top: 8vmin

}



.slide-number .current-number {

    font-size: 9vmin;

    letter-spacing: .1em;

    line-height: 1

}



.slide-number sup {

    display: inline-block;

    position: relative;

    top: -3px;

    font-size: 2vmin;

    letter-spacing: .1em;

    color: #3d3d3d;

    vertical-align: top;

    margin-left: .46em

}



.slide-number sup .delimiter {

    display: inline-block;

    margin-right: .4em

}



.header-phone {

    font-family: 'Barlow Condensed',sans-serif;

    font-weight: 400;

    font-size: 1em;

    letter-spacing: 2px;

    position: absolute;

    z-index: 3;

    color: #fff;

    left: 45vmin;

    top: 4.9vmin

}



@media(max-width: 480px) {

    .header-phone {

        display:none

    }

}



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

    .header-phone {

        display:none

    }

}







.vertical-panel,.vertical-panel-content {

    position: absolute;

    width: 19.735vmin;

    left: 0;

    bottom: 0;

    text-align: center;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.vertical-panel {

    z-index: 3;

    height: 10000px;

    background-color: #f6f5f3

}



.vertical-panel-content {

    z-index: 4

}



.vertical-panel-info {

    margin-bottom: 3.5vmin

}



.vertical-panel-info .line {

    height: 5vmin;

    width: 1px;

    margin: 15px auto 0;

    background-color: #c5c4c2

}



.vertical-panel-title {

    font-family: 'Noto Sans TC',sans-serif;;

    font-size: 10px;

    white-space: nowrap;

    text-transform: uppercase;

    letter-spacing: 1em;

    color: #3d3d3d;

    position: relative;

    left: -6px;

    margin: 0 auto;

    width: 1px;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0

}



@media(max-height: 850px) {

    .vertical-panel-title {

        display:none

    }

}





.social-list {

    margin-bottom: 3.5vmin

}



.social-list li {

    margin-top: 3.8vmin

}



.social-list .fa {

    font-size: 2.4vmin;

    color: #c5c4c2

}



.social-list .fa:hover {

    color: #c5a47e;

    text-decoration: none

}





/* --------go-get-header----------- */



.navbar-desctop {

    display: none;

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    width: 100%;

    padding: 3.9vmin 0 0

}



.navbar-desctop .brand {

    display: none;

    position: relative;

    float: left;

    top: -.22em;

    font-size: 1.6em;

    width: 220px;

}



.navbar-desctop-menu {

    float: right;

    font-family: 'Barlow Condensed',sans-serif;

    font-weight: 400;

    font-size: 1em;

    background-color: rgba(0, 0, 0, 0.3);

    /* letter-spacing: .32em; */

    text-transform: uppercase;

    margin-bottom: 0;

    padding: 0 1em;

}



.navbar-desctop-menu li {

    position: relative;

    -webkit-perspective: 2000px;

    perspective: 2000px

}



.navbar-desctop-menu li a {

    display: block;

    text-decoration: none;

    color: #fff

}



.navbar-desctop-menu li a:hover,.navbar-desctop-menu .active>a {

    color: #c5a47e;

}



.navbar-desctop-menu > li > a:hover,.navbar-desctop-menu  > li.active>a {

    color: #ffd4a3;

}



.navbar-desctop-menu>li {

    float: left;

    /* margin-left: 5.1em */

    margin:0 1.7em;

}



.navbar-desctop-menu>li>a {

    color: #fff;

    background-color: transparent;

    margin-bottom: 0.7em;

    margin-top: .5em;

}



.navbar-desctop-menu li ul {

    position: absolute;

    z-index: 10;

    left: 100%;

    top: 60%;

    visibility: hidden;

    min-width: 200px;

    opacity: 0;

    box-shadow: 0 15px 35px rgba(0,0,0,.1);

    background: rgba(255,255,255,.95);

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    transition: all .3s ease-out

}



.navbar-desctop-menu>li>ul {

    left: -20px;

    margin-top: 0

}



.navbar-desctop-menu li:hover>ul {

    top: 0;

    visibility: visible;

    opacity: 1

}



.navbar-desctop-menu>li:hover>ul {

    top: 100%;

     background: #fff;

}



.navbar-desctop-menu li li {

    border-bottom: 1px solid rgba(0,0,0,.05);

    /* background-color: #fff; */

}



.navbar-desctop-menu li li:last-child {

    border-bottom: 0

}



.navbar-desctop-menu li li a {

    color: #000;

    padding: 12px 20px 10px

}



.navbar-desctop.affix {

    position: fixed;

    z-index: 15;

    top: 0;

    background-color: rgba(255,255,255,.95);

    padding: 1.3em 0 0;

    box-shadow: 0 0 35px rgba(0,0,0,.1)

}



.navbar-desctop.affix ul{

  background-color: transparent;

}



.navbar-desctop.affix.affix-top {

    padding-top: 2.2em

}



.navbar-desctop.affix .brand {

    display: inline-block

}



.navbar-desctop.affix .navbar-desctop-menu li a {

    color: #000;

    margin-bottom: 1.5em;

    margin-top: 0;

}



.navbar-desctop.affix .navbar-desctop-menu li>a:hover,.navbar-desctop.affix .navbar-desctop-menu .active>a {

    color: #c5a47e;

}



.navbar-mobile {

    position: absolute;

    z-index: 2;

    left: 0;

    top: 0;

    width: 100%;

    padding: 6vmin 0

}



.navbar-mobile .brand {

    display: none;

    margin-left: 15px;

    font-size: 1.6em

}



.navbar-collapse {

    background-color: #fff

}



@media(max-height: 320px) {

    .navbar-collapse {

        max-height:240px

    }

}



.navbar-toggle {

    padding: 0;

    margin-top: 0;

    margin-bottom: 0;

    border-radius: 0;

    border: 0

}



.navbar-toggle .icon-bar {

    background-color: #fff;

    height: 2px;

    width: 30px

}



.navbar-toggle .icon-bar+.icon-bar {

    margin-top: 5px

}



.navbar-toggle.collapsed .icon-bar {

    background-color: #fff

}





.navbar-nav-mobile {

    font-family: 'Barlow Condensed',sans-serif;

    font-weight: 300;

    font-size: .9em;

    letter-spacing: .32em;

    text-transform: uppercase;

    padding-top: 1.2em;

    margin-bottom: 0

}



.navbar-nav-mobile li {

    position: relative;

    border-top: 1px solid #ececec

}



.navbar-nav-mobile li a {

    display: block;

    padding: 1em;

    color: #000;

    text-decoration: none;

    font-weight: 500;

    font-size: 1.3em;

    letter-spacing: 0.1em;

}



.navbar-nav-mobile>.current>a {

    color: #c5a47e

}



.navbar-nav-mobile li a .fa-angle-down {

    position: relative;

    display: inline-block;

    vertical-align: middle

}



.navbar-nav-mobile>.current>a .fa-angle-down {

    top: -.2em;

    left: -.3em;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg)

}



.navbar-nav-mobile>.active>a,.navbar-nav-mobile>.active>a:hover {

    background-color: #c5a47e;

    color: #fff;

    -webkit-transition: none;

    -o-transition: none;

    transition: none

}



.navbar-nav-mobile ul {

    display: none

}



.navbar-nav-mobile li a:hover,.navbar-nav-mobile li .active>a {

    color: #c5a47e

}





.navbar-mobile.affix {

    position: fixed;

    z-index: 5;

    background-color: #fff;

    box-shadow: 0 0 35px rgba(0,0,0,.1);

    padding: 1.2em 0

}



.navbar-mobile.affix .brand {

    display: inline-block;

    width: 200px;

}



.navbar-mobile.affix .navbar-toggle .icon-bar {

    background-color: #c5a47e

}





/* --------end heade-------- */





.main {

    position: relative;

    overflow: hidden;

    min-height: 420px

}



.main-blog .page-lines,.main-projects .page-lines,.main-project .page-lines,.main-contacts .page-lines {

    opacity: .08

}



.rev_slider {

    color: #fff;

    min-height: 420px

}



.rev_slider .btn {

    -webkit-transition: background-color .3s ease-out!important;

    transition: background-color .3s ease-out!important

}



.tp-caption {

    padding: 0 20px;

    text-align: right

}



@media(max-width: 480px) {

  .js-target-scroll.btn{

    padding: 10px 20px;

  }

  .tp-caption  {

    padding-left: 1em;

  }

  .slide-subtitle{

    margin-top: 2em;

  }

  .tp-loop-wrap{

    right: 10px;

  }

}





.arrow-left,.arrow-right {

    position: absolute;

    z-index: 4;

    bottom: 4vh;

    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.arrow-left {

    left: 22vmin

}



.arrow-right {

    right: 15px

}



.arrow-left:after,.arrow-right:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    background-color: transparent;

    font-family: 'Barlow Condensed',sans-serif;

    font-size: 1em;

    line-height: 1;

    letter-spacing: .32em;

    text-transform: uppercase;

    color: #fff

}



.arrow-left:after {

    content: 'Prev'

}



.arrow-right:before {

    content: 'Next'

}



.arrow-left:before,.arrow-right:after {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 1.3em;

    height: 1em;

    opacity: .25;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.arrow-left:hover:before,.arrow-right:hover:after {

    opacity: 1

}



.arrow-left:before {

    background: url(../img/img-icon/prev.png) 0 0 no-repeat;

    background-size: 1.3em 1em;

    margin-right: .82em

}



.arrow-right:after {

    background: url(../img/img-icon/next.png) 0 0 no-repeat;

    background-size: 1.3em 1em;

    margin-left: .72em

}



.slide-title {

    font-family: 'Barlow Condensed',sans-serif;

    /* font-size: 50px; */

    letter-spacing: .32em;

    text-transform: uppercase

}



.slide-subtitle {

    font-size: 18px;

    line-height: 1.7;

    letter-spacing: .05em;

    /* margin-top: 3em; */

}





.about .fade-title-left {

    top: 1em

}



.col-about-title {

    margin-top: 0;

    margin-bottom: 1.1em

}



.col-about-info p:last-child {

    margin-bottom: 0

}



.col-about-img {

    position: relative

}



.col-about-img img {

    display: block;

    box-shadow: 0 8px 25px rgba(0,0,0,.2)

}



.col-service {

    padding: 3em 4.1em;

    border-right: 1px solid #b3b3b3;

}

.col-service:last-child{

  border: none;

}



.service-item {

    margin-bottom: 2em

}



.service-item:last-child {

    margin-bottom: 0;

    text-align: center;

}



.service-item h4 {

    margin-top: .8em;

    margin-bottom: .5em

}



.services .service-item h4 {

    margin-top: 1em;

    text-align: center;

}



/* .services .service-item h4 span {

  display: block;

  font-size: 20px;

  letter-spacing: 1px;

  color: #747474;

  font-family:'Noto Sans TC',sans-serif;

  font-weight: 300;

} */



.service-item p:last-child {

    margin-bottom: 0;

}

.service-item p{

  text-align: left;

  min-height: 9em;

}



.project {

    padding: 0;

    overflow: hidden

}



.project figure {

    position: relative

}



.project figure img {

    display: block;

    width: 100%;

    -webkit-transition: all 8s linear;

    -o-transition: all 8s linear;

    transition: all 8s linear

}



.project figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #111;

    opacity: .7;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.project.project-light figure:after {

    opacity: .4

}



.project figcaption {

    position: absolute;

    z-index: 1;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: 3.2em 3.6em

}



.project-title {

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    font-family: 'Noto Sans TC',sans-serif;

    font-weight: 700;

    font-size: 1.3em;

    line-height: 1.45;

    letter-spacing: .05em;

    color: #fff;

    text-transform: uppercase;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.project-category {

    position: absolute;

    left: 0;

    bottom: 30em;

    width: 30em;

    margin: 0 0 -.8em;

    font-family: 'Barlow Condensed',sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #fff;

    letter-spacing: .3em;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    direction:rtl;

    text-transform:none;

}



.project-zoom {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 9em;

    height: 9em;

    margin: -4.5em;

    border-radius: 50%;

    background-color: rgba(197,164,126,.84);

    overflow: hidden;

    opacity: 0;

    -webkit-transform: scale(.5);

    -ms-transform: scale(.5);

    -o-transform: scale(.5);

    transform: scale(.5);

    -webkit-transition: all .7s;

    -o-transition: all .7s;

    transition: all .7s

}



.project-zoom:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    width: 2.625em;

    height: 2.625em;

    background: url(../img/img-icon/zoom.png) 0 0 no-repeat;

    background-size: cover;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%)

}



.project figure:hover:after {

    opacity: 0

}



.project figure:hover img {

    -webkit-transform: scale(1.4);

    transform: scale(1.4)

}



.project figure:hover .project-title {

    top: 30px;

    opacity: 0

}



.project figure:hover .project-category {

    opacity: 0;

    letter-spacing: 1em

}



.project figure:hover .project-zoom {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1)

}



.owl-prev,.owl-next {

    position: absolute;

    top: 50%;

    font-family: 'Barlow Condensed',sans-serif;

    font-size: 1em;

    letter-spacing: .32em;

    text-transform: uppercase;

    color: #fff;

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

    transform: translateY(-50%);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    opacity: .7

}



.owl-prev:hover,.owl-next:hover {

    opacity: 1

}



.owl-prev {

    left: .8em;

    padding-left: 35px;

    background: url(../img/img-icon/prev.png) left 50% no-repeat;

    background-size: 1.3em 1em

}



.owl-next {

    left: auto;

    right: .8em;

    padding-right: 35px;

    background: url(../img/img-icon/next.png) right 50% no-repeat;

    background-size: 1.3em 1em

}



.mfp-figure {

    box-shadow: none

}



.mfp-iframe-scaler {

    overflow: visible

}



.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {

    padding: 0;

    margin-top: -10px;

    font-family: inherit;

    font-size: 40px;

    font-weight: 300;

    line-height: 0

}



img.mfp-img {

    min-height: 460px

}



.mfp-title {

    padding-right: 40px;

    font-size: 1.2em;

    line-height: 1.2;

    margin-top: 3px;

    text-transform: uppercase;

    letter-spacing: .1em;

    padding-bottom: 10px

}



.mfp-counter {

    top: 5px

}



.mfp-bg {

    background-color: #141414

}



.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {

    display: none

}



.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {

    display: none

}



.mfp-wrap .mfp-content {

    -webkit-perspective: 1300px;

    perspective: 1300px

}



.mfp-wrap .mfp-figure,.mfp-wrap .mfp-iframe-scaler {

    opacity: 0;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-transform: scale(0) rotateY(60deg);

    -o-transform: scale(0) rotateY(60deg);

    transform: scale(0) rotateY(60deg)

}



.mfp-bg {

    opacity: 0;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.mfp-wrap .mfp-figure,.mfp-wrap .mfp-iframe-scaler {

    opacity: 0;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    -webkit-transform: rotateY(-60deg);

    -ms-transform: rotateY(-60deg);

    -o-transform: rotateY(-60deg);

    transform: rotateY(-60deg)

}



.mfp-bg {

    opacity: 0;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.mfp-wrap.mfp-ready .mfp-figure,.mfp-wrap.mfp-ready .mfp-iframe-scaler {

    opacity: 1;

    -webkit-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0)

}



.mfp-ready.mfp-bg {

    opacity: .8

}



.mfp-wrap.mfp-removing .mfp-figure,.mfp-wrap.mfp-removing .mfp-iframe-scaler {

    opacity: 0;

    -webkit-transform: rotateX(-60deg);

    -ms-transform: rotateX(-60deg);

    -o-transform: rotateX(-60deg);

    transform: rotateX(-60deg)

}



.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

    cursor: url(../images/zoom-out.cur),zoom-out

}



.mfp-removing.mfp-bg {

    opacity: 0

}





.project-title-info {

    font-family: 'Noto Sans TC',sans-serif;

    font-weight: 700;

    font-size: 2vmin;

    text-transform: uppercase;

    letter-spacing: .2em;

    margin-top: 2.2em;

    margin-left: -1.8em

}



.project-title-info .project-info-item {

    display: inline-block;

    margin-left: 1.8em

}



.project-details-item {

    position: relative

}



.project-details-img {

    position: relative;

    padding: 0

}



.project-details-info {

    background-color: #c5a47e;

    padding: 4.8em 3.1em;

    color: #fff

}



.project-details-title {

    position: relative;

    font-family: 'Barlow Condensed',sans-serif;

    font-weight: 400;

    font-size: 1.9em;

    line-height: 1.5;

    text-transform: uppercase;

    color: #fff;

    margin: 0 0 .7em

}



.project-details-title:before {

    content: '';

    position: absolute;

    bottom: -.35em;

    width: 10em;

    border-top: 1px solid #ededed;

    left: -4.4em;

    width: 5.5em

}



.project-details-descr {

    font-size: 1.1em;

    line-height: 1.62

}



.project-details-descr p:last-child {

    margin-bottom: 0

}



.project-details-item:nth-child(even) .project-details-info {

    right: 0;

    left: auto;

    top: 13%;

    background-color: #212121

}



.experience {

    text-align: center

}



.text-parallax {

    background: no-repeat 0 0;

    display: inline-block

}



.text-parallax-content {

    font-family: 'Barlow Condensed',sans-serif;

    font-weight: 700;

    font-size: 21.8em;

    line-height: 1;

    overflow: hidden;

    margin-bottom: 0;

    background: #fff;

    color: #363636;

    mix-blend-mode: lighten

}



.experience-info {

    position: relative;

    top: -.75em;

    font-family: 'Barlow Condensed',sans-serif;

    font-size: 1.5625em;

    line-height: 1.45;

    letter-spacing: .06em;

    display: inline-block;

    text-align: left;

    margin: 0 0 0 .5em

}





.clients {

    text-align: center

}



.clients-list {

    margin: -3.8em -1.95em 0

}



.clients-list .client {

    display: inline-block;

    vertical-align: middle;

    padding: 3.8em 1.95em 0;

    margin: 0

}



.clients-list .client img {

    opacity: .2;

    display: block;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.clients-list .client a:hover img {

    opacity: 1

}



.contacts .fade-title-right {

    left: 90%

}



.row-field {

    margin-left: -5px;

    margin-right: -5px

}



.col-field {

    padding: 0 5px

}



.col-message {

    display: none;

    margin-top: 20px

}



.col-address {

    font-size: 1.125em;

    line-height: 2.1;

    margin-top: 2em

}



.form-submit {

    margin-top: 1.2em

}



.success-message {

    display: none

}



.error-message {

    display: none

}



.success-message .fa {

    margin-right: 7px;

    font-size: 1.5em

}



.contact-details {

    position: relative;

    overflow: hidden;

    margin-top: -1px

}



.col-map {

    height: 35em

}



.gmap {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    padding: 0;

    height: 100%

}



.map-info {

    padding: 1.2em

}



.map-title {

    margin-bottom: 2em

}



.map-title h3 {

    margin: 0

}



.map-address-row {

    margin-top: 1em

}



.map-address-row .fa {

    float: left;

    margin: .35em .6em 0 0;

    width: 1.1em;

    text-align: center;

    color: #c5a47e;

    font-size: 1.2em

}



.map-address-row .text {

    display: block;

    overflow: hidden;

    font-size: 1.15em

}



.contact-info {

    color: #fff;

    padding: 0;

    background: url(../img/bg/contact-details.jpg) 50% no-repeat;

    background-size: cover

}



.contact-info-content {

    padding: 5.5em 5.6em;

    background-color: rgba(197,164,125,.95)

}



.contact-info-title {

    font-family: 'Barlow Condensed',sans-serif;

    font-size: 80px;

    letter-spacing: .32em;

    text-transform: uppercase;

    color: #fff;

    opacity: .1;

    position: absolute;

    top: 100%;

    left: 100%;

    margin-top: -.5em;

    margin-left: -2.3em;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0

}



.contact-row {

    position: relative;

    z-index: 1;

    margin-bottom: 2.3em

}



.contact-row:last-child {

    margin-bottom: 0

}



.contact-row h4 {

    margin: 0 0 .8em;

    color: #fff

}



.contact-row .fa {

    float: left;

    width: 1.1em;

    margin-top: -.15em;

    padding: 1px;

    text-align: center;

    font-size: 1.3em;

    line-height: 1.25

}



.contact-body {

    padding-left: 2.6em

}



.contact-content {

    font-size: 1.3em

}



.phone-row {

    font-size: 1.3em;

    letter-spacing: .2em;

    margin-top: .5em

}



.footer {

    text-align: center;

    margin: 7.1em 0 5.5em;

    font-size: 12px;

    color: #aaa

}



.footer .brand {

    margin-top: -.45em;

    font-size: 3.4em

}



.author-link {

    font-family: 'Noto Sans TC',sans-serif;

    color: #d0d0d0

}



.author-link:hover {

    text-decoration: none

}





.objects {

    position: relative

}



.object-label {

    position: absolute;

    width: 1em;

    height: 1em;

    background-color: #8a6c4a;

    border-radius: 50%;

    cursor: pointer;

    transition:all 300ms ease-in-out;

}





.popover.top {

    margin-top: -20px

}



.object-info {

    position: absolute;

    display: none;

    z-index: 1;

    left: 50%;

    bottom: 40px;

    width: 12.4em;

    margin-left: -6.2em;

    padding: 1.1em 1.3em 3em;

    border: 0;

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

    border-radius: 4px;

    -webkit-box-shadow: none;

    box-shadow: none

}



.object-info.in {

    display: block

}



.object-info:before {

    content: '';

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -16px;

    width: 0;

    height: 0;

    border: 16px solid transparent;

    border-top: 14px solid rgba(0,0,0,.6)

}



.object-title {

    font-size: 1em;

    font-family: 'Noto Sans TC',sans-serif;

    font-weight: 600;

    letter-spacing: .16em;

    text-transform: uppercase;

    color: #ffd4a3;

    padding: 0 0 1em;

    border-bottom: 1px solid rgba(249,249,249,.8);

    margin: 0 0 .5em

}



.object-content {

    font-family: 'Noto Sans TC',sans-serif;

    font-size: .75em;

    line-height: 2.6;

    color: #fff;

    padding: 0;

    letter-spacing: 0.03em;

}



.popover.top>.arrow {

    border-top-color: transparent

}



.popover.top>.arrow:after {

    border-top-color: rgba(0,0,0,.6)

}



























img{

	display:inline-block;

	max-width:100%;

}



.theme-btn{

	display:inline-block;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.centered{

	text-align:center;

}



/***



====================================================================

	5. Buttons Style

====================================================================



 ***/



/*Btn Style One*/



.btn-style-one{

	position:relative;

	line-height:24px;

	color:#fff;

	font-size:16px;

	font-weight:600;

	letter-spacing:0.05em;

	background-color:rgba(197, 164, 126, .5);

	padding:12px 31px !important;

	text-transform:uppercase;

	/* border:2px solid #e9c37a; */

  border-radius: 100px;

  font-family: 'Barlow Condensed',sans-serif;

	/* font-family: 'Noto Sans TC', sans-serif; */



}



.btn-style-one:hover{

	color: #fff;

	box-shadow:0px 0px 7px 0px rgba(0,0,0,0.20);

	/* border-color:#ffffff; */

	background:#c5a47e;

}



/*Btn Style Two*/



.btn-style-two{

	position:relative;

	line-height:24px;

	background:none;

	color:#222222;

	font-size:14px;

	font-weight:600;

	letter-spacing:0.05em;

	padding:12px 32px 12px;

	border:2px solid #222222;

	text-transform:uppercase;

	font-family: 'Noto Sans TC', sans-serif;



}



.btn-style-two:hover{

	background:#e9c37a;

	border-color:#e9c37a;

	color:#ffffff;

}



/* List Style One */



.list-style-one{

	position:relative;

}



.list-style-one li{

	position:relative;

	color:#666666;

	font-size:14px;

	font-weight:400;

	line-height:1.8em;

	margin-bottom:6px;

	padding-left:35px;



}



.list-style-one li:last-child{

	margin-bottom:0px;

}



.list-style-one li:before{

	position:absolute;

	content: "";

	left:0px;

	top:12px;

	height:3px;

	width:15px;

	background-color:#222222;

}



/* List Style Two */



.list-style-two{

	position:relative;

}



.list-style-two li{

	position:relative;

	color:#222222;

	font-weight:500;

	font-size:14px;

	margin-bottom:14px;

}



.list-style-two li a{

	color:#222222;

}



.list-style-two li a:hover{

	text-decoration:underline;

}



.list-style-two li i{

	font-style:normal;



}



.list-style-two li .icon{

	position:relative;

	top:2px;

	font-size:18px;

	margin-right:8px;

	color:#e9c37a;

}



/***



====================================================================

	6. Social Icons

====================================================================



 ***/



/*Social Icon One*/



.social-icon-one{

	position:relative;

}



.social-icon-one li{

	position:relative;

	margin-right:8px;

	display:inline-block;

}



.social-icon-one li.twitter a{

	color:#00b9f1;

}



.social-icon-one li.linkedin a{

	color:#0089b1;

}



.social-icon-one li a{

	position:relative;

	font-size:16px;

	color:#4a72a9;

	font-weight:400;

	width:52px;

	height:52px;

	line-height:50px;

	text-align:center;

	border-radius:50px;

	border:1px solid #e2e2e2;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.social-icon-one li a:hover{

	color:#ffffff;

	border-color:#e9c37a;

	background-color:#e9c37a;

}



.theme_color{

	color:#e9c37a;

}



.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);}



img{

	display:inline-block;

	max-width:100%;

	height:auto;

}



/***



====================================================================

	7. Scroll To Top style

====================================================================



***/



.scroll-to-top{

	position:fixed;

	bottom:15px;

	right:15px;

	width:50px;

	height:50px;

	color:#ffffff;

	font-size:24px;

	text-transform:uppercase;

	line-height:50px;

	text-align:center;

	z-index:100;

	cursor:pointer;

	background:#e9c37a;

	display:none;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.scroll-to-top:hover{

	color:#ffffff;

	background:#242f6c;

}



/***



====================================================================

	8. Section Title

====================================================================



***/



.sec-title{

	position:relative;

	margin-bottom:30px;

}



.sec-title .big-title{

    position: absolute;

    left: 0px;

    right: 0px;

    top: -100px;

    color: #f8f8f8;

    font-size: 164px;

    line-height: 1em;

    font-weight: 800;

}



.sec-title .inner-title{

	position:relative;

}



.sec-title .title{

	position: relative;

    color: #e9c37a;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.sec-title h2{

    position: relative;

    color: #222222;

    font-weight: 700;

    line-height: 1.3em;

	font-size:34px;

	display:inline-block;

    text-transform: capitalize;

}



.sec-title .text{

    position: relative;

    color: #666666;

    font-weight: 500;

    line-height: 1.8em;

	font-size:14px;

	margin-top:15px !important;



}



.sec-title h2:before{

	position:absolute;

	content:'';

	left:-65px;

	top:22px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.sec-title.style-two h2:before{

	display:none;

}



.sec-title.style-three h2{

	font-size:30px;

}



.sec-title.centered{

	text-align: center;

}



.sec-title.centered .text{

	max-width:580px;

	margin:0 auto;

}



.sec-title.light h2,

.sec-title.light .text{

	color:#ffffff;

}



/* Sec Title Two */



.sec-title-two{

	position:relative;

	padding-top:100px;

	text-align:center;

	background-size:cover;

	background-attachment:fixed;

	background-repeat:no-repeat;

}



.sec-title-two .image-layer{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	height:250px;

}



.sec-title-two .image-layer:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(48,48,48,0.80);

}



.sec-title-two .title-inner{

	position:relative;

	padding:48px 100px;

	display:inline-block;

	background-color:#ffffff;

	box-shadow:0px 10px 25px rgba(0,0,0,0.10);

}



.sec-title-two .title-inner .title{

    position: relative;

    color: #e9c37a;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 5px;

    text-transform: uppercase;

}



.sec-title-two .title-inner .title:before{

    position: absolute;

    content: '';

    left: 50%;

    top: -68px;

    height: 50px;

    width: 2px;

	margin-left:-1px;

    background-color: #e9c37a;

}



.sec-title-two .title-inner h2{

	position: relative;

    color: #222222;

    font-weight: 700;

    line-height: 1.3em;

    font-size: 36px;

    display: inline-block;

    text-transform: capitalize;

}



/***



====================================================================

	9. Main Header

====================================================================



***/



.main-header{

	position:absolute;

	z-index:999;

	width:100%;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

}



/* Header Top */



.main-header .header-top{

	position: relative;

	padding:15px 0px;

}



.main-header .header-top .top-left{

	position: relative;

	float: left;

}



.main-header .header-top .top-left .info-list{

	position: relative;

	float:left;

}



.main-header .header-top .top-left .info-list li{

	position: relative;

	float: left;

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 500;

	padding: 7px 0px 8px;

	margin-right: 34px;

}



.main-header .header-top .top-left .info-list li span{

	position:relative;

	color:#cccccc;



}



.main-header .header-top .top-left .info-list li a{

	color: #ffffff;

}



.main-header .header-top .top-left .info-list li a:hover{

	color: #e9c37a;

}



/* Top Right */



.main-header .header-top .top-right{

	position:relative;

	float:right;

}



.main-header .header-top .top-right .social-links{

	position:relative;

	padding-top:12px;

}



.main-header .header-top .top-right .social-links li{

	position:relative;

	margin-left:22px;

	display:inline-block;

}



.main-header .header-top .top-right .social-links li a{

	position:relative;

	color: #cccccc;

	display:inline-block;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .header-top .top-right .social-links li a:hover{

	color:#e9c37a;

}



.main-header .main-box{

	position:relative;

	padding:0px 0px;

	left:0px;

	top:0px;

	width:100%;

	background:none;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .main-box .outer-container{

	position:relative;

	padding:0px 40px;

}



.main-header .main-box .logo-box{

	position:relative;

	float:left;

	left:0px;

	z-index:10;

	padding:30px 0px;

}



.main-header .main-box .logo-box .logo img{

	display:inline-block;

	max-width:100%;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .nav-toggler{

	position:absolute;

	top:50%;

	margin-top:0px;

	display: block;

}



.main-header .nav-toggler button{

	position:relative;

	display:block;

	color:#444444;

	text-align:center;

	font-size:24px;

	line-height:34px;

	font-weight:normal;

	background:none;

}



.main-header .header-upper{

	position:relative;

}



.main-header .header-upper .outer-container{

	position:relative;

	padding:0px 100px;

}



.main-header .nav-outer{

	position:relative;

	float: left;

	width:100%;

	margin-top:-100px;

	text-align:center;

	transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.main-header .header-upper .logo-box{

	position: relative;

	z-index:20;

	padding: 20px 0px;

	transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.main-header .header-upper .logo-box .logo{

	position:relative;

}



.main-header .header-upper .social-outer-box{

	position:absolute;

	right:0px;

	top:0px;

	padding:38px 60px;

	background-color:#ffffff;

}



.main-header .header-upper .social-outer-box .social-links{

	position:relative;

}



.main-header .header-upper .social-outer-box .social-links li{

	position:relative;

	margin:0px 10px;

	display:inline-block;

}



.main-header .header-upper .social-outer-box .social-links li a{

	position:relative;

	color:#222222;

	font-size:16px;

	transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-header .header-upper .social-outer-box .social-links li a:hover{

	color:#e9c37a;

}



.main-header .header-upper .outer-box{

	position: relative;

	float:right;

	z-index:10;

	background-color:#ffffff;

	transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.main-header .header-upper .outer-box .login-btn{

	position:relative;

	float:left;

}



.main-header .header-upper .outer-box .login-btn .icon{

	position:relative;

	color:#222222;

	font-size:18px;

	line-height:1.3em;

}



.main-header .header-upper .outer-box .search-box-btn{

	position:relative;

	padding:40px 0px 36px;

	font-size:18px;

	margin-left:35px;

	color:#e9c37a;

	cursor:pointer;

	float:left;

}



.main-header .header-upper .outer-box .cart-btn{

	position:relative;

	float:left;

}



.main-header .header-upper .outer-box .cart-btn .icon{

	position:relative;

	color:#222222;

	font-size:18px;

	line-height:1.3em;

	margin-left:15px;

}



.main-header .header-upper .outer-box .cart-btn .total-cart{

	position: absolute;

    content: '';

    top: -8px;

    right: -12px;

    color: #222222;

    width: 20px;

    height: 20px;

    font-size: 12px;

    padding-left: 1px;

    text-align: center;

    line-height: 18px;

    border-radius: 50%;

    background-color: #e9c37a;

	font-family: 'Open Sans', sans-serif;

    font-weight: 700;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-header.header-style-four .header-upper .outer-box .search-box-btn{

	padding:0px;

	color:#222222;

	margin-left:16px;

}



.main-header .nav-outer .search-box-btn{

	display:inline-block;

	margin-left:30px;

}



.main-header .nav-outer .search-box-btn .icon{

	position:relative;

	top:2px;

	color:#ffffff;

	cursor:pointer;

	font-size:17px;

}



.main-header.header-style-two .nav-outer .search-box-btn .icon,

.main-header.header-style-three .nav-outer .search-box-btn .icon,

.main-header.header-style-four .nav-outer .search-box-btn .icon{

	color:#e9c37a;

}



.header-style-two .main-menu,

.header-style-three .main-menu{

	float:left;

	width:auto;

}



.main-header.header-style-two .nav-outer{

	margin-top:0px;

	width:auto;

	float:right;

}



.main-header.header-style-two .header-upper .logo-box{

	position:relative;

	padding:0px;

	left:0px;

	top:5px;

	padding-top:30px;

	padding-right:90px;

	background-color:#ffffff;

}



.main-header.header-style-two .header-upper .logo-box:before{

	position:absolute;

	content:'';

	right:0px;

	bottom:-40px;

	height:50px;

	width:2000px;

	background-color:#ffffff;

}



.header-style-two .main-menu .navigation > li.search-box-btn .icon{

	color:#e9c37a;

}



.header-style-two .main-menu .navigation > li > a{

	padding:15px 0px;

	color:#222222;

}



.header-style-two .main-menu .navigation > li > a:before{

	bottom:30px;

}



.main-header .header-upper .upper-right{

	padding-top:32px;

}



.main-menu{

	position:relative;

	display:inline-block;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-menu .navbar-collapse{

	padding:0px;

	width:100%;

}



.main-menu .navigation{

	position:relative;

	margin:0px;

	text-align:center;

	width:100%;

	font-family: 'Noto Sans TC', sans-serif;

}



.main-menu .navigation > li{

	position:relative;

	display:inline-block;

	padding:20px 0px;

	margin:0px 15px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}





.main-menu .navigation > li:last-child{

	margin-right:0px;

}



.main-menu .navigation > li > a{

	position:relative;

	display:block;

	color:#ffffff;

	text-align:center;

	line-height:30px;

	text-transform:capitalize;

	letter-spacing:0px;

	opacity:1;

	font-weight:600;

	padding:15px 0px;

	font-size:16px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li > a:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:12px;

	height:2px;

	width:0%;

	background-color:#e9c37a;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li.current > a:before,

.main-menu .navigation > li:hover > a:before{

	width:100%;

}



.main-menu .navigation > li:hover > a,

.main-menu .navigation > li.current > a,

.main-header.light-version .main-menu .navigation > li:hover > a,

.main-header.light-version .main-menu .navigation > li.current > a{

	opacity:1;

	color:#e9c37a;

}



.main-menu .navigation > li > ul{

	position:absolute;

	left:0px;

	top:100%;

	margin-top: 10px;

	width:210px;

	z-index:100;

	display:none;

	opacity: 0;

    visibility: hidden;

	padding: 10px 0px;

	background: #ffffff;

	text-align:left;

	border-radius: 3px;

	-moz-transform: translateY(30px);

	-webkit-transform: translateY(30px);

	-ms-transform: translateY(30px);

	-o-transform: translateY(30px);

	transform: translateY(30px);

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation > li > ul:before{

	position:absolute;

	content:'';

	left:0px;

	top:-30px;

	width:100%;

	height:30px;

	display:block;

}



.main-menu .navigation > li > ul.from-right{

	left:auto;

	right:0px;

}



.main-menu .navigation > li > ul > li{

	position:relative;

	width:100%;

	padding:0px 25px;

	border-bottom:1px solid rgba(0,0,0,0.05);

	margin-bottom: 0px;

}



.main-menu .navigation > li > ul > li:last-child{

	margin-bottom: 0px;

	border-bottom:none;

}



.main-menu .navigation > li > ul > li > a{

	position:relative;

	display:block;

	padding:8px 0px;

	line-height:24px;

	font-weight:600;

	font-size:14px;

	text-transform:capitalize;

	color:#222222;

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.main-menu .navigation > li > ul > li:hover > a{

	color:#e9c37a;

	padding-left:5px;

}



.main-menu .navigation > li > ul > li.dropdown > a:after{

	font-family: 'FontAwesome';

	content: "\f105";

	position:absolute;

	right:0px;

	top:9px;

	width:10px;

	display:block;

	line-height:24px;

	font-size:16px;

	font-weight:normal;

	text-align:center;

	z-index:5;

}



.main-menu .navigation > li > ul > li > ul{

	position:absolute;

	left:100%;

	top:0px;

	width:210px;

	z-index:100;

	display:none;

	opacity: 0;

    visibility: hidden;

	padding: 10px 0px;

	background: #ffffff;

	text-align:left;

	border-radius: 3px;

	-moz-transform: translateY(30px);

	-webkit-transform: translateY(30px);

	-ms-transform: translateY(30px);

	-o-transform: translateY(30px);

	transform: translateY(30px);

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation > li > ul > li > ul.from-right{

	left:auto;

	right:0px;

}



.main-menu .navigation > li > ul > li > ul > li{

	position:relative;

	width:100%;

	padding:0px 25px;

	border-bottom:1px solid rgba(0,0,0,0.05);

	margin-bottom: 0px;

}



.main-menu .navigation > li > ul > li > ul > li:last-child{

	margin-bottom: 0px;

	border-bottom:none;

}



.main-menu .navigation > li > ul > li > ul > li > a{

	position:relative;

	display:block;

	padding:8px 0px;

	line-height:24px;

	font-weight:600;

	font-size:14px;

	text-transform:capitalize;

	color:#222222;

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.main-menu .navigation > li > ul > li > ul > li:hover > a{

	color:#e9c37a;

	padding-left:5px;

}



.main-menu .navigation > li.dropdown:hover > ul{

	visibility:visible;

	opacity:1;

	-moz-transform: translateY(0px);

	-webkit-transform: translateY(0px);

	-ms-transform: translateY(0px);

	-o-transform: translateY(0px);

	transform: translateY(0px);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;



}



.main-menu .navigation li > ul > li.dropdown:hover > ul{

	visibility:visible;

	opacity:1;

	top:0;

	-moz-transform: translateY(0px);

	-webkit-transform: translateY(0px);

	-ms-transform: translateY(0px);

	-o-transform: translateY(0px);

	transform: translateY(0px);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{

	position:absolute;

	right:10px;

	top:6px;

	width:30px;

	height:30px;

	text-align:center;

	color:#ffffff;

	line-height:28px;

	border:1px solid #ffffff;

	background-size:20px;

	cursor:pointer;

	z-index:5;

	display:none;

}



/*Sticky Header*/



.sticky-header{

	position:fixed;

	opacity:0;

	visibility:hidden;

	left:0px;

	top:0px;

	width:100%;

	padding:0px 0px;

	background:#222222;

	z-index:0;

	border-bottom:1px solid rgba(255,255,255,0.10);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.fixed-header .sticky-header{

	z-index:999;

	opacity:1;

	visibility:visible;

	-ms-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-op-animation-name: fadeInDown;

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;

}



.sticky-header .main-menu{

	margin-top:0px;

}



.sticky-header .main-menu .navigation > li{

	position:relative;

	margin-left:40px;

	margin-right:0px;

	padding:0;

}



.sticky-header .main-menu .navigation > li:before,

.sticky-header .main-menu .navigation > li:after{

	display:none;

}



.sticky-header .main-menu .navigation > li > a{

	color:#ffffff !important;



}



.sticky-header .main-menu .navigation > li:hover > a,

.sticky-header .main-menu .navigation > li.current > a{

	color:#e9c37a !important;

	background-color:inherit !important;

}



.sticky-header .nav-outer .options-box{

	margin-top:26px;

}



.sticky-header .logo{

	padding:4px 0px 4px;

}



.sticky-header .header-upper .logo-box{

	padding:10px 0px;

}



.sticky-header .main-menu .navigation > li > a{

	padding:30px 0px;

}



.sticky-header .header-upper .button-box{

	padding-top:15px;

}



.sticky-header .header-upper .button-box .btn-style-one{

	background-color: rgba(255,255,255,1);

	color:#222222;

}



.sticky-header .main-menu .navigation > li > a{

	padding:19px 0px !important;

}



.sticky-header .main-menu .navigation > li > a:before{

	display: none;

}



.header-style-two{

	position:relative;

}



.header-style-three .nav-outer{

	float:right;

	margin-top:0px;

	width:auto;

}



.header-style-three .header-upper .logo-box{

	padding:20px 0px 20px;

}



.header-style-three .header-upper .inner-container{

	background-color:#ffffff;

	padding:0px 40px;

}



.header-style-three .main-menu .navigation > li > a{

	color:#222222;

	font-size:16px;

	padding:20px 0px;



}



.header-style-three .main-menu .navigation > li > a:before{

	bottom:34px;

}



.header-style-three .header-upper .outer-box .search-box-btn{

	padding:44px 0px 42px;

}



.header-style-four{

	position:relative;

}



.header-style-four .header-upper .logo-box{

	position:relative;

	padding:15px 0px 15px;

}



.header-style-four .header-upper .outer-box{

	position:absolute;

	right:0px;

	top:35px;

}



.header-style-four .main-menu .navigation > li > a{

	color:#222222;

	padding:15px 0px;



}



.header-style-four .nav-outer{

	margin-top:-100px;

}



.header-style-four .main-menu .navigation > li > a:before{

	bottom:28px;

}



/***



====================================================================

			Mobile Menu



====================================================================



***/



.nav-outer .mobile-nav-toggler{

	position: relative;

	float:right;

	font-size: 30px;

	line-height: 40px;

	cursor: pointer;

	color:#e9c37a;

	padding:10px 0px;

	display: none;

}



.mobile-menu{

	position: fixed;

	right: 0;

	top: 0;

	width: 300px;

	padding-right:30px;

	max-width:100%;

	height: 100%;

	opacity: 0;

	visibility: hidden;

	z-index: 999999;

}



.mobile-menu .nav-logo{

	position:relative;

	padding:20px 20px;

	text-align:left;

}



.mobile-menu .nav-logo img{

	max-width:180px;

}



.mobile-menu-visible{

	overflow: hidden;

}



.mobile-menu-visible .mobile-menu{

	opacity: 1;

	visibility: visible;

}



.mobile-menu .menu-backdrop{

	position: fixed;

	right: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	background: rgba(0,0,0,0.90);

	-webkit-transform: translateX(101%);

	-ms-transform: translateX(101%);

	transform: translateX(101%);

}



.mobile-menu-visible .mobile-menu .menu-backdrop{

	opacity: 1;

	visibility: visible;

	-webkit-transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

	transition:all 0.7s ease;

	-webkit-transform: translateX(0%);

	-ms-transform: translateX(0%);

	transform: translateX(0%);

}



.mobile-menu .menu-box{

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	max-height: 100%;

	overflow-y: auto;

	background: #ffffff;

	padding: 0px 0px;

	z-index: 5;

	opacity: 0;

	visibility: hidden;

	border-radius: 0px;

	-webkit-transform: translateX(101%);

	-ms-transform: translateX(101%);

	transform: translateX(101%);

}



.mobile-menu-visible .mobile-menu .menu-box{

	opacity: 1;

	visibility: visible;

	-webkit-transition:all 0.7s ease 500ms;

	-moz-transition:all 0.7s ease 500ms;

	-ms-transition:all 0.7s ease 500ms;

	-o-transition:all 0.7s ease 500ms;

	transition:all 0.7s ease 500ms;

	-webkit-transform: translateX(0%);

	-ms-transform: translateX(0%);

	transform: translateX(0%);

}



.mobile-menu .close-btn{

	position: absolute;

	right: 3px;

	top: 3px;

	line-height: 30px;

	width: 30px;

	text-align: center;

	font-size: 14px;

	color: #202020;

	cursor: pointer;

	z-index: 10;

	-webkit-transition:all 0.5s ease;

	-moz-transition:all 0.5s ease;

	-ms-transition:all 0.5s ease;

	-o-transition:all 0.5s ease;

	transition:all 0.5s ease;

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

	-ms-transform: translateY(-50px);

	transform: translateY(-50px);

}



.mobile-menu-visible .mobile-menu .close-btn{

	-webkit-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

}



.mobile-menu .close-btn:hover{

	color:#e9c37a;

}



.mobile-menu .navigation{

	position: relative;

	display: block;

	border-top: 1px solid rgba(0,0,0,0.10);

}



.mobile-menu .navigation li{

	position: relative;

	display: block;

	font-family: 'Noto Sans TC', sans-serif;

	border-bottom: 1px solid rgba(0,0,0,0.10);

}



.mobile-menu .navigation li > ul > li:last-child{

	border-bottom: none;

}



.mobile-menu .navigation li > ul > li:first-child{

	border-top: 1px solid rgba(0,0,0,0.10);

}



.mobile-menu .navigation li > a{

	position: relative;

	display: block;

	line-height: 24px;

	padding: 10px 20px;

	font-weight:500;

	font-size: 15px;

	color: #404040;

	text-transform: capitalize;

}



.mobile-menu .navigation li > a:hover,

.mobile-menu .navigation li.current > a{

	color:#e9c37a;

}



.mobile-menu .navigation li.dropdown .dropdown-btn{

	position:absolute;

	right:0px;

	top:0px;

	width:44px;

	height:44px;

	text-align:center;

	font-size:16px;

	line-height:44px;

	color:#404040;

	cursor:pointer;

	z-index:5;

}



.mobile-menu .navigation li.dropdown .dropdown-btn:after{

	content:'';

	position:absolute;

	left:0px;

	top:10px;

	width:1px;

	height:24px;

	border-left:1px solid rgba(0,0,0,0.10);

}



.mobile-menu .navigation li > ul,

.mobile-menu .navigation li > ul > li > ul{



	display: none;

}





/***



====================================================================

	10. Main Slider

====================================================================



***/



.main-slider{

	position: relative;

}



.main-slider .title{

	position:relative;

	font-size:22px;

	color:#ffffff;

	font-family: 'Noto Sans TC', sans-serif;

	padding-bottom:18px;



}



.main-slider .title:before{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	height:2px;

	width:50px;

	margin-left:-25px;

	background-color:#e9c37a;

}





.main-slider .title-two{

	position:relative;

	font-size:18px;

	font-weight:600;

	color:#222222;

	font-family: 'Noto Sans TC', sans-serif;

	padding-bottom:18px;

}



.main-slider .title-two:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.main-slider h2{

	position: relative;

	display: block;

	font-size: 60px;

	color: #ffffff;

	font-weight: 600;

	line-height: 1.1em;

	font-family: 'Noto Sans TC', sans-serif;

	z-index:1;

}



.main-slider h2.style-three{

	font-size:64px;

	font-weight:400;

	color:#222222;



}



.main-slider h2.style-two{

	color:#222222;

}



.main-slider .text.style-two{

	color:#222222;

}



.main-slider .text{

	position: relative;

	font-size: 20px;

	color: #ffffff;

	font-weight: 400;

	line-height: 1.14em;

	padding-right:64px;

	text-transform:capitalize;

	display:inline-block;

	z-index:1;



}



.main-slider .text:before{

	position:absolute;

	content:'';

	right:0px;

	top:12px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.main-slider .link-box{

	position: relative;

	z-index:1;

}



.main-slider .link-box .theme-btn{

	position: relative;

	margin-right: 20px;

}



.main-slider .social-links{

	position: fixed;

	right:0;

	top:50%;

	margin-top:-100px;

	z-index:99;

	padding:50px 35px 40px;

	border:1px solid rgba(0,0,0,0.05);

	border-right:none;

	background-color:#ffffff;

}



.main-slider .social-links li{

	position: relative;;

	display:block;

	margin-bottom:10px;

}



.main-slider .social-links li:last-child{

	margin: 0;

}



.main-slider .social-links a{

	position:relative;

	display:block;

	color:#222222;

	font-size:16px;

	line-height:40px;

}



.main-slider .social-links a:hover{

	color:#e9c37a;

}



.main-slider.home-three .theme-btn{

	margin:0;

}



/***



====================================================================

	Search Popup

====================================================================



***/



.search-popup{

	position:fixed;

	left:0px;

	top:-100%;

	width:100%;

	height:100%;

	z-index:9999;

	visibility:hidden;

	opacity:0;

	overflow:auto;

	background:rgba(0,0,0,0.80);

	transition:all 700ms ease;

	-moz-transition:all 700ms ease;

	-webkit-transition:all 700ms ease;

	-ms-transition:all 700ms ease;

	-o-transition:all 700ms ease;

}



.search-popup .overlay-layer{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	display:block;

}



.search-popup.popup-visible{

	top:0;

	visibility:visible;

	opacity:1;

}



.search-popup .close-search{

	position:absolute;

	right:25px;

	top:25px;

	font-size:22px;

	color:#ffffff;

	cursor:pointer;

	z-index:5;

}



.search-popup .close-search:hover{

	opacity:0.70;

}



.search-popup .search-form{

	position:relative;

	padding:0px 15px 0px;

	max-width:1024px;

	margin:0 auto;

	margin-top:200px;

}



.search-popup .search-form fieldset{

	position:relative;

	border:7px solid rgba(255,255,255,0.50);

	-webkit-border-radius:12px;

	-ms-border-radius:12px;

	-o-border-radius:12px;

	-moz-border-radius:12px;

	border-radius:12px;

}



.search-popup .search-form fieldset input[type="search"]{

	position:relative;

	height:70px;

	padding:20px 220px 20px 30px;

	background:#ffffff;

	line-height:30px;

	font-size:24px;

	color:#233145;

	-webkit-border-radius:7px;

	-ms-border-radius:7px;

	-o-border-radius:7px;

	-moz-border-radius:7px;

	border-radius:7px;

}



.search-popup .search-form fieldset input[type="submit"]{

	position:absolute;

	display:block;

	right:0px;

	top:0px;

	text-align:center;

	width:220px;

	height:70px;

	padding:23px 10px 20px 10px;

	color:#ffffff !important;

	background:#e9c37a;

	line-height:30px;

	font-size:20px;

	cursor:pointer;

	text-transform:uppercase;

	-webkit-border-radius:0px 7px 7px 0px;

	-moz-border-radius:0px 7px 7px 0px;

	-ms-border-radius:0px 7px 7px 0px;

	-o-border-radius:0px 7px 7px 0px;

	border-radius:0px 7px 7px 0px;

}



.theme-purple .search-popup .search-form fieldset input[type="submit"]{

	background:#d971f2;

}



.theme-dark-blue .search-popup .search-form fieldset input[type="submit"]{

	background:#5677cc;

}



.theme-orange .search-popup .search-form fieldset input[type="submit"]{

	background:#ff5412;

}



.theme-cyan .search-popup .search-form fieldset input[type="submit"]{

	background:#43d6d1;

}



.search-popup .search-form fieldset input[type="submit"]:hover{

	background:#e9c37a;

}



.search-popup h3{

	font-size:24px;

	color:#ffffff;

	margin-bottom:20px;

	text-align:center;

}



.search-popup .recent-searches{

	font-size:16px;

	color:#ffffff;

	text-align:center;

}



.search-popup .recent-searches li{

	display:inline-block;

	margin:0px 10px 10px 0px;

}



.search-popup .recent-searches li a{

	display:block;

	line-height:24px;

	border:1px solid #ffffff;

	padding:7px 15px;

	color:#ffffff;

	border-radius:3px;

}



.search-popup .recent-searches li a:hover{

	color:#e9c37a;

	border-color:#e9c37a;

}



.theme-purple .search-popup .recent-searches li a:hover{

	color:#e9c37a;

	border-color:#e9c37a;

}



.theme-dark-blue .search-popup .recent-searches li a:hover{

	color:#e9c37a;

	border-color:#e9c37a;

}



.theme-orange .search-popup .recent-searches li a:hover{

	color:#e9c37a;

	border-color:#e9c37a;

}



.theme-cyan .search-popup .recent-searches li a:hover{

	color:#e9c37a;

	border-color:#e9c37a;

}



/***



====================================================================

	11. About Section

====================================================================



***/



.about-section{

	position:relative;

	padding:90px 0px 70px;

}



.about-section .title-box{

	position:relative;

	margin-bottom:100px;

}



.about-section .title-box .bold-text{

	position:relative;

	color:#222222;

	font-size:16px;

	line-height:1.6em;

	margin-top:40px;

	margin-bottom:20px;

}



.about-section .title-box .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.9em;

	margin-bottom:35px;



}



.about-section .pattern-layer{

	position:absolute;

	right:0px;

	bottom:0px;

	width:100%;

	height:500px;

}



/* Services Block */



.services-block{

	position:relative;

	margin-bottom:30px;

}



.services-block .inner-box{

	position:relative;

}



.services-block .inner-box .image{

	position:relative;

	display:block;

	background:#000000;

	overflow:hidden;

}



.services-block .inner-box:hover .image{

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 1000ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	transform:rotateY(180deg);

}



.services-block .inner-box .image a{

	position:relative;

	display:block;

}



.services-block .inner-box .image a:before{

	content: "\f0c1";

	font-family: 'FontAwesome';

	font-weight:400;

	position:absolute;

	left:50%;

	top:50%;

	margin:-30px 0px 0px -30px;

	width:60px;

	height:60px;

	line-height:60px;

	text-align:center;

	background:#ffffff;

	color:#e9c37a;

	font-size:20px;

	border-radius:50%;

	z-index:1;

	opacity:0;

	-webkit-transform:translateY(30px);

	-ms-transform:translateY(30px);

	-moz-transform:translateY(30px);

	transform:translateY(30px);

}



.services-block .inner-box .image img{

	display: block;

	width: 100%;

	height: auto;

	-webkit-transition: all 600ms ease;

	-moz-transition: all 600ms ease;

	-ms-transition: all 600ms ease;

	-o-transition: all 600ms ease;

	transition: all 600ms ease;

}



.services-block .inner-box:hover .image img{

	opacity: .30;

}



.services-block .inner-box:hover .image a:before{

	-webkit-transition: all 700ms ease 700ms;

	-moz-transition: all 700ms ease 700ms;

	-ms-transition: all 700ms ease 700ms;

	-o-transition: all 700ms ease 700ms;

	transition: all 700ms ease 700ms;

	opacity:1;

	-webkit-transform:translateY(0px);

	-ms-transform:translateY(0px);

	-moz-transform:translateY(0px);

	transform:translateY(0px);

}



@-webkit-keyframes shine {

	100% {

		left: 125%;

	}

}

@keyframes shine {

	100% {

		left: 125%;

	}

}



.services-block .inner-box .lower-box{

	position:relative;

	padding-top:35px;

	text-align:center;

	padding-bottom:22px;

}



.services-block .inner-box .lower-box:before{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	height:2px;

	width:50px;

	margin-left:-25px;

	background-color:#e9c37a;

}



.services-block .inner-box .lower-box h3{

	position:relative;

	font-size:24px;

	font-weight:700;

	line-height:1.3em;

}



.services-block .inner-box .lower-box h3 a{

	position:relative;

	color:#222222;

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.services-block .inner-box .lower-box h3 a:hover{

	color:#e9c37a;

}



.services-block .inner-box .lower-box .text{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-top:4px;



}



/***



====================================================================

	Fullwidth Section

====================================================================



 ***/



.container-fluid{

	position:relative;

	padding:0px 0px;

	background-color:#e9c37a;

}



.container-fluid .pattern-layer{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:600px;

	height:460px;

	background-repeat:no-repeat;

	background-position:left bottom;

}



.container-fluid .outer-section{

	position:relative;

}



.container-fluid .outer-section .left-column{

	position:relative;

	width:50%;

	float:left;

	padding:0px 15px;

	padding-right:150px;

}



.container-fluid .outer-section .left-column .inner-column{

	position:relative;

	max-width:520px;

	width:100%;

	display:block;

	float:right;

	padding:95px 0px;

	padding-right:110px;

}



.container-fluid .outer-section .left-column .sec-title .title{

	color:#222222;

}



.container-fluid .outer-section .left-column .sec-title h2:before{

	background-color:#222222;

}



.container-fluid .outer-section .left-column .text{

	position:relative;

	color:#222222;

	font-size:14px;

	line-height:1.8em;



}



.container-fluid .outer-section .right-column{

	position:relative;

	width:50%;

	float:right;

	padding:0px 0px;

	background-size:cover;

}



.container-fluid .outer-section .right-column .inner-column{

	position:relative;

	display:block;

	padding:95px 20px 95px 0px;

	margin-left:-150px;

	background-size:cover;

}



.container-fluid .outer-section .right-column .inner-column .owl-carousel{

	width:100%;

	display:block;

	max-width:990px;

}



.container-fluid .outer-section .right-column .inner-column .owl-dots{

	display:none;

}



.container-fluid .outer-section .right-column .inner-column .owl-nav{

	position:absolute;

	bottom:0px;

	left:-113px;

}



.container-fluid .outer-section .right-column .inner-column .owl-nav .owl-prev,

.container-fluid .outer-section .right-column .inner-column .owl-nav .owl-next{

	position:relative;

	width:55px;

	height:55px;

	color:#ffffff;

	line-height:55px;

	text-align:center;

	font-size:22px;

	margin-left:2px;

	background-color:#222222;

	display:inline-block;

}



.container-fluid .image-layer{

	position:absolute;

	right:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	background-size:cover;

}



.container-fluid .image-layer:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	width:100%;

	height:100%;

	display:block;

	background-color:rgba(0,0,0,0.75);

}



/* Services Block Two */



.services-block-two{

	position:relative;

}



.services-block-two .inner-box{

	position:relative;

	overflow:hidden;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.services-block-two .inner-box:hover .image img{

	-webkit-transform:scale(1.2,1.3);

	-ms-transform:scale(1.2,1.3);

	-moz-transform:scale(1.2,1.3);

	transform:scale(1.2,1.3);

}



.services-block-two .inner-box .image{

	position:relative;

}



.services-block-two .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

	transition:all 600ms ease;

	-webkit-transition:all 600ms ease;

	-ms-transition:all 600ms ease;

	-o-transition:all 600ms ease;

	-moz-transition:all 600ms ease;

}



.services-block-two .inner-box .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

}



.services-block-two .inner-box .overlay-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:-1px;

	-webkit-transition:all 1000ms ease;

	-moz-transition:all 1000ms ease;

	-ms-transition:all 1000ms ease;

	-o-transition:all 1000ms ease;

	transition:all 1000ms ease;

	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);

	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);

	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #000000));

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);

	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);

}



.services-block-two .inner-box .overlay-box:after{

	position:absolute;

	content:'';

	left:0px;

	top:-100%;

	width:100%;

	height:100%;

	opacity:0;

	-webkit-transition:all 700ms ease;

	-moz-transition:all 700ms ease;

	-ms-transition:all 700ms ease;

	-o-transition:all 700ms ease;

	transition:all 700ms ease;

	background:rgba(0,0,0,0.70);

}



.services-block-two .inner-box:hover .overlay-box:before{

	top:100%;

	opacity:0;

}



.services-block-two .inner-box:hover .overlay-box:after{

	opacity:1;

	top:0%;

}



.services-block-two .inner-box .overlay-box h3{

	position:absolute;

	right:35px;

	bottom:35px;

	text-align:right;

	line-height:1.3em;

	padding-bottom:10px;

	display:inline-block;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

	z-index:1;

}



.services-block-two .inner-box:hover .overlay-box h3{

	opacity:0;

	-webkit-transform:translateX(110%);

	-ms-transform:translateX(110%);

	-moz-transform:translateX(110%);

	transform:translateX(110%);

}



.services-block-two .inner-box .overlay-box h3:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.services-block-two .inner-box .overlay-box h3 a{

	position:relative;

	color:#ffffff;

	font-size:24px;

	font-weight:600;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.services-block-two .inner-box .overlay-box h3 a:hover{

	color:#e9c37a;

}



.services-block-two .inner-box .overlay-box .links-box{

	position:absolute;

	left:0;

	top:50%;

	margin-top:-22px;

	width:100%;

	text-align:center;

	opacity:0;

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

	-ms-transform:translateY(-70px);

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

	transform:translateY(-70px);

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

	z-index:1;

}



.services-block-two .inner-box:hover .overlay-box .links-box{

	opacity:1;

	-webkit-transform:translateY(0px);

	-moz-transform:translateY(0px);

	-ms-transform:translateY(0px);

	transform:translateY(0px);

}



.services-block-two .inner-box .overlay-box .links-box .link{

	position:relative;

	display:inline-block;

	width:44px;

	height:44px;

	line-height:44px;

	font-size:16px;

	background:#ffffff;

	color:#e9c37a;

	margin:0px 3px;

	border-radius:3px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.services-block-two .inner-box .overlay-box .links-box .link:hover{

	background:#e9c37a;

	color:#ffffff;

}



/***



====================================================================

	Story Section

====================================================================



 ***/



.story-section{

	position:relative;

	padding-top:100px;

}



.story-section .pattern-layer-two{

    position: absolute;

    content: '';

    left: -500px;

    bottom: -50px;

    width: 780px;

    height: 550px;

    background: url(../images/background/pattern-3.png) no-repeat;

}



.story-section .owl-nav{

	display:none;

}



.story-section .owl-dots{

	position:absolute;

	right:-60px;

	top:50%;

	margin-top:0px;

}



.story-section .owl-dots .owl-dot{

	position:relative;

	width:8px;

	height:8px;

	margin-bottom:10px;

	border-radius:50%;

	background-color:#ffffff;

	border:1px solid #cdcdcd;

}



.story-section .owl-dots .owl-dot.active,

.story-section .owl-dots .owl-dot:hover{

	border-color:#e9c37a;

	background-color:#e9c37a;

}





.story-section .owl-theme .story-block-two{

	margin:0px 15px;

}



.story-section .owl-carousel{

	margin:0px -15px;

	width:auto;

}





/* Story Block */



.story-block{

	position:relative;

	margin-bottom:80px;

}



.story-block .pattern-layer{

	position:absolute;

	content:'';

	right:-500px;

	top:-20px;

	width:780px;

	height:550px;

	background:url(../images/background/pattern-3.png) no-repeat;

}



.story-block .inner-box{

	position:relative;

}



.story-block .inner-box .content-column{

	position:relative;

	padding:0px;

	float:left;

}



.story-block .inner-box .content-column .inner-column{

	position:relative;

	padding:50px 60px 50px;

	z-index:1;

	margin-right:-60px;

	background-color:#ffffff;

	box-shadow:0px 0px 25px rgba(0,0,0,0.10);

}



.story-block .inner-box .content-column .inner-column .text{

	position:relative;

}



.story-block .inner-box .content-column .inner-column .text p{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

	margin-bottom:20px;

}



.story-block .inner-box .content-column .inner-column .text p span{

	color:#e9c37a;

}



.story-block .inner-box .content-column .inner-column .text p:last-child{

	margin-bottom:0px;

}



.story-block .inner-box .image-column{

	position:relative;

	padding:0px;

	float:right;

	margin-bottom:50px;

}



.story-block .inner-box .image-column .inner-column{

	position:relative;

	padding-top:45px;

}



.story-block .inner-box .image-column .inner-column .image img{

	width:100%;

	display:block;

}



/* Story Block Two */



.story-block-two{

	position:relative;

	margin-bottom:80px;

}



.story-block-two .pattern-layer{

	position:absolute;

	content:'';

	left:-500px;

	top:-20px;

	width:780px;

	height:550px;

	background:url(../images/background/pattern-3.png) no-repeat;

}



.story-block-two .inner-box{

	position:relative;

}



.story-block-two .inner-box .content-column{

	position:relative;

	padding:0px;

	float:left;

}



.story-block-two .inner-box .content-column .sec-title{

	text-align:right;

}



.story-block-two .inner-box .content-column .sec-title .inner-title{

	text-align:left;

	display:inline-block;

}



.story-block-two .inner-box .content-column .inner-column{

	position:relative;

	padding:50px 60px 50px;

	z-index:1;

	margin-left:-60px;

	background-color:#ffffff;

	box-shadow:0px 0px 25px rgba(0,0,0,0.10);

}



.story-block-two .inner-box .content-column .inner-column .text{

	position:relative;

}



.story-block-two .inner-box .content-column .inner-column .text p{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

	margin-bottom:20px;

}



.story-block-two .inner-box .content-column .inner-column .text p span{

	color:#e9c37a;

}



.story-block-two .inner-box .content-column .inner-column .text p strong{

	color:#222222;

}



.story-block-two .inner-box .content-column .inner-column .text p:last-child{

	margin-bottom:0px;

}



.story-block-two .inner-box .image-column{

	position:relative;

	padding:0px;

	float:left;

	margin-bottom:50px;

}



.story-block-two .inner-box .image-column .inner-column{

	position:relative;

	padding-top:45px;

}



.story-block-two .inner-box .image-column .inner-column .image{

	position:relative;

}



.story-block-two .inner-box .image-column .inner-column .image img{

	position:relative;

	width:100%;

	display:block;

}



/***



====================================================================

	Product Tab Section

====================================================================



 ***/



.product-tab-section{

	position:relative;

	padding-top:100px;

	background-attachment:fixed;

	background-size:cover;

}



.product-tab-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(26,26,26,0.92);

}



.product-tab-section:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:90px;

	width:100%;

	background-color:rgba(255,255,255,1);

}



.product-tab-section .content-box{

	position:relative;

}



.product-tab-section .content-box .inner-content{

	position:relative;

	max-width:770px;

	z-index:1;

	margin-left:100px;

	padding:70px 110px 70px;

	background-color:#ffffff;

	box-shadow:0px 0px 35px rgba(0,0,0,0.15);

}



.product-tab-section .content-box .inner-content .sec-title h2{

	font-size:30px;

	font-weight:700;

}



/***



====================================================================

	Design Tabs Style

====================================================================



***/



.product-tab-section .design-tabs{

	position:relative;

	z-index:1;

}



.product-tab-section .design-tabs .tab-btns{

	position:relative;

	margin-bottom:15px;

	font-family: 'Noto Sans TC', sans-serif;

}



.product-tab-section .design-tabs .tab-btns .tab-btn{

	position:relative;

	margin-right:25px;

	font-size:16px;

	background:none;

	color:#888888;

	text-transform:uppercase;

	font-weight:600;

	line-height:24px;

	cursor:pointer;

	padding-bottom:5px;

	margin-bottom:8px;

	display:inline-block;

	transition:all 500ms ease;



}



.product-tab-section .design-tabs .tab-btns .tab-btn:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:3px;

	width:0px;

	background-color:#e9c37a;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.product-tab-section .design-tabs .tab-btns .tab-btn:hover::before,

.product-tab-section .design-tabs .tab-btns .tab-btn.active-btn:before{

	width:100%;

}



.product-tab-section .design-tabs .tab-btns .tab-btn:hover,

.product-tab-section .design-tabs .tab-btns .tab-btn.active-btn{

	color:#222222;

}



.product-tab-section .design-tabs .tabs-content{

	position:relative;

}



.product-tab-section .design-tabs .tabs-content .tab{

	position:relative;

	display:none;

}



.product-tab-section .design-tabs .tabs-content .tab.active-tab{

	display:block;

}



.product-tab-section .design-tabs .tabs-content .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

	margin-bottom:40px;



}



.product-tab-section .design-tabs .tabs-content .active-tab .text,

.product-tab-section .design-tabs .tabs-content .active-tab .theme-btn{

	-ms-animation-name: fadeInUp;

	-moz-animation-name: fadeInUp;

	-op-animation-name: fadeInUp;

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;

}



/***



====================================================================

	Projects Section

====================================================================



***/



.projects-section{

	position:relative;

	padding-top:140px;

}



.projects-section .pattern-layer{

	position:absolute;

	content:'';

	left:0px;

	top:-55px;

	height:154px;

	width:100%;

	background-position:center center;

	background-repeat:no-repeat;

}



.projects-section .column{

	position:relative;

	padding:0px;

	float:left;

}



/* Project Block */



.project-block{

	position:relative;

	z-index:1;

}



.project-block .inner-box{

	position:relative;

}



.project-block .inner-box .image{

	position:relative;

}



.project-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.project-block .inner-box .image .overlay-box{

	position: absolute;

    left: 30px;

    bottom: 30px;

    right: 30px;

    top: 30px;

    z-index: 2;

	opacity: 0;

    display: block;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.project-block .inner-box .image .overlay-box:before{

	position:absolute;

	content:'';

	right:0px;

	top:0px;

	width:100%;

	height:0%;

	display:block;

	opacity:0;

	text-align:center;

	-webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: top;

    -moz-transform-origin: top;

    -ms-transform-origin: top;

    -o-transform-origin: top;

    transform-origin: top;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

	background-color: rgba(233,195,122,0.95);

}



.project-block .inner-box:hover .image .overlay-box:before{

	opacity: 1;

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

}



.project-block .inner-box .image .overlay-box:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:100%;

	display:block;

	opacity:0;

	text-align:center;

    -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: top;

    -moz-transform-origin: top;

    -ms-transform-origin: top;

    -o-transform-origin: top;

    transform-origin: top;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

	background-color: rgba(233,195,122,0.95);

}



.project-block .inner-box:hover .image .overlay-box:after{

	opacity: 1;

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

}



.project-block .inner-box:hover .image .overlay-box{

	opacity: 1;

}



.project-block .inner-box .image .overlay-box .plus{

	position:relative;

	display:inline-block;

	z-index:1;

	color:#222222;

	font-size:18px;

	text-align:center;

	line-height:34px;

	font-weight:400;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.project-block .inner-box:hover .image .overlay-box .plus{

	-ms-animation-name: rotateMe;

	-moz-animation-name: rotateMe;

	-o-animation-name: rotateMe;

	-webkit-animation-name: rotateMe;

	animation-name: rotateMe;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-o-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-delay: 800ms;

	-moz-animation-delay: 800ms;

	-o-animation-delay: 800ms;

	-webkit-animation-delay: 800ms;

	animation-delay: 800ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-o-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 2;

	-moz-animation-iteration-count: 2;

	-op-animation-iteration-count: 2;

	-webkit-animation-iteration-count: 2;

	animation-iteration-count: 2;

}



.project-block .inner-box .image .overlay-box .plus:hover{

	color:#ffffff;

}



.project-block .inner-box .image .overlay-box .overlay-inner{

	position: absolute;

    left: 0px;

    top: 30px;

    width: 100%;

    height: 100%;

    display: table;

	z-index:1;

    padding: 10px 10px;

    vertical-align: middle;

	opacity:0;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.project-block .inner-box:hover .image .overlay-box .overlay-inner{

	opacity:1;

	top:0;

	transition-delay:500ms;

}



.project-block .inner-box .image .overlay-box .overlay-inner .overlay-content{

    position: relative;

	text-align:center;

    display: table-cell;

    vertical-align: middle;

}



.project-block .inner-box .image h3{

	position:relative;

	font-size:22px;

	color:#222222;

	z-index:1;

	font-weight:600;

	line-height:1.3em;

	margin-top:15px;

	margin-bottom:7px;



}



.project-block .inner-box .image h3 a{

	position:relative;

	color:#222222;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.project-block .inner-box .image h3 a:hover{

	color:#222222;

	text-decoration:underline;

}



.project-block .inner-box .image .category{

	position:relative;

	color:#222222;

	font-size:14px;

	z-index:1;

	letter-spacing:1px;

	text-transform:uppercase;



}



/***



====================================================================

	Counter Section

====================================================================



***/



.counter-section{

	position:relative;

	padding:90px 0px 130px;

}



.counter-section .sec-title{

	margin-bottom:40px;

}



.counter-section .pattern-layer{

	position:absolute;

	content:'';

	right:0px;

	top:-50px;

	height:960px;

	width:814px;

	background-position:center center;

	background-repeat:no-repeat;

}



.counter-section .counter-block{

	float:left;

	padding:0px;

}



/* Counter Block */



.counter-block{

	position:relative;

}



.counter-block .inner-box{

	position:relative;

	margin:0px;

	display:block;

	box-shadow:0px 0px 20px rgba(0,0,0,0.10);

}



.counter-block .inner-box .image{

	position:relative;

	width:100%;

}



.counter-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.counter-block .inner-box .content-box{

	position:relative;

	width:100%;

	text-align:center;

	padding:60px 15px;

	background-color:#ffffff;

}



.counter-block .inner-box .content-box .count-box{

	position:relative;

	color:#e9c37a;

	font-size:102px;

	line-height:1em;

	font-family: 'Noto Sans TC', sans-serif;

	font-weight:400;

}



.counter-block .inner-box .content-box .text{

	position:relative;

	color:#666666;

	font-size:14px;

	padding-top:15px;

	margin-top:15px;

	text-transform:uppercase;



}



.counter-block .inner-box .content-box .text:before{

	position:absolute;

	content:'';

	left:50%;

	top:0px;

	height:2px;

	width:50px;

	margin-left:-25px;

	display:inline-block;

	background-color:#222222;

}



.counter-block:nth-child(2) .inner-box .content-box .count-box,

.counter-block:nth-child(4) .inner-box .content-box .count-box{

	color:#222222;

	width:100%;

}



.counter-block:nth-child(2) .inner-box .content-box .text:before,

.counter-block:nth-child(4) .inner-box .content-box .text:before{

	background-color:#e9c37a;

}



/***



====================================================================

	Testimonial Section

====================================================================



***/



.testimonial-section{

	position:relative;

	padding:85px 0px 85px;

	background-attachment:fixed;

	background-size:cover;

	background-repeat:no-repeat;

}



.testimonial-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(48,48,48,0.80);

}



.testimonial-section .owl-nav{

	display:none;

}



.testimonial-section .owl-dots{

	position:relative;

	text-align:center;

	margin-top:50px;

}



.testimonial-section .owl-dots .owl-dot{

	position:relative;

	width:9px;

	height:9px;

	margin:0px 7px;

	border-radius:50%;

	display:inline-block;

	border:1px solid #ffffff;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.testimonial-section .owl-dots .owl-dot.active,

.testimonial-section .owl-dots .owl-dot:hover{

	background-color:#ffffff;

}



.testimonial-block{

	position:relative;

}



.testimonial-block .inner-box{

	position:relative;

	text-align:center;

}



.testimonial-block .inner-box .quote-icon{

	position:relative;

	font-size:44px;

	line-height:1em;

	color:#ffffff;

}



.testimonial-block .inner-box .title{

	position:relative;

	color:#e9c37a;

	font-size:30px;

	font-weight:600;

	margin-top:25px;

	letter-spacing:1px;

}



.testimonial-block .inner-box .text{

	position:relative;

	color:#ffffff;

	font-size:16px;

	line-height:1.7em;

	font-style:italic;

	max-width:1000px;

	margin:0 auto;

	margin-top:60px;

	font-weight:400;

}



.testimonial-block .inner-box .author-name{

	position:relative;

	color:#ffffff;

	font-size:14px;

	font-weight:600;

	margin-top:40px;

	letter-spacing:1px;

	text-transform:uppercase;

}



/***



====================================================================

	Team Section

====================================================================



***/



.team-section{

	position:relative;

	padding:85px 0px 85px;

}



.team-section .pattern-layer{

	position:absolute;

	right:0px;

	top:240px;

	width:100%;

	height:234px;

}



.team-section .sec-title{

	margin-bottom:50px;

}



.team-section .sec-title .text{

	line-height:2em;

	margin-top:40px;

}



/* Team Block */



.team-block{

	position:relative;

	margin-bottom:30px;

}



.team-block .inner-box{

	position:relative;

}



.team-block .inner-box .image{

	position:relative;

}



.team-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.team-block .inner-box .image .overlay-box{

	position:absolute;

	left:20px;

	top:20px;

	right:20px;

	bottom:20px;

	opacity:0;

	-webkit-transition:all 700ms ease;

	-ms-transition:all 700ms ease;

	-o-transition:all 700ms ease;

	transition:all 700ms ease;

}



.team-block .inner-box .image .overlay-box:before{

	position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    opacity: 0;

    visibility: hidden;

    transition: all 500ms ease;

    -moz-transition: all 700ms ease;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

    background-color:rgba(233,195,122,0.95);

	transform-origin:bottom;

	-moz-transform: rotateX(-180deg);

    -webkit-transform: rotateX(-180deg);

    -ms-transform: rotateX(-180deg);

    -o-transform: rotateX(-180deg);

	transform: rotateX(-180deg);

}



.team-block .inner-box:hover .overlay-box:before{

	-moz-transform: rotateX(0deg);

    -webkit-transform: rotateX(0deg);

    -ms-transform: rotateX(0deg);

    -o-transform: rotateX(0deg);

    transform: rotateX(0deg);

    opacity: 1;

    visibility: visible;

}



.team-block .inner-box:hover .overlay-box{

	opacity:1;



}



.team-block .inner-box .overlay-inner{

	position:absolute;

	left:0px;

	top:-20px;

	width:100%;

	height:100%;

	display:table;

	text-align:center;

	vertical-align:middle;

	padding:10px 15px;

	opacity:0;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

}



.team-block .inner-box:hover .overlay-inner{

	opacity:1;

	top:0;

	-webkit-transition-delay:700ms;

	-ms-transition-delay:700ms;

	transition-delay:700ms;

}



.team-block .inner-box .overlay-inner .content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.team-block .inner-box .image .overlay-box .phone{

	position:relative;

	color:#222222;

	font-size:18px;

	line-height:1.8em;

	padding-bottom:20px;

	margin-bottom:25px;

}



.team-block .inner-box .image .overlay-box .phone a{

	color:#222222;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.team-block .inner-box .image .overlay-box .phone a:hover{

	text-decoration:underline;

	color:#ffffff;

}



.team-block .inner-box .image .overlay-box .phone span{

	font-size:16px;

	display:block;



}



.team-block .inner-box .image .overlay-box .phone:before{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	height:2px;

	width:50px;

	margin-left:-25px;

	background-color:#222222;

}



.team-block .inner-box .image .overlay-box .social-links{

	position:relative;

}



.team-block .inner-box .image .overlay-box .social-links li{

	position:relative;

	margin:0px 6px;

	display:inline-block;

}



.team-block .inner-box .image .overlay-box .social-links li a{

	position:relative;

	color:#222222;

	font-size:18px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.team-block .inner-box .image .overlay-box .social-links li a:hover{

	color:#ffffff;

}



.team-block .inner-box .lower-content{

	position:relative;

	padding:30px 15px 30px 45px;

	background-color:#222222;

}



.team-block .inner-box .lower-content h3{

	position:relative;

	font-size:18px;

	line-height:1.3em;



}



.team-block .inner-box .lower-content h3 a{

	position:relative;

	color:#ffffff;

}



.team-block .inner-box .lower-content .designation{

	position:relative;

	font-size:12px;

	margin-top:2px;

	padding-bottom:20px;

	text-transform:uppercase;

	color:rgba(255,255,255,0.70);

}



.team-block .inner-box .lower-content .designation:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:3px;

	width:50px;

	background-color:#e9c37a;

}



/***



====================================================================

	Sponsors Section

====================================================================



***/



.sponsors-section{

	position:relative;

	padding:50px 0px 50px;

	box-shadow:0px 0px 20px rgba(0,0,0,0.10);

}



.sponsors-section.style-two{

	box-shadow:none;

	padding:80px 0px 80px;

	border-top:1px solid #eeeeee;

}



.sponsors-section .sponsors-outer{

	position:relative;

}



.sponsors-section .sponsors-outer .owl-dots,

.sponsors-section .sponsors-outer .owl-nav{

	position:relative;

	display:none;

}



.sponsors-section .sponsors-outer .image-box{

	position:relative;

	text-align:center;

	margin:0px;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.sponsors-section .sponsors-outer .image-box img{

	max-width:100%;

	width:auto;

	display:inline-block;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.sponsors-section .sponsors-outer .image-box img:hover{

	opacity:0.4;

}



/***



====================================================================

	News Section

====================================================================



***/



.news-section{

	position:relative;

	padding:95px 0px 60px;

}



.news-section .sec-title{

	margin-bottom:45px;

}



.news-section .row{

	margin:0px -28px;

}



.news-section .news-column{

	padding:0px 28px;

}



/* News Block */



.news-block{

	position:relative;

	margin-bottom:40px;

}



.news-block .inner-box{

	position:relative;

}



.news-block .inner-box .image{

	position:relative;

	overflow:hidden;

	background-color:#000000;

}



.news-block .inner-box .image a{

	position:relative;

	display:block;



}



.news-block .inner-box .image a:before{

	content: "\f0c1";

	font-family: 'FontAwesome';

	font-weight:400;

	position:absolute;

	left:50%;

	top:50%;

	margin:-30px 0px 0px -30px;

	width:60px;

	height:60px;

	line-height:60px;

	text-align:center;

	background:#c5a47e;

	color:#fff;

	font-size:20px;

	border-radius:50%;

	z-index:1;

	opacity:0;

	-webkit-transform:translateY(50px);

	-ms-transform:translateY(50px);

	-moz-transform:translateY(50px);

	transform:translateY(50px);

	-webkit-transition: all 600ms ease;

	-moz-transition: all 600ms ease;

	-ms-transition: all 600ms ease;

	-o-transition: all 600ms ease;

	transition: all 600ms ease;

}



.news-block .inner-box .image img{

	display: block;

	width: 100%;

	height: auto;

	-webkit-transition: all 600ms ease;

	-moz-transition: all 600ms ease;

	-ms-transition: all 600ms ease;

	-o-transition: all 600ms ease;

	transition: all 600ms ease;

}



.news-block .inner-box:hover .image img{

	opacity:0.30;

	-webkit-transform:rotate(3deg) scale(1.1,1.1);

	-ms-transform:rotate(3deg) scale(1.1,1.1);

	transform:rotate(3deg) scale(1.1,1.1);

}



.news-block .inner-box:hover .image a:before{

	opacity:1;

	-webkit-transform:translateY(0px);

	-ms-transform:translateY(0px);

	-moz-transform:translateY(0px);

	transform:translateY(0px);

}



.news-block .inner-box .lower-content{

	position:relative;

}



.news-block .inner-box .lower-content .post-date{

  font-family: 'Barlow Condensed',sans-serif;

	position:relative;

	color:#ffffff;

	top:-20px;

	font-size:16px;

  letter-spacing: 0.08em;

	margin-left:30px;

	margin-top:-10px;

	padding:10px 17px;

	display:inline-block;

	background-color:#222222;

}



.news-block .inner-box .lower-content h3{

	position:relative;

	font-size:24px;

	font-weight:600;

	line-height:1.3em;

}



.news-block .inner-box .lower-content h3 a{

  font-family: 'Noto Sans TC',sans-serif;

  font-weight: 400;

  letter-spacing: 0.05em;

	position:relative;

	color:#666;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

  font-size: 22px;

}



.news-block .inner-box .lower-content h3 a:hover{

	color:#c5a47e;

}



.news-block .inner-box .lower-content .post-meta{

	position:relative;

	margin-top:10px;

	padding-bottom:18px;

}



.news-block .inner-box .lower-content .post-meta li{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-right:15px;

	display:inline-block;



}



.news-block .inner-box .lower-content .post-meta li:last-child{

	margin-right:0px;

}



.news-block .inner-box .lower-content .post-meta:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.news-block .inner-box .lower-content .text{

  letter-spacing: 0.03em;

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.9em;

	margin-top:18px;



}



.news-block .inner-box .lower-content .read-more,

.read-href{

  font-family: 'Barlow Condensed',sans-serif;

  letter-spacing: 0.1em;

	position:relative;

	color:#c5a47e;

	font-size:1.1em;

  font-weight: 600;

	line-height:1em;

	margin-top:20px;

	display:inline-block;



	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.news-block .inner-box .lower-content .read-more .arrow,{

	position:relative;

	margin-left:10px;

	color:#e9c37a;

	top:2px;

}



.news-block .inner-box .lower-content .read-more:hover,

.read-href:hover{

	color:#c5a47e;

}



/* News Block Two */



.news-block-two{

	position:relative;

	margin-bottom:60px;

}



.news-block-two .inner-box{

	position:relative;

}



.news-block-two .inner-box .image-column{

	position:relative;

}



.news-block-two .inner-box .image-column .image{

	position:relative;

	overflow:hidden;

	background-color:#000000;

}



.news-block-two .inner-box .image-column .image img{

	position:relative;

	width:100%;

	display:block;

	transition:all 600ms ease;

	-webkit-transition:all 600ms ease;

	-ms-transition:all 600ms ease;

	-o-transition:all 600ms ease;

	-moz-transition:all 600ms ease;

}



.news-block-two .inner-box:hover .image-column .image img{

	opacity:0.4;

	-webkit-transform:rotate(5deg) scale(1.2,1.2);

	-ms-transform:rotate(5deg) scale(1.2,1.2);

	-moz-transform:rotate(5deg) scale(1.2,1.2);

	transform:rotate(5deg) scale(1.2,1.2);

}



.news-block-two .inner-box .content-column{

	position:relative;

}



.news-block-two .inner-box .content-column .inner-column{

	position:relative;

}



.news-block-two .inner-box .content-column .post-date{

	position:relative;

	color:#ffffff;

	font-size:14px;

	padding:10px 17px;

	display:inline-block;

	background-color:#222222;



}



.news-block-two .inner-box .content-column h3{

	position:relative;

	font-size:24px;

	font-weight:600;

	line-height:1.3em;

	margin-top:18px;

}



.news-block-two .inner-box .content-column h3 a{

	position:relative;

	color:#222222;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.news-block-two .inner-box .content-column h3 a:hover{

	color:#e9c37a;

}



.news-block-two .inner-box .content-column .post-meta{

	position:relative;

	margin-top:7px;

	padding-bottom:18px;

}



.news-block-two .inner-box .content-column .post-meta:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.news-block-two .inner-box .content-column .post-meta li{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-right:20px;

	display:inline-block;



}



.news-block-two .inner-box .content-column .post-meta li:last-child{

	margin-right:0px;

}



/***



====================================================================

	Newsletter Section

====================================================================



***/



.newsletter-section{

	position:relative;

	padding:75px 0px;

}



.newsletter-section.style-two{

	padding-top:0px;

}



.newsletter-section .pattern-layer{

	position:absolute;

	right:0px;

	top:0px;

	width:100%;

	height:253px;

}



.newsletter-section .title-column{

	position:relative;

}



.newsletter-section .title-column .inner-column{

	position:relative;

}



.newsletter-section .title-column .inner-column h2{

	position:relative;

	color:#222222;

	font-size:30px;

	font-weight:700;

	line-height:1.3em;

	padding-right:30px;

	display:inline-block;

}



.newsletter-section .title-column .inner-column h2:before{

	position:absolute;

	content:'';

	right:0px;

	top:20px;

	width:24px;

	height:2px;

	background-color:#e9c37a;

}



.newsletter-section .title-column .inner-column .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.7em;

	margin-top:15px;



}



.newsletter-section .form-column{

	position:relative;

}



.newsletter-section .form-column .inner-column{

	position:relative;

}



.newsletter-section .form-column h3{

	position:relative;

	color:#222222;

	font-weight:600;

	font-size:18px;

	line-height:1.3em;

	margin-bottom:18px;

}



/*Subscribe Form*/



.subscribe-form{

	position:relative;

}



.subscribe-form .form-group{

	position:relative;

	display:block;

	margin:0px;

	width:100%;

	padding-right:170px;

}



.subscribe-form .form-group input[type="text"],

.subscribe-form .form-group input[type="tel"],

.subscribe-form .form-group input[type="email"],

.subscribe-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	height:50px;

	font-size:14px;

	color:#222222;

	background:#ffffff;

	border:1px solid #dddddd;

	padding:10px 15px 10px 15px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;



}



.subscribe-form .form-group input[type="submit"],

.subscribe-form button{

	position:absolute;

	right:0px;

	top:0px;

	cursor:pointer;

}



.subscribe-form .form-group input[type="submit"]:hover,

.subscribe-form button:hover{



}



/***



====================================================================

	Main Footer

====================================================================



***/



.main-footer{

	position:relative;

	color:#bbbbbb;

	background-color:#474747;

}



.main-footer .footer-widget{

	position:relative;

	margin-bottom:40px;

}



.main-footer .widgets-section{

	position:relative;

	padding:95px 0px 50px;

	padding-bottom:40px;

}

@media(max-width: 480px) {

  .main-footer .widgets-section{

    padding:55px 20px 50px;

  }

}



.main-footer .footer-widget h2{

	position:relative;

	font-weight:400;

	color:#b3b3b3;

	font-size:35px;

	line-height:1.2em;

	margin-bottom:24px;

	padding-bottom:14px;

	text-transform:uppercase;

}



.main-footer .footer-widget h2:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#c5a47e;

}



.main-footer .about-widget .social-links{

	position:relative;

}



.main-footer .about-widget .social-links li{

	position:relative;

	margin-right:20px;

	display:inline-block;

}



.main-footer .about-widget .social-links li:last-child{

	margin-right:0px;

}



.main-footer .about-widget .social-links li a{

	position:relative;

	color:#bbbbbb;

	font-size:18px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-footer .about-widget .social-links li a:hover{

	color:#e9c37a;

}



.main-footer .about-widget .text{

	position:relative;

	color:#bbbbbb;

	font-size:14px;

	line-height:1.9em;

	margin-top:18px;

	margin-bottom:35px;



}



.main-footer .about-widget .copyright{

	position:relative;

	color:#cccccc;

	font-size:14px;

	line-height:1.9em;





}



.main-footer .about-widget .copyright span{

	color:#ffffff;

	font-weight:600;



}



/* Footer List */



.footer-list{

	position:relative;

}



.footer-list li{

	position:relative;

	margin-bottom:10px;

}



.footer-list li a{

	position:relative;

	color:#bbbbbb;

	font-size:15px;

  letter-spacing: 0.05em;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.footer-list li a:hover{

	color:#ffffff;

}



/* Contact List */



.main-footer .contact-list{

	position:relative;

}



.main-footer .contact-list li{

	position:relative;

	color:#bbbbbb;

	font-size:16px;

	line-height:1.6em;

	margin-bottom:14px;

  letter-spacing: 0.03em;

}



.main-footer .contact-list li a{

	color:#ffffff;

}



.main-footer .contact-list li a:hover{

	text-decoration:underline;

}



.main-footer .contact-list li span{

	color:#ffffff;

	font-size:18px;

	display:block;

}



.main-footer .footer-bottom-image{

	position:relative;

}



.main-footer .footer-bottom-image .image{

	position:relative;

}



.main-footer .footer-bottom-image .image:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	z-index:1;

	background-color:rgba(0,0,0,0.80);

}



.main-footer .footer-bottom-image .image img{

	position:relative;

	width:100%;

	display:block;

}



/***



====================================================================

	Architecture Section

====================================================================



***/



.architecture-section{

	position:relative;

	padding:100px 0px 120px;

}



.architecture-section .pattern-layer{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:424px;

}



.architecture-section .title-box{

	position:relative;

}



.architecture-section .title-box .title-inner-box{

	position:relative;

	background-color:#ffffff;

	padding:85px 60px 60px 150px;

	border:10px solid #eeeeee;

}



.architecture-section .title-box .title-inner-box .sec-title h2{

	font-size:44px;

	line-height:1.1em;

	font-weight:700;

}



.architecture-section .title-box .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.9em;



}



.architecture-section .lower-content{

	position:relative;

}



.architecture-section .lower-content .inner-content{

	position:relative;

	padding:0px 70px 0px 140px;

}



.architecture-section .lower-content .list-column{

	position:relative;

}



.architecture-section .lower-content .list-column .inner-column{

	position:relative;

	padding-top:50px;

}



.architecture-section .lower-content .architecture-info{

	position:relative;

	margin-bottom:32px;

}



.architecture-section .lower-content .architecture-info:last-child{

	margin-bottom:0px;

}



.architecture-section .lower-content .architecture-info .info-inner{

	position:relative;

	padding-bottom:14px;

}



.architecture-section .lower-content .architecture-info .info-inner:before{

	position:absolute;

	content:'';

	left:0px;

	width:35px;

	bottom:0px;

	height:2px;

	background-color:#e9c37a;

}



.architecture-section .lower-content .architecture-info .info-inner h3{

	position:relative;

	color:#222222;

	font-weight:600;

	font-size:24px;

	line-height:1.3em;



}



.architecture-section .lower-content .architecture-info .info-inner .text{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-top:4px;



}



.architecture-section .lower-content .image-column{

	position:relative;

}



.architecture-section .lower-content .image-column .inner-column{

	position:relative;

	margin-top:-90px;

}



.architecture-section .lower-content .image-column img{

	position:relative;

	width:100%;

	display:block;

}



/***



====================================================================

	Gallery Section

====================================================================



***/



.gallery-section{

	position:relative;

	padding-top:90px;

}



.gallery-section .filters{

	position:relative;

	margin-bottom:40px;

}



.gallery-section .filters .filter-tabs{

	position:relative;

}



.gallery-section .filters li{

	position: relative;

    display: inline-block;

    color: #656565;

    cursor: pointer;

    font-size: 16px;

    font-weight: 600;

	margin:0px 12px 6px;

	padding:0px 0px 6px;

	text-transform:uppercase;

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;



}



.gallery-section .filters li:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:0px;

	background-color:#e9c37a;

	transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.gallery-section .filters li.active::before,

.gallery-section .filters li:hover::before{

	width:100%;

}



/* Project Item */



.project-item{

	position:relative;

	margin-bottom:30px;

}



.project-item .inner-box{

	position:relative;

	width:100%;

	overflow:hidden;

}



.project-item .image-box{

	position:relative;

	display:block;

	margin:0px;

}



.project-item .image-box img{

	position:relative;

	display:block;

	width:100%;

}



.project-item .overlay-box{

	position:absolute;

	left:50%;

	top:50%;

	width:240px;

	height:120px;

	margin:-60px 0px 0px -120px;

	color:#ffffff;

	text-align:center;

	background:rgba(0,0,0,0.30);

	opacity:0;

}



.project-item .inner-box:hover .overlay-box{

	-webkit-animation-name:bounceIn;

	-ms-animation-name:bounceIn;

	animation-name:bounceIn;

	-webkit-animation-duration: 1s;

	-ms-animation-duration: 1s;

	  animation-duration: 1s;

	  -webkit-animation-fill-mode: both;

	  animation-fill-mode: both;

}



.project-item .overlay-inner{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:table;

	vertical-align:middle;

	padding:10px 0px;

}



.project-item .overlay-inner .content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.project-item .overlay-inner .link{

	position:relative;

	font-size:20px;

	color:#ffffff;

	width:50px;

	height:50px;

	line-height:50px;

	margin:0px 5px;

	display:inline-block;

	background-color:#e9c37a;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.project-item .overlay-inner .link .icon{

	position:relative;

}



.project-item .overlay-inner .link:hover{

	background:#202020;

}



.default-portfolio-item{

	position:relative;

	margin-bottom:30px;

}



.default-portfolio-item.mix{

	display:none;

}



.sortable-masonry .items-container{

	position:relative;

}



.sortable-masonry .masonry-item{

	position:relative;

	padding:0px 0px;

	margin:0px;

}



.sortable-masonry .masonry-item:before{

	content:'';

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	outline:5px solid #ffffff;

	outline-offset:-5px;

	z-index:1;

}



.default-portfolio-item .inner-box{

	position:relative;

	width:100%;

	overflow:hidden;

}



.default-portfolio-item .image-box{

	position:relative;

	display:block;

	background:#101010;

	margin:0;

}



.default-portfolio-item .image-box img{

	position:relative;

	display:block;

	border-radius:3px;

	width:100%;

	transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

}



.default-portfolio-item:hover .inner-box .image-box img{

	opacity:0.50;

	-webkit-transform:scale(1.1);

	-ms-transform:scale(1.1);

	-moz-transform:scale(1.1);

	transform:scale(1.1);

}



.default-portfolio-item .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	padding:0px;

	opacity:0;

	text-align:center;

	transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transform:scaleX(0);

	-ms-transform:scaleX(0);

	-o-transform:scaleX(0);

	-moz-transform:scaleX(0);

	transform:scaleX(0);

	z-index:10;

}



.default-portfolio-item .overlay-box{

	border:5px solid transparent;

}



.default-portfolio-item:hover .overlay-box{

	top:0px;

	opacity:1;

	-webkit-transform:scaleX(1);

	-ms-transform:scaleX(1);

	-o-transform:scaleX(1);

	-moz-transform:scaleX(1);

	transform:scaleX(1);

}



.default-portfolio-item .overlay-inner{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:table;

	vertical-align:middle;

	padding:10px 20px;

	background:rgba(0,0,0,0);

}



.default-portfolio-item .overlay-inner .overlay-content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.default-portfolio-item .overlay-inner .content-box{

	position:relative;

	padding:80px 20px;

	max-width:450px;

	margin:0 auto;

	background:rgba(255,255,255,0.95);

}



.default-portfolio-item .overlay-inner .content{

	position:relative;

	max-width:250px;

	margin:0 auto;

}



.default-portfolio-item .overlay-inner h3{

	position:relative;

	font-size:16px;

	font-weight:700;

	font-family:'Lato',sans-serif;

	text-transform:uppercase;

	color:#222222;

	line-height:1.4em;

	padding-bottom:10px;

}



.default-portfolio-item .overlay-inner h3 a{

	color:#222222;

}



.default-portfolio-item .overlay-inner h3:after{

	content:'';

	position:absolute;

	left:50%;

	margin-left:-10px;

	bottom:0px;

	width:20px;

	border-bottom:2px solid #c5a47e;

}



.default-portfolio-item .overlay-inner .text{

	position:relative;

	line-height:1.8em;

	margin-top:20px;

}



/***



====================================================================

	Services Section

====================================================================



***/



.services-section{

	position:relative;

	padding:95px 0px 80px;

}



.services-section .pattern-layer{

	position:absolute;

	right:0px;

	bottom:0px;

	width:800px;

	height:455px;

}



.services-block-three{

	position:relative;

	margin-bottom:30px;

}



.services-block-three.style-two{

	text-align:center;

}



.services-block-three.style-two .inner-box h3:before{

	margin-left:-25px;

	left:50%;

}



.services-block-three .inner-box{

	position:relative;

}



.services-block-three .inner-box .service-number{

	position:absolute;

	right:0px;

	top:40px;

	color:#e9c37a;

	opacity:0.4;

	font-size:72px;

	line-height:1em;

	font-weight:700;

}



.services-block-three .inner-box .icon-box{

	position:relative;

	font-size:54px;

	line-height:1em;

	color:#e9c37a;

}



.services-block-three .inner-box h3{

	position:relative;

	font-size:24px;

	font-weight:600;

	margin-top:18px;

	padding-bottom:12px;

}



.services-block-three .inner-box h3 a{

	position:relative;

	color:#222222;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.services-block-three .inner-box h3 a:hover{

	color:#e9c37a;

}



.services-block-three .inner-box h3:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.services-block-three .inner-box .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

	margin-top:25px;



}



/***



====================================================================

	Planning Section

====================================================================



***/



.planning-section{

	position:relative;

	padding:100px 0px 60px;

	background-size:cover;

	background-attachment:fixed;

}



.planning-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	background-color:rgba(48,48,48,0.90);

}



.planning-section .image-column{

	position:relative;

	margin-bottom:40px;

}



.planning-section .image-column .inner-column{

	position:relative;

}



.planning-section .image-column .inner-column .image{

	position:relative;

}



.planning-section .image-column .inner-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.planning-section .content-column{

	position:relative;

}



.planning-section .content-column .inner-column{

	position:relative;

	padding-top:20px;

	padding-left:70px;

}



.planning-section .content-column .inner-column .text{

	position:relative;

}



.planning-section .content-column .inner-column .text p{

	position:relative;

	font-size:14px;

	line-height:1.8em;

	color:#ffffff;

	margin-bottom:20px;



}



.planning-section .content-column .inner-column .text p:last-child{

	margin-bottom:0px;

}



.planning-section .content-column .inner-column .text p span{

	font-weight:600;

}



/***



====================================================================

	Services Section Two

====================================================================



***/



.services-section-two{

	position:relative;

	padding:100px 0px 60px;

}



.services-section-two .pattern-layer{

	position:absolute;

	left:-350px;

	top:430px;

	width:1000px;

	height:334px;

}



.services-section-two .left-column{

	position:relative;

	margin-bottom:40px;

}



.services-section-two .left-column .inner-column{

	position:relative;

	padding-left:70px;

	padding-right:20px;

}



.services-section-two .left-column .inner-column .sec-title{

	margin-bottom:90px;

}



.services-section-two .left-column h3{

	position:relative;

	color:#e9c37a;

	font-size:42px;

	line-height:1.3em;



}



.services-section-two .left-column .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

	margin-top:6px;

	margin-bottom:20px;



}



.services-section-two .left-column ul{

	position:relative;

	margin-bottom:100px;

}



.services-section-two .left-column ul li{

	position:relative;

	color:#dddddd;

	font-weight:600;

	font-size:38px;

	line-height:1.3em;

	margin-bottom:5px;

}



/*Skills Section*/



.skills{

	position:relative;

}



.skills .skill-item{

	position:relative;

	margin-bottom:25px;

}



.skills .skill-item:last-child{

	margin-bottom:0px;

}



.skills .skill-item .skill-bar{

	position:relative;

	width:100%;

}



.skills .skill-item .skill-bar .bar-inner{

	position:relative;

	width:100%;

	border-bottom: 3px solid #cccccc;

}



.skills .skill-item .skill-bar .bar-inner .bar{

	position:absolute;

	left:0px;

	top:0px;

	width:0px;

	height:3px;

	background:#222222;

	-webkit-transition:all 2000ms ease;

	-ms-transition:all 2000ms ease;

	-o-transition:all 2000ms ease;

	-moz-transition:all 2000ms ease;

	transition:all 2000ms ease;

}



.skills.green .skill-item .skill-bar .bar-inner .bar{

	background:#ff6666;

}



.skills .skill-item .skill-header{

	position:relative;

	margin-bottom:10px;

}



.skills .skill-item .skill-header .skill-title{

	float:left;

	color:#222222;

	font-size:16px;

	font-weight:600;

	line-height:1.4em;

	text-transform:capitalize;

}



.skills .skill-item .skill-header .skill-percentage{

	position:relative;

	color:#e9c37a;

	font-size:16px;

	font-weight:600;

	line-height:1.4em;

	float:right;

}



.services-section-two .left-column .image{

	position:relative;

	margin-top:70px;

	margin-left:-210px;

}



.services-section-two .right-column{

	position:relative;

	margin-bottom:40px;

}



.services-section-two .right-column .inner-column{

	position:relative;

	margin-right:-350px;

}



.services-section-two .right-column .image-box{

	position:relative;

	margin-bottom:40px;

}



.services-block-four{

	position:relative;

}



.services-block-four .inner-box{

	position:relative;

}



.services-block-four .inner-box .image{

	position:relative;

}



.services-block-four .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.services-block-four .inner-box .lower-content{

	position:relative;

}



.services-block-four .inner-box .lower-content .content-inner{

	position:relative;

	margin-left:40px;

	margin-right:40px;

	margin-top:-180px;

	padding:70px 70px 70px 120px;

	background-color:#ffffff;

	box-shadow:0px 0px 25px rgba(0,0,0,0.10);

}



.services-block-four .inner-box .lower-content h2{

	position:relative;

	font-size:30px;

	font-weight:700;

	line-height:1.4em;

	margin-bottom:18px;

}



.services-block-four .inner-box .lower-content h2:before{

	position:absolute;

	content:'';

	left:-65px;

	top:19px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.services-block-four .inner-box .lower-content h2 a{

	position:relative;

	color:#222222;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.services-block-four .inner-box .lower-content h2 a:hover{

	color:#e9c37a;

}



.services-block-four .inner-box .lower-content .text{

	position:relative;

	margin-bottom:35px;

}



.services-block-four .inner-box .lower-content .text p{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.9em;

	margin-bottom:15px;

}



.services-block-four .inner-box .lower-content .text p:last-child{

	margin-bottom:0px;

}



.services-section-three{

	position:relative;

	padding:100px 0px 70px;

}



.services-section-three .pattern-layer{

	position:absolute;

	right:0px;

	top:0px;

	width:695px;

	height:395px;

}



.services-section-three .pattern-layer-two{

	position:absolute;

	left:0px;

	bottom:0px;

	width:695px;

	height:395px;

}



/* Services Block Five */



.services-block-five{

	position:relative;

	margin-bottom:30px;

}



.services-block-five .inner-box{

	position:relative;

}



.services-block-five .inner-box .image-column{

	position:relative;

	margin-bottom:30px;

}



.services-block-five .inner-box .image-column .inner-column{

	position:relative;

}



.services-block-five .inner-box .image-column .inner-column .image{

	position:relative;

}



.services-block-five .inner-box .image-column .inner-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.services-block-five .inner-box .content-column{

	position:relative;

	margin-bottom:30px;

}



.services-block-five .inner-box .content-column .inner-column{

	position:relative;

	padding-top:60px;

}



.services-block-five .inner-box .content-column{

	position:relative;

}



.services-block-five .inner-box .content-column .inner-column{

	position:relative;

	padding-right:50px;

}



.services-block-five.style-two .inner-box .content-column .inner-column{

	position:relative;

	padding-right:0px;

	padding-left:50px;

}



.services-block-five .inner-box .content-column h3{

	position:relative;

	font-size:24px;

	font-weight:600;

	line-height:1.3em;

	margin-bottom:25px;

	padding-bottom:15px;

}



.services-block-five .inner-box .content-column h3:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.services-block-five .inner-box .content-column h3 a{

	position:relative;

	color:#222222;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.services-block-five .inner-box .content-column h3 a:hover{

	color:#e9c37a;

}



.services-block-five .inner-box .content-column .text{

	position:relative;

    color: #666666;

    font-size: 14px;

    line-height: 1.9em;



}



/***



====================================================================

	Fullwidth Section Two

====================================================================



 ***/



.container-fluid-two{

	position:relative;

	overflow:hidden;

	margin-bottom:40px;

	padding:40px 0px 0px;

	background-color:#e9c37a;

}



.container-fluid-two .outer-section{

	position:relative;

}



.container-fluid-two .outer-section .left-column{

	position:relative;

	width:50%;

	float:left;

	padding-top:40px;

}



.container-fluid-two .outer-section .left-column .inner-column{

	position: relative;

	max-width:560px;

	margin-right:270px;

	margin-left:-270px;

    display: block;

    float: right;

	padding:0px 15px;

	padding-right:60px;

}



.container-fluid-two .outer-section .pattern-layer{

	position:absolute;

	left:0px;

	bottom:0px;

	width:430px;

	height:304px;

}



.container-fluid-two .outer-section .left-column .quote-icon{

	position:absolute;

	left:0px;

	top:0px;

	color:#222222;

	font-size:50px;

	line-height:1em;

	padding-bottom:10px;

	border-bottom:2px solid #222222;

}



.container-fluid-two .outer-section .left-column .title-box{

	position:relative;

	padding-left:90px;

}



.container-fluid-two .outer-section .left-column .title-box .title{

	position:relative;

	color:#222222;

	font-size:16px;

	letter-spacing:1px;

	text-transform:uppercase;

}



.container-fluid-two .outer-section .left-column .title-box h2{

	position:relative;

	color:#222222;

	font-size:36px;

	font-weight:600;

	margin-bottom:12px;

}



.container-fluid-two .outer-section .left-column .title-box .text{

	position:relative;

	color:#222222;

	font-size:16px;

	line-height:1.7em;



}



.container-fluid-two .outer-section .right-column{

	position:relative;

	width:50%;

	float:left;

	padding-bottom:40px;

}



.container-fluid-two .outer-section .right-column:before,

.container-fluid-two .outer-section .right-column .inner-column:before{

	position:absolute;

	content:'';

	right:0px;

	top:-180px;

	width:100%;

	height:300%;

	background-color:#ffffff;

}



.container-fluid-two .outer-section .right-column .inner-column{

	position:relative;

	display:block;

	background:#ffffff;

	padding-left:90px;

	margin-left:-270px;

	padding-right:30px;

}



.container-fluid-two .outer-section .right-column .inner-column .owl-dots{

	display:none;

}



.container-fluid-two .outer-section .right-column .inner-column .owl-nav{

	position:relative;

	text-align:center;

	margin-top:70px;

}



.container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-prev,

.container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-next{

	position:relative;

	width:55px;

	height:55px;

	color:#222222;

	font-size:28px;

	line-height:51px;

	text-align:center;

	margin:0px 4px;

	border:2px solid #eeeeee;

	display:inline-block;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-prev:hover,

.container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-next:hover{

	color:#ffffff;

	border-color:#e9c37a;

	background-color:#e9c37a;

}



/* Testimonial Block Two */



.testimonial-block-two{

	position:relative;

}



.testimonial-block-two .inner-box{

	position:relative;

	padding-top:10px;

	min-height:250px;

	padding-left:220px;

}



.testimonial-block-two .inner-box .image{

	position:absolute;

	left:0px;

	top:0px;

	width:180px;

}



.testimonial-block-two .inner-box .upper-box{

	position:relative;

	padding-bottom:12px;

	margin-bottom:25px;

	border-bottom:1px solid #dddddd;

}



.testimonial-block-two .inner-box .upper-box h3{

	position:relative;

	color:#222222;

	font-size:16px;

    font-weight: 700;

}



.testimonial-block-two .inner-box .upper-box .location{

	position:relative;

	color:#222222;

	font-style:italic;



}



.testimonial-block-two .inner-box .upper-box .rating{

	position:relative;

	padding-top:10px;

}



.testimonial-block-two .inner-box .upper-box .rating .fa{

	position:relative;

	color:#ffce4a;

	font-size:13px;

}



.testimonial-block-two .inner-box .text{

	position:relative;

	line-height:1.7em;

	color:#222222;

	font-size:16px;



}



/***



====================================================================

	Project Contact Section

====================================================================



 ***/



.project-contact-section{

	position:relative;

	padding-top:100px;

	padding-bottom:50px;

}



.project-contact-section .inner-container{

	position:relative;

}



.project-contact-section .inner-container .pattern-layer{

	position:absolute;

	content:'';

	left:0px;

	bottom:-50px;

	height:185px;

	width:1300px;

}



.project-contact-section .image-layer{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:170px;

	background-size:cover;

}



.project-contact-section .image-layer:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(48,48,48,0.90);

}



.project-contact-section .content-box{

	position:relative;

	max-width:570px;

	float:right;

	width:100%;

}



.project-contact-section .content-box .content-inner{

	position:relative;

	background-color:#ffffff;

	padding:50px 50px 50px 110px;

	box-shadow:0px 0px 30px rgba(0,0,0,0.10);

}



.project-contact-section .content-box .content-inner .sec-title h2{

	font-size:30px;

    font-weight: 700;

}



/***



====================================================================

	Project Form

====================================================================



 ***/



.project-form{

	position:relative;

}



.project-form .form-group{

	position:relative;

	margin-bottom:10px;

}



.project-form .form-group input[type="text"],

.project-form .form-group input[type="tel"],

.project-form .form-group input[type="email"],

.project-form .form-group select,

.project-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 25px;

	color:#222222;

	height:55px;

	font-size:15px;

	background:#f4f4f4;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;



}



.project-form .form-group input[type="text"]:focus,

.project-form .form-group input[type="tel"]:focus,

.project-form .form-group input[type="email"]:focus,

.project-form .form-group textarea:focus{



}



.project-form .form-group textarea::-webkit-input-placeholder,

.project-form .form-group input::-webkit-input-placeholder{

	color:#888888;

}



.project-form .form-group textarea{

	height:130px;

	resize:none;

}



.project-form button{

	cursor: pointer;

	margin-top:20px;

}



/***



====================================================================

	Sponsors Section Two

====================================================================



***/



.sponsors-section-two{

	position:relative;

	padding:60px 0px 60px;

	background-color:#f4f4f4;

}



.sponsors-section-two .sponsors-outer{

	position:relative;

}



.sponsors-section-two .sponsors-outer:before{

	position:absolute;

	content:'';

	right:-2px;

	top:0px;

	width:6px;

	height:100%;

	z-index:1;

	background-color:#f4f4f4;

}



.sponsors-section-two .sponsors-outer .owl-dots,

.sponsors-section-two .sponsors-outer .owl-nav{

	position:relative;

	display:none;

}



.sponsors-section-two .sponsors-outer .image-box{

	position:relative;

	text-align:center;

	margin:0px;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.sponsors-section-two .sponsors-outer .image-box:before{

	position:absolute;

	content:'';

	right:-1px;

	top:0px;

	width:1px;

	height:100%;

	background-color:#dddddd;

}



.sponsors-section-two .sponsors-outer .image-box img{

	max-width:100%;

	width:auto;

	display:inline-block;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.sponsors-section-two .sponsors-outer .image-box img:hover{

	opacity:0.4;

}



/***



====================================================================

	About Section Two

====================================================================



***/



.about-section-two{

	position:relative;

	padding:170px 0px 70px;

}



.about-section-two .pattern-layer{

	position:absolute;

	left:0px;

	top:90px;

	right:0px;

	width:100%;

	height:490px;

}



.about-section-two .outer-container{

	position:relative;

	padding:0px 50px;

}



.about-section-two .left-column{

	position:relative;

	width:40%;

	float:left;

}



.about-section-two .left-column .row{

	position:relative;

	margin:0px -15px;

}



.about-section-two .left-column .image-column{

	position:relative;

	padding:0px 15px;

}



.about-section-two .left-column .image-column .image{

	position:relative;

	margin-bottom:30px;

}



.about-section-two .left-column .image-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.about-section-two .right-column{

	position:relative;

	width:60%;

	float:left;

}



.about-section-two .right-column .inner-column{

	position:relative;

	padding-left:100px;

}



.about-section-two .right-column .inner-column .sec-title{

	margin-bottom:20px;

}



.about-section-two .right-column .inner-column .bold-text{

	position:relative;

	color:#222222;

	font-size:16px;

	font-weight:600;

	line-height:1.6em;

	margin-bottom:15px;

}



.about-section-two .right-column .inner-column .text{

	position:relative;

	font-size:14px;

	color:#666666;

	line-height:1.7em;



}



.about-section-two .right-column .inner-column .image{

	position:relative;

	margin-bottom:30px;

}



.about-section-two .right-column .inner-column .image img{

	width:100%;

	display:block;

}



/***



====================================================================

	Services Section Four

====================================================================



***/



.services-section-four{

	position:relative;

	padding-bottom:90px;

}



.services-section-four .title-box{

	position:relative;

	padding:90px 0px 120px;

	background-size:cover;

	background-repeat:no-repeat;

	background-attachment:fixed;

}



.services-section-four .title-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(48,48,48,0.90);

}



.services-section-four .title-box .sec-title .title{

	color:#ffffff;

}



.services-section-four .title-box .sec-title .text{

	margin-top:38px !important;

}



.services-section-four .lower-content{

	position:relative;

	margin-top:-55px;

	z-index:1;

}



.services-section-four .lower-content .pattern-layer{

	position:absolute;

	left:0px;

	top:35px;

	width:900px;

	height:803px;

}



/* Services Block Six */



.services-block-six{

	position:relative;

	margin-bottom:30px;

}



.services-block-six .inner-box{

	position:relative;

	text-align:center;

	padding:0px;

}



.services-block-six .inner-box .icon-box{

	position:relative;

	font-size:80px;

	line-height:1em;

	color:#4f4f4f;

}



.services-block-six .inner-box h3{

	position:relative;

	font-size:24px;

	line-height:1.3em;

	font-weight:600;

	margin-top:50px;

	color:#222222;

	padding-bottom:18px;

}



.services-block-six .inner-box h3:before{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	width:50px;

	height:2px;

	margin-left:-25px;

	background-color:#e9c37a;

}



.services-block-six .flip-container {

  -webkit-perspective: 1000px;

  -moz-perspective: 1000px;

  -o-perspective: 1000px;

  perspective: 1000px;

}



.services-block-six .flip-container{

	position:relative;

	display:block;

	width:100%;

	height:auto;

}



.services-block-six .flip-container .front{

	position:relative;

	display:block;

	width:100%;

	padding:100px 30px;

	height:auto;

	background-color:#ffffff;

	box-shadow:0px 0px 30px rgba(0,0,0,0.10);

}



.services-block-six .flip-container .back {

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	background:#e9c37a;

	z-index: 1;

}



.services-block-six .flipper {

	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;



	-moz-transition: 0.6s;

	-moz-transform-style: preserve-3d;



  -o-transition: 0.6s;

	-o-transform-style: preserve-3d;



	transition: 0.6s;

	transform-style: preserve-3d;



	position: relative;

	padding:0;

}



.services-block-six .flip-container:hover .flipper,

.services-block-six .flip-container.hover .flipper {

		-webkit-transform: rotateY(180deg);

		-moz-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

		transform: rotateY(180deg);

	}



.services-block-six .front,.services-block-six .back {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

  -o-backface-visibility: hidden;

	backface-visibility: hidden;

	top: 0;

	left: 0;

}



.services-block-six .front {

	z-index: 2;

	-webkit-transition:opacity ease 500ms;

	-ms-transition:opacity ease 500ms;

	-moz-transition:opacity ease 500ms;

	transition:opacity ease 500ms;

}



.services-block-six .flip-container:hover .flipper .front,

.services-block-six .flip-container.hover .flipper .front{

	opacity: 0;

	z-index: 0;

}



.services-block-six .back {

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

	transform: rotateY(180deg);

	background: #e9c37a;

}





.services-block-six .inner-box .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:1;

	-webkit-transition:all 700ms ease;

	-ms-transition:all 700ms ease;

	-o-transition:all 700ms ease;

	transition:all 700ms ease;

	overflow:hidden;

}



/*.services-block-six .inner-box .overlay-box:before{

	position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    opacity: 0;

    visibility: hidden;

    transition: all 700ms ease;

    -moz-transition: all 700ms ease;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

    background:#e9c37a;

	transform-origin:top;

	-moz-transform: rotateX(-180deg);

    -webkit-transform: rotateX(-180deg);

    -ms-transform: rotateX(-180deg);

    -o-transform: rotateX(-180deg);

	transform: rotateX(-180deg);

}



.services-block-six .inner-box:hover .overlay-box:before{

	-moz-transform: rotateX(0deg);

    -webkit-transform: rotateX(0deg);

    -ms-transform: rotateX(0deg);

    -o-transform: rotateX(0deg);

    transform: rotateX(0deg);

    opacity: 1;

    visibility: visible;

}



.services-block-six .inner-box:hover .overlay-box{

	opacity:1;

}*/



.services-block-six .inner-box .overlay-box .overlay-inner{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:table;

	vertical-align:middle;

	padding:10px 35px;

	opacity:1;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



/*.services-block-six .inner-box:hover .overlay-box .overlay-inner{

	top:0;

	opacity:1;

	transition-delay:700ms;

}*/



.services-block-six .inner-box .overlay-inner .content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.services-block-six .inner-box .overlay-inner h4{

	position:relative;

	font-size:24px;

	font-weight:600;

	line-height:1.3em;

	padding-bottom:15px;

}



.services-block-six .inner-box .overlay-inner h4:before{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	width:50px;

	height:2px;

	margin-left:-25px;

	background-color:#222222;

}



.services-block-six .inner-box .overlay-inner h4 a{

	position:relative;

	color:#222222;

}



.services-block-six .inner-box .overlay-inner .text{

	position:relative;

	color:#444444;

	font-size:14px;

	line-height:1.8em;

	margin-top:18px;



}



.services-block-six .inner-box .overlay-inner .read-more{

	position:relative;

	display:inline-block;

	color:#222222;

	font-size:14px;

	margin-top:20px;

	font-weight:600;

	text-transform:uppercase;

	border-bottom:2px solid transparent;

}



.services-block-six .inner-box .overlay-inner .read-more:hover{

	border-bottom-color:#222222;

}



.services-block-six .inner-box .overlay-inner .icon{

	position:absolute;

	left:0px;

	right:0px;

	color:#222222;

	font-size:90px;

	line-height:1em;

	margin-top:60px;

	opacity:0.10;

}



/***



====================================================================

	Counter Section Two

====================================================================



***/



.counter-section-two{

	position:relative;

	padding-bottom:70px;

	border-bottom:1px solid #eeeeee;

}



.counter-section-two .outer-container{

	position:relative;

	padding:0px 20px;

}



/* Counter Block */



.counter-block-two{

	position:relative;

	margin-bottom:30px;

}



.counter-block-two .inner-box{

	position:relative;

}



.counter-block-two .inner-box .image-column{

	position:relative;

	padding:0px;

	float:left;

}



.counter-block-two .inner-box .image-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.counter-block-two .inner-box .content-column{

	position:relative;

	padding:0px;

	float:left;

}



.counter-block-two .inner-box .content-column .inner-column{

	position:relative;

	width:100%;

	text-align:center;

	height:100%;

	display: table;

	vertical-align: middle;

	padding:4px 15px 0px;

	background-color:#ffffff;

}



.counter-block-two .inner-box .content-column .inner-column .content{

	position: relative;

	height:100%;

	width:100%;

	text-align:center;

    display: table-cell;

    vertical-align: middle;

}



.counter-block-two .inner-box .content-column .inner-column .count-box{

	position:relative;

	color:#e9c37a;

	font-size:102px;

	font-family: 'Noto Sans TC', sans-serif;

	line-height:1em;

	font-weight:400;

}



.counter-block-two .inner-box .content-column .inner-column .text{

	position:relative;

	color:#666666;

	font-size:13px;

	padding-top:15px;

	font-weight:600;

	margin-top:15px;

	text-transform:uppercase;



}



.counter-block-two .inner-box .content-column .inner-column .text:before{

	position:absolute;

	content:'';

	left:50%;

	top:0px;

	height:2px;

	width:50px;

	margin-left:-25px;

	display:inline-block;

	background-color:#222222;

}



.counter-block-two:nth-child(2) .inner-box .content-column .count-box,

.counter-block-two:nth-child(4) .inner-box .content-column .count-box{

	color:#222222;

}



.counter-block-two:nth-child(2) .inner-box .content-column .text:before,

.counter-block-two:nth-child(4) .inner-box .content-column .text:before{

	background-color:#e9c37a;

}



/***



====================================================================

	Project Section Two

====================================================================



***/



.project-section-two{

	position:relative;

	padding-bottom:140px;

}



.project-section-two.style-two{

	padding-bottom:0px;

}



.project-section-two.style-three{

	padding-top:40px;

	padding-bottom:130px;

}



.project-section-two.style-four{

	padding-top:90px;

}



.project-section-two.style-four .sec-title{

	margin-bottom:45px;

}



.project-section-two .owl-dots,

.project-section-two .owl-nav{

	display:none;

}



.project-section-two .btn-box{

	position:relative;

	padding-top:75px;

}



.project-section-two .pattern-layer{

	position:absolute;

	left:0px;

	right:0px;

	height:125px;

	width:100%;

	bottom:120px;

	background-repeat:no-repeat;

	background-position:center center;

}



/* Project Block */



.project-block-two{

	position:relative;

}



.project-block-two .inner-box{

	position:relative;

}



.project-block-two .inner-box .image{

	position:relative;

}



.project-block-two .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.project-block-two .inner-box .image .overlay-box{

	position: absolute;

    left: 0px;

    bottom: 0px;

    right: 0px;

    top: 0px;

    z-index: 2;

	opacity: 0;

    display: block;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

    transition: all 900ms ease;

}



.project-block-two .inner-box .image .overlay-box:before{

	position:absolute;

	content:'';

	right:0px;

	top:0px;

	width:50%;

	height:100%;

	display:block;

	opacity:0;

	text-align:center;

    -webkit-transform: perspective(400px) rotateY(-90deg);

    -moz-transform: perspective(400px) rotateY(-90deg);

    -ms-transform: perspective(400px) rotateY(-90deg);

    -o-transform: perspective(400px) rotateY(-90deg);

    transform: perspective(400px) rotateY(-90deg);

    -webkit-transform-origin: right;

    -moz-transform-origin: right;

    -ms-transform-origin: right;

    -o-transform-origin: right;

    transform-origin: right;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

	background-color: rgba(197, 164, 126, 0.9);

}



.project-block-two .inner-box:hover .image .overlay-box:before{

	opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg);

    -moz-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    -o-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

}



.project-block-two .inner-box .image .overlay-box:after{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:50%;

	height:100%;

	display:block;

	opacity:0;

	text-align:center;

    -webkit-transform: perspective(400px) rotateY(90deg);

    -moz-transform: perspective(400px) rotateY(90deg);

    -ms-transform: perspective(400px) rotateY(90deg);

    -o-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    -webkit-transform-origin: left;

    -moz-transform-origin: left;

    -ms-transform-origin: right;

    -o-transform-origin: left;

    transform-origin: left;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

	background-color: rgba(197, 164, 126, 0.9);

}



.project-block-two .inner-box:hover .image .overlay-box:after{

	opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg);

    -moz-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    -o-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

}



.project-block-two .inner-box:hover .image .overlay-box{

	opacity: 1;

}



.project-block-two .inner-box .image .overlay-box .plus{

	position:relative;

	display:inline-block;

	z-index:1;

	color:#222222;

	font-size:18px;

	text-align:center;

	line-height:34px;

	font-weight:400;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.project-block-two .inner-box .image .overlay-box .plus:hover{

	color:#ffffff;

}



.project-block-two .inner-box:hover .image .overlay-box .plus{

	-ms-animation-name: rotateMe;

	-moz-animation-name: rotateMe;

	-o-animation-name: rotateMe;

	-webkit-animation-name: rotateMe;

	animation-name: rotateMe;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-o-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-delay: 1000ms;

	-moz-animation-delay: 1000ms;

	-o-animation-delay: 1000ms;

	-webkit-animation-delay: 1000ms;

	animation-delay: 1000ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-o-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 2;

	-moz-animation-iteration-count: 2;

	-op-animation-iteration-count: 2;

	-webkit-animation-iteration-count: 2;

	animation-iteration-count: 2;

}



.project-block-two .inner-box .image .overlay-box .overlay-inner{

	position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: table;

    text-align: left;

    padding: 10px 20px;

    vertical-align: middle;

	opacity:0;

	-webkit-transform:translateY(50px);

	-ms-transform:translateY(50px);

	-moz-transform:translateY(50px);

	transform:translateY(50px);

	z-index:1;

}



.project-block-two .inner-box:hover .image .overlay-box .overlay-inner{

	opacity:1;

	-webkit-transform:translateY(0);

	-ms-transform:translateY(0);

	-moz-transform:translateY(0);

	transform:translateY(0);

	transition:all 500ms ease 700ms;

	-moz-transition:all 500ms ease 700ms;

	-webkit-transition:all 500ms ease 700ms;

	-ms-transition:all 500ms ease 700ms;

	-o-transition:all 500ms ease 700ms;

}



.project-block-two .inner-box .image .overlay-box .overlay-inner .overlay-content{

    position: relative;

	text-align:center;

    display: table-cell;

    vertical-align: middle;

}



.project-block-two .inner-box .image h3{

	position:relative;

	font-size:1.3em;

	color:#222222;

	z-index:1;

	font-weight:600;

	line-height:1.3em;

	margin-top:15px;

	margin-bottom:7px;

  letter-spacing: 0.1em;

  font-family: 'Noto Sans TC',sans-serif;

}





.project-block-two .inner-box .image h3 a{

	position:relative;

	color:#222222;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.project-block-two .inner-box .image h3 a:hover{

	color:#222222;

	text-decoration:underline;

}



.project-block-two .inner-box .image .category{

	position:relative;

	color:#222222;

	font-size:14px;

	margin-top:4px;

	z-index:1;

	letter-spacing:1px;

	text-transform:uppercase;



}



/***



====================================================================

	Branded Section

====================================================================



***/



.branded-section{

	position:relative;

	background-size:cover;

	padding:90px 0px 100px;

	background-repeat:no-repeat;

	background-position:center bottom;

	border-bottom:1px solid #eeeeee;

}



.branded-section.style-two{

	border-bottom:0px;

}



.branded-section .title-box{

	position:relative;

	margin-bottom:90px;

}



.branded-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(48,48,48,0.90);

}



.branded-section .title-box .sec-title .title{

	color:#ffffff;

}



.branded-section .title-box .sec-title .text{

	margin-top:38px !important;

}



.branded-section .lower-section{

	position:relative;

}



.branded-section:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:215px;

	background-color:#ffffff;

}



.branded-section .lower-section .row{

	margin:0px -55px;

}



.branded-section .lower-section .brand-block,

.branded-section .lower-section .brand-block-two{

	padding:0px 55px;

}



/* Brand Block */



.brand-block{

	position:relative;

	z-index:1;

}



.brand-block .inner-box{

	position:relative;

	background-color:#ffffff;

	box-shadow:0px 0px 20px rgba(0,0,0,0.10);

}



.brand-block .inner-box .upper-box{

	position:relative;

	padding:42px 45px 45px;

	background-color:#e9c37a;

}



.brand-block .inner-box .upper-box h3{

	position:relative;

	color:#222222;

	font-size:24px;

	font-weight:600;

	line-height:1.3em;

	padding-bottom:22px;

}



.brand-block .inner-box .upper-box h3:before{

	position:absolute;

	content:'';

	left:0px;

	height:3px;

	width:50px;

	bottom:0px;

	background-color:#222222;

}



.brand-block .inner-box .lower-box{

	position:relative;

	padding:32px 0px;

}



.brand-block .inner-box .lower-box .box-inner{

	position:relative;

	padding-top:25px;

	padding-bottom:25px;

	padding-left:155px;

	padding-right:20px;

}



.brand-block .inner-box .lower-box .box-inner .image{

	position:absolute;

	left:-30px;

	top:0px;

}



.brand-block .inner-box .lower-box .box-inner .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;



}



/***



====================================================================

	Testimonial Section Two

====================================================================



***/



.testimonial-section-two{

	position:relative;

	padding:95px 0px 95px;

}



.testimonial-section-two.style-two{

	padding-top:0px;

}



/* Testimonial Block Three */



.testimonial-block-three{

	position:relative;

}



.testimonial-block-three .inner-box{

	position:relative;

	text-align:center;

}



.testimonial-block-three .inner-box .quote-icon{

	position:relative;

	font-size:44px;

	line-height:1em;

	color:#e9c37a;

}



.testimonial-block-three .inner-box h3{

	position:relative;

	color:#222222;

	font-size:30px;

	font-weight:600;

	margin-top:25px;

	display:inline-block;

	padding:0px 30px;

}



.testimonial-block-three .inner-box h3:before{

	position:absolute;

	content:'';

	left:0px;

	top:23px;

	height:2px;

	width:24px;

	background-color:#e9c37a;

}



.testimonial-block-three .inner-box h3:after{

	position:absolute;

	content:'';

	right:0px;

	top:23px;

	height:2px;

	width:24px;

	background-color:#e9c37a;

}



.testimonial-block-three .inner-box .text{

	position:relative;

	color:#222222;

	font-size:16px;

	line-height:1.7em;

	max-width:950px;

	margin:0 auto;

	margin-top:35px;



}



.testimonial-block-three .inner-box .author-name{

	position:relative;

	color:#222222;

	font-size:16px;

	margin-top:40px;

	letter-spacing:1px;

	text-transform:uppercase;

    font-weight: 700;

}



.testimonial-block-three .inner-box .designation{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-top:0px;



}



.testimonial-section-two .client-thumb-outer{

	position:relative;

	max-width:250px;

	margin:0 auto;

	overflow:hidden;

	padding-top:45px;

}



.testimonial-section-two .client-thumb-outer .owl-item.active .thumb-item .thumb-box{

	z-index:999;

	-o-transform: scale(1,1);

	-ms-transform: scale(1,1);

    -webkit-transform: scale(1,1);

    transform: scale(1, 1);

}



.testimonial-section-two .client-thumb-outer .client-thumbs-carousel{

	position: relative;

    max-width: 80px;

    margin: 0 auto;

	text-align:center;

}



.testimonial-section-two .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{

	overflow:visible;

}



.testimonial-section-two .client-thumb-outer .thumb-item .thumb-box{

	width:80px;

	height:80px;

	cursor:pointer;

	border-radius:50%;

	margin: 0 auto;

	overflow:hidden;

	-o-transform: scale(0.9, 0.9);

	-ms-transform: scale(0.9, 0.9);

    -webkit-transform: scale(0.9, 0.9);

    transform: scale(0.9, 0.9);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.testimonial-section-two .client-thumb-outer .owl-item{

	z-index:0;

}



.testimonial-section-two .client-thumb-outer .owl-item.active{

	z-index:10;

}



.testimonial-section-two .client-thumb-outer .thumb-item .thumb-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	z-index:1;

	background-color:rgba(255,255,255,0.50);

}



.testimonial-section-two .client-thumb-outer .owl-item.active .thumb-box:before{

	opacity:0;

}



.testimonial-section-two .client-thumb-outer .client-thumbs-carousel .thumb-item img{

	overflow:hidden;

	width:100%;

	height:100%;

	display:block;

	border-radius:50%;

}



.testimonial-section-two .owl-item.active .thumb-content{

	opacity:1;

}



.testimonial-section-two .owl-nav{

    position: absolute;

    left: 0%;

    top: 50%;

    width: 100%;

	margin-top:-10px;

    /*max-width: 710px;

    margin-left: -355px; */

}



.testimonial-section-two .owl-nav .owl-prev,

.testimonial-section-two .owl-nav .owl-next{

	position:absolute;

	display:inline-block;

	color:#eeeeee;

	font-size:20px;

	line-height:40px;

	width:45px;

	height:45px;

	text-align:center;

	background:none;

	border:2px solid #eeeeee;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.testimonial-section-two .owl-nav .owl-prev{

	left:0px;

	right:auto;

}



.testimonial-section-two .owl-nav .owl-next{

	right:0px;

	left:auto;

}



.testimonial-section-two .owl-nav .owl-prev:hover,

.testimonial-section-two .owl-nav .owl-next:hover{

	color:#ffffff;

	border-color:#e9c37a;

	background-color:#e9c37a;

}



.testimonial-section-two .owl-dots{

	display:none;

}



/***



====================================================================

	Fluid Section One

====================================================================



***/



.fluid-section-one{

	position:relative;

}



.fluid-section-one .image-column{

    position: absolute;

    left: 0px;

	top:0px;

    width: 55%;

    bottom:50px;

	float:right;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}



.fluid-section-one .image-column .image{

    width: 100%;

    display: none;

}



.fluid-section-one .image-column .image img{

    display: block;

    width: 100%;

}



.fluid-section-one .image-column .overlay-link{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.03);

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

}



.fluid-section-one .image-column .overlay-link:hover{

    background: rgba(0,0,0,0.50);

}



.fluid-section-one .image-column .overlay-link .icon-box{

    position: absolute;

    left: 50%;

	top: 50%;

    width: 80px;

    height: 80px;

    color: #222222;

    font-size: 22px;

    padding-left: 6px;

    line-height: 80px;

    text-align: center;

    border-radius: 50%;

    margin-bottom: 50px;

    display: inline-block;

	margin-left: -40px;

	margin-top: -40px;

    background-color: #ffffff;

}



/*Content Column*/



.fluid-section-one .content-column{

	position: relative;

    width: 45%;

	float:right;

	padding:60px 0px 0px 0px;

}



.fluid-section-one .content-column .content-box{

	position:relative;

	max-width:700px;

	float:left;

}



.fluid-section-one .content-column .content-box .content{

	position:relative;

	z-index:1;

	margin-left:-70px;

	padding:50px 50px 50px 55px;

	background-color:#ffffff;

	box-shadow:0px 0px 30px rgba(0,0,0,0.10);

}



.fluid-section-one .content-column .sec-title{

	padding-left:135px;

}



.fluid-section-one .content-column .content-box .content .text{

	position:relative;

	line-height:1.8em;

	color:#666666;

	font-size:14px;

	margin-bottom:45px;



}



.fluid-section-one .content-column .content-box .content .text span{

	font-weight:600;

}



/* Feature Box */



.feature-box{

	position:relative;

}



.feature-box .inner-box{

	position:relative;

	text-align:center;

}



.feature-box .inner-box .icon-box{

	position:relative;

	color:#e9c37a;

	font-size:70px;

	line-height:1em;

	font-weight:400;

}



.feature-box .inner-box h3{

	position:relative;

	color:#222222;

	font-size:16px;

	font-weight:700;

	margin-top:15px;

}



/***



====================================================================

	Sponsors Section Three

====================================================================



***/



.sponsors-section-three{

	position:relative;

	padding:160px 0px 60px;

}



.sponsors-section-three .inner-container{

	position:relative;

	border-bottom:none;

	background-color:#ffffff;

	border:1px solid #eeeeee;

	border-right:none;

}



.sponsors-section-three .inner-container .column{

	float:left;

	padding:0px;

}



.sponsors-section-three .inner-container .column .image{

	text-align:center;

	border-bottom:1px solid #eeeeee;

	border-right:1px solid #eeeeee;

}



/***



====================================================================

	Project Form Section

====================================================================



***/



.project-form-section{

	position:relative;

	padding:60px 0px 110px;

}



.project-form-section .content-column{

	position:relative;

}



.project-form-section .content-column .inner-column{

	position:relative;

	padding-left:65px;

	padding-right:75px;

	margin-bottom:40px;

}



.project-form-section .content-column ul{

	position:relative;

}



.project-form-section .content-column ul li{

	position:relative;

	margin-bottom:8px;

	color:#222222;

	font-size:14px;

}



.project-form-section .content-column ul li span{

	position:relative;



}



/***



====================================================================

	Map Section

====================================================================



***/



.map-section{

	position:relative;

}



.map-section .map-canvas{

	position:relative;

	height:400px;

}



/***



====================================================================

	Products Section

====================================================================



***/



.products-section{

	position:relative;

	padding:80px 0px 30px;

}



/* Product Block */



.product-block{

	position:relative;

	margin-bottom:30px;

}



.product-block .inner-box{

	position:relative;

}



.product-block .inner-box .image{

	position:relative;

}



.product-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.product-block .inner-box .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

}



.product-block .inner-box .overlay-box .overlay-inner{

	position:relative;

	padding-top:44px;

	padding-left:15px;

	padding-right:15px;

	text-align:center;

}



.product-block .inner-box .overlay-box .overlay-inner h3{

	position:relative;

	font-size:24px;

	font-weight:600;

	line-height:1.3em;

}



.product-block .inner-box .overlay-box .overlay-inner h3 a{

	position:relative;

	color:#222222;

	transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

}



.product-block .inner-box .overlay-box .overlay-inner h3 a:hover{

	color:#e9c37a;

}



.product-block .inner-box .overlay-box .overlay-inner .title{

	position:relative;

	color:#444444;

	font-size:14px;

	margin-top:2px;



}



.product-block .inner-box .overlay-box .overlay-inner .see-products{

	position:relative;

	font-size:14px;

	color:#222222;

	margin-top:12px;

	padding-bottom:3px;

	display:inline-block;

	text-transform:uppercase;

	border-bottom:3px solid #e9c37a;

	transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

}



.product-block .inner-box .overlay-box .overlay-inner .see-products:hover{

	color:#e9c37a;

}



/* Product Block Two */



.product-block-two{

	position:relative;

	margin-bottom:30px;

}



.product-block-two .inner-box{

	position:relative;

}



.product-block-two .inner-box .image{

	position:relative;

}



.product-block-two .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.product-block-two .inner-box .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

}



.product-block-two .inner-box .overlay-box .overlay-inner{

	position:relative;

	max-width:280px;

	padding-top:100px;

	padding-left:15px;

	padding-right:15px;

	text-align:center;

}



.product-block-two .inner-box .overlay-box .overlay-inner h3{

	position:relative;

	font-size:24px;

	font-weight:600;

	line-height:1.3em;

}



.product-block-two .inner-box .overlay-box .overlay-inner h3 a{

	position:relative;

	color:#222222;

	transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

}



.product-block-two .inner-box .overlay-box .overlay-inner h3 a:hover{

	color:#e9c37a;

}



.product-block-two .inner-box .overlay-box .overlay-inner .title{

	position:relative;

	color:#222222;

	font-size:14px;

	margin-top:2px;

	letter-spacing:2px;

	text-transform:uppercase;



}



.product-block-two .inner-box .overlay-box .overlay-inner .sale{

	position:relative;

	font-size:14px;

	color:#444444;

	margin-top:25px;

	padding-bottom:3px;

	display:block;



}



/* Product Block Three */



.product-block-three{

	position:relative;

	margin-bottom:30px;

}



.product-block-three .inner-box{

	position:relative;

}



.product-block-three .inner-box .image{

	position:relative;

}



.product-block-three .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.product-block-three .inner-box .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

}



.product-block-three .inner-box .overlay-box .overlay-inner{

	position:absolute;

	left:40px;

	bottom:40px;

	max-width:280px;

	padding-top:100px;

	padding-left:15px;

	padding-right:15px;

}



.product-block-three .inner-box .overlay-box .overlay-inner h3{

	position:relative;

	font-size:24px;

	font-weight:600;

	line-height:1.4em;

}



.product-block-three .inner-box .overlay-box .overlay-inner h3 a{

	position:relative;

	color:#222222;

	transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

}



.product-block-three .inner-box .overlay-box .overlay-inner h3 a:hover{

	color:#e9c37a;

}



.product-block-three .inner-box .overlay-box .overlay-inner .shop-now{

	position:relative;

	font-size:14px;

	color:#222222;

	margin-top:16px;

	padding-bottom:3px;

	display:inline-block;

	text-transform:uppercase;

	border-bottom:3px solid #e9c37a;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.product-block-three .inner-box .overlay-box .overlay-inner .shop-now:hover{

	color:#e9c37a;

}



/* Shop Products Section */



.shop-products-section{

	position:relative;

	padding:40px 0px 60px;

}



.shop-products-section .btn-box{

	position:relative;

	margin-top:20px;

}



.product-block-four{

	position:relative;

	margin-bottom:45px;

}



.product-block-four .inner-box{

	position:relative;

}



.product-block-four .inner-box .image{

	position:relative;

	display:block;

	overflow:hidden;

	background:#000000;

}



.product-block-four .inner-box .image .sale{

	position:absolute;

	right:25px;

	top:25px;

	z-index:1;

	color:#ffffff;

	font-size:12px;

	line-height:1.3em;

	padding:5px 15px 7px;

	border-radius:2px;

	background-color:#f74c4c;

	text-transform:uppercase;



}



.product-block-four .inner-box .image .hot{

	position:absolute;

	right:25px;

	top:25px;

	z-index:1;

	color:#ffffff;

	font-size:12px;

	line-height:1.3em;

	padding:5px 15px 7px;

	border-radius:2px;

	background-color:#3bca4b;

	text-transform:uppercase;



}



.product-block-four .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.product-block-four .inner-box:hover .image img{

	opacity:0.70;

	-webkit-transform:scale(1.1) rotate(3deg);

	-ms-transform:scale(1.1) rotate(3deg);

	transform:scale(1.1) rotate(3deg);

}



.product-block-four .inner-box .prod-options{

	position:absolute;

	right:5px;

	bottom:-150px;

	width:40px;

	opacity:0;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.product-block-four .inner-box:hover .prod-options{

	opacity:1;

	bottom:2px;

}



.product-block-four .inner-box .prod-options .add-fav,

.product-block-four .inner-box .prod-options .add-cart,

.product-block-four .inner-box .prod-options .view-prod{

	position:relative;

	display:block;

	margin-bottom:3px;

}



.product-block-four .inner-box .prod-options a{

	position:relative;

	display:block;

	text-align:center;

	line-height:38px;

	border:1px solid #222222;

	font-size:16px;

	height:40px;

	color:#222222;

	background:#ffffff;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.product-block-four .inner-box .prod-options a:hover{

	background:#e9c37a;

	color:#ffffff;

	border-color:#ffffff;

}



.product-block-four .inner-box .lower-content{

	position:relative;

	padding-top:32px;

	text-align:center;

}



.product-block-four .inner-box .lower-content h3{

	position:relative;

	font-size:18px;

	font-weight:600;

	line-height:1.3em;



}



.product-block-four .inner-box .lower-content h3 a{

	position:relative;

	color:#222222;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.product-block-four .inner-box .lower-content h3 a:hover{

	color:#e9c37a;

}



.product-block-four .inner-box .lower-content .price{

	position:relative;

	margin-top:8px;

}



.product-block-four .inner-box .lower-content .price li{

	position:relative;

	font-size:16px;

	color:#e9c37a;

	margin:0px 5px;

	display:inline-block;

    font-weight: 700;

}



.product-block-four .inner-box .lower-content .price li:last-child{

	color:#666666;

	text-decoration:line-through;



}



.products-section-two{

	position:relative;

	padding:50px 0px 70px;

}



/* Product Block Five */



.product-block-five{

	position:relative;

	margin-bottom:30px;

}



.product-block-five .inner-box{

	position:relative;

}



.product-block-five .inner-box .image{

	position:relative;

}



.product-block-five .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.product-block-five .inner-box .image .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

}



.product-block-five .inner-box .image .overlay-box .overlay-inner{

	position:relative;

	max-width:280px;

	width:100%;

	display:block;

	float:right;

	padding-top:60px;

}



.product-block-five .inner-box .image .overlay-box .overlay-inner .title{

	position: relative;

    font-size: 15px;

	font-weight:500;

    color: #444444;

    display: block;



}



.product-block-five .inner-box .image .overlay-box .overlay-inner h3{

	position:relative;

	color:#222222;

	font-size:26px;

	font-weight:700;

	line-height:1.3em;

	margin-top:8px;

}



.product-block-five .inner-box .image .overlay-box .overlay-inner h3 a{

	position:relative;

	color:#222222;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.product-block-five .inner-box .image .overlay-box .overlay-inner h3 a:hover{

	color:#e9c37a;

}



/* Product Block Six */



.product-block-six{

	position:relative;

	margin-bottom:30px;

}



.product-block-six .inner-box{

	position:relative;

}



.product-block-six .inner-box .image{

	position:relative;

}



.product-block-six .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.product-block-six .inner-box .image .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

}



.product-block-six .inner-box .image .overlay-box .overlay-inner{

	position:relative;

	width:100%;

	display:block;

	float:right;

	padding-left:60px;

	padding-top:40px;

}



.product-block-six .inner-box .image .overlay-box .overlay-inner .discover{

    position: relative;

    font-size: 15px;

    color: #222222;

	float:left;

	margin-left:75px;

    margin-top: 28px;

	font-weight:700;

    padding-bottom: 3px;

    display: inline-block;

    text-transform: uppercase;

    border-bottom: 3px solid #e9c37a;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

}



.product-block-six .inner-box .image .overlay-box .overlay-inner .discover:hover{

	color:#e9c37a;

}



.product-block-six .inner-box .image .overlay-box .overlay-inner h3{

	position:relative;

	color:#222222;

	font-size:26px;

	font-weight:700;

	line-height:1.3em;

	margin-top:8px;

	float:left;

}



.product-block-six .inner-box .image .overlay-box .overlay-inner h3 a{

	position:relative;

	color:#222222;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.product-block-six .inner-box .image .overlay-box .overlay-inner h3 a:hover{

	color:#e9c37a;

}



/***



====================================================================

	Feature Section

====================================================================



***/



.feature-section{

	position:relative;

	padding-top:100px;

	padding-bottom:170px;

	background-attachment:fixed;

	background-repeat:no-repeat;

	background-size:cover;

}



.feature-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background:rgba(0,0,0,0.50);

}



/* Feature Block */



.feature-block{

	position:relative;

	margin-bottom:45px;

}



.feature-block .inner-box{

	position:relative;

}



.feature-block .inner-box .icon-box{

	position:relative;

	color:#e9c37a;

	font-size:50px;

	line-height:1em;

}



.feature-block .inner-box h3{

	position:relative;

	font-size:24px;

	color:#ffffff;

	line-height:1.3em;

	margin-top:25px;

	margin-bottom:10px;



}



.feature-block .inner-box .text{

	position:relative;

	font-size:14px;

	color:#ffffff;

	line-height:1.9em;



}



/***



====================================================================

	Products Section Three

====================================================================



***/



.products-section-three{

	position:relative;

	padding:95px 0px 60px;

}



.products-section-three .sec-title .more-products{

    position: relative;

    font-size: 14px;

    color: #222222;

    margin-top: 40px;

    padding-bottom: 3px;

    display: inline-block;

    text-transform: uppercase;

    border-bottom: 3px solid #e9c37a;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

}



.products-section-three .sec-title .more-products:hover{

	color:#e9c37a;

}



/***



====================================================================

	Subscribe Section

====================================================================



***/



.subscribe-section{

	position:relative;

	padding:85px 0px 85px;

	background-attachment:fixed;

	background-size:cover;

	background-repeat:no-repeat;

	background-position:right bottom;

}



.subscribe-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(0,0,0,0.06);

}



.subscribe-section .title-column{

	position:relative;

}



.subscribe-section .title-column .inner-column{

	position:relative;

}



.subscribe-section .title-column .inner-column h2{

	position:relative;

	color:#222222;

	font-size:36px;

	font-weight:600;

	line-height:1.3em;



}



.subscribe-section .title-column .inner-column .text{

	position:relative;

	color:#444444;

	font-size:14px;

	line-height:1.4em;

	margin-top:14px;



}



.subscribe-section .form-column{

	position:relative;

}



.subscribe-section .form-column .inner-column{

	position:relative;

	padding-top:40px;

	padding-left:40px;

}



/* Subscribe Form Two */



.subscribe-form-two{

	position:relative;

}



.subscribe-form-two .form-group{

	position:relative;

	display:block;

	margin:0px;

	width:100%;

	padding-right:175px;

}



.subscribe-form-two .form-group input[type="text"],

.subscribe-form-two .form-group input[type="tel"],

.subscribe-form-two .form-group input[type="email"],

.subscribe-form-two .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	height:53px;

	font-size:14px;

	color:#222222;

	background:#ffffff;

	border:1px solid #dddddd;

	padding:10px 15px 10px 15px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;



}



.subscribe-form-two .form-group input[type="submit"],

.subscribe-form-two button{

	position:absolute;

	right:0px;

	top:0px;

	cursor:pointer;

}



/***



====================================================================

	Page Title

====================================================================



***/



.page-title{

	position:relative;

	padding:230px 0px 70px;

	background-size:cover;

	background-repeat:no-repeat;

}



.page-title .content{

	position:relative;

	padding-left:195px;

}



.page-title:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(0,0,0,0.70);

}



.page-title h2{

	position:relative;

	color:#ffffff;

	font-weight:600;

	font-size:48px;

	line-height:1.3em;

}



.page-title .text{

	position:relative;

	color:#ffffff;

	font-size:22px;

	margin-top:5px;

	line-height:1.3em;



}



.page-title .page-breadcrumb{

	position:relative;

	color:rgba(255,255,255,0.70);

	margin-top:90px;

	font-family: 'Noto Sans TC', sans-serif;

}



.page-title .page-breadcrumb li{

	position:relative;

	font-size:14px;

	padding-right:10px;

	margin-right:10px;

	text-transform:capitalize;

	display:inline-block;



}



.page-title .page-breadcrumb li:after{

	position:absolute;

	content:'/';

	right:-6px;

	top:0px;

}



.page-title .page-breadcrumb li:last-child:after{

	display:none;

}



.page-title .page-breadcrumb li a{

	position:relative;

	color:#e9c37a;



}



/* Brand Block Two */



.brand-block-two{

	position:relative;

	z-index:1;

}



.brand-block-two .inner-box{

	position:relative;

	background-color:#ffffff;

	box-shadow:0px 0px 20px rgba(0,0,0,0.10);

}



.brand-block-two .inner-box .upper-box{

	position:relative;

}



.brand-block-two .inner-box .upper-box .upper-inner{

	position:relative;

	padding-left:60px;

	padding-bottom:20px;

	background-color:#e9c37a;

}



.brand-block-two .inner-box .upper-box .upper-inner .image{

	position:relative;

	margin-top:-35px;

	display:inline-block;

}



.brand-block-two .inner-box .lower-box{

	position:relative;

}



.brand-block-two .inner-box .lower-box .box-inner{

	position:relative;

	padding:50px 55px;

}



.brand-block-two .inner-box .lower-box .box-inner h3{

    position: relative;

    color: #222222;

    font-size: 24px;

    font-weight: 500;

    line-height: 1.4em;

    padding-bottom: 20px;

}



.brand-block-two .inner-box .lower-box .box-inner h3:before{

	position: absolute;

    content: '';

    left: 0px;

    height: 3px;

    width: 50px;

    bottom: 0px;

    background-color: #222222;

}



.brand-block-two .inner-box .lower-box .box-inner .text{

    position: relative;

    color: #666666;

    font-size: 14px;

    line-height: 1.8em;

	margin-top:30px;



}



/***



====================================================================

	Solution Section

====================================================================



***/



.solution-section{

	position:relative;

	padding-bottom:60px;

}



.solution-section .skill-column{

	position:relative;

}



.solution-section .skill-column .inner-column{

	position:relative;

	padding-left:35px;

	padding-top:35px;

}



.services-section-five{

	position:relative;

	padding:90px 0px 60px;

}



.services-section-five.style-two{

	padding-top:50px;

}



.services-section-five .pattern-layer{

	position:absolute;

	right:0px;

	bottom:0px;

	width:960px;

	height:365px;

}



.services-section-five .sec-title{

	margin-bottom:60px;

}



.services-section-five .sec-title .text{

	position:relative;

	max-width:840px;

}



.team-page-section{

	padding-bottom:0px;

}



.team-page-section .team-block{

	padding-bottom:100px;

}



/* Price Page Section */



.price-page-section{

	position:relative;

	padding:100px 0px 70px;

}



.price-block{

	position:relative;

	margin-bottom:30px;

}



.price-block .inner-box{

	position:relative;

	box-shadow:0px 0px 25px rgba(0,0,0,0.10);

}



.price-block .inner-box .upper-box{

	position:relative;

	padding:145px 45px 50px;

	background-size:cover;

}



.price-block .inner-box .upper-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(0,0,0,0.80);

}



.price-block .inner-box .upper-box h3{

	position:relative;

	color:#ffffff;

	font-weight:600;

	font-size:36px;

	line-height:1.3em;

}



.price-block .inner-box .upper-box .price{

	position:relative;

	color:#e9c37a;

	font-size:18px;

	line-height:1.3em;

	margin-top:5px;

	padding-bottom:25px;



}



.price-block .inner-box .upper-box .price:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:50px;

	height:3px;

	background-color:#e9c37a;

}



.price-block .inner-box .lower-box{

	position:relative;

	text-align:center;

	padding:50px 45px 60px;

}



.price-block .inner-box .lower-box .price-list{

	position:relative;

	margin-bottom:40px;

}



.price-block .inner-box .lower-box .price-list li{

	position:relative;

	font-size:14px;

	margin-bottom:12px;



}



/***



====================================================================

	Branded Section

====================================================================



***/



.price-page-section-two{

	position:relative;

	background-size:cover;

	padding:90px 0px 100px;

	background-repeat:no-repeat;

	background-position:center bottom;

}



.price-page-section-two .title-box{

	position:relative;

	margin-bottom:80px;

}



.price-page-section-two:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(0,0,0,0.80);

}



.price-page-section-two .title-box .sec-title .title{

	color:#ffffff;

}



.price-page-section-two .title-box .sec-title .text{

	margin-top:38px !important;

}



.price-page-section-two .lower-section{

	position:relative;

}



.price-page-section-two:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:415px;

	background-color:#ffffff;

}



/* Price Block Two */



.price-block-two{

	position:relative;

	z-index:1;

	margin-bottom:30px;

}



.price-block-two .inner-box{

	position:relative;

	background-color:#ffffff;

	box-shadow:0px 0px 25px rgba(0,0,0,0.10);

}



.price-block-two .inner-box .upper-box{

	position:relative;

	padding:45px 45px 45px;

	background-color:#e9c37a;

}



.price-block-two .inner-box .upper-box .title{

	position:relative;

	color:#222222;

	font-size:24px;

	line-height:1.3em;



}



.price-block-two .inner-box .upper-box h3{

	position:relative;

	color:#222222;

	font-weight:700;

	font-size:46px;

	line-height:1.2em;

	padding-bottom:20px;

}



.price-block-two .inner-box .upper-box h3:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:50px;

	height:3px;

	background-color:#222222;

}



.price-block-two .inner-box .lower-box{

	position:relative;

	text-align:center;

	padding:50px 45px 60px;

}



.price-block-two .inner-box .lower-box .price-list{

	position:relative;

	margin-bottom:40px;

}



.price-block-two .inner-box .lower-box .price-list li{

	position:relative;

	font-size:14px;

	margin-bottom:12px;



}



/***



====================================================================

	Services Section Six

====================================================================



***/



.services-section-six{

	position:relative;

	padding:125px 0px 60px;

}



.services-section-six .content-column{

	position:relative;

	margin-bottom:40px;

}



.services-section-six .content-column .inner-column{

	position:relative;

	padding-right:60px;

}



.services-section-six .content-column .inner-column .text{

	position:relative;

	margin-bottom:40px;

}



.services-section-six .content-column .inner-column .text p{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

	margin-bottom:20px;

}



.services-section-six .content-column .inner-column .text p:last-child{

	margin-bottom:0px;

}



.services-section-six .accordian-column{

	position:relative;

	margin-bottom:40px;

}



/***



====================================================================

	Accordion Style

====================================================================



***/



.accordion-box{

	position:relative;

}



.accordion-box .block{

	position: relative;

	border-bottom:1px solid #eeeeee;

}



.accordion-box .block.active-block{



}



.accordion-box .block .acc-btn{

	position:relative;

	font-size:24px;

	cursor:pointer;

	line-height:34px;

	color:#222222;

	font-weight:600;

	font-family: 'Noto Sans TC', sans-serif;

	padding:20px 0px 20px 0px;

	transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

}



.accordion-box .block .acc-btn.active{

	color:#e9c37a;

}



.accordion-box .block .icon-outer{

	position:absolute;

	right:0px;

	top:22px;

	font-size:20px;

	color: #262626;

	font-weight:800;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.accordion-box .block .icon-outer .icon{

    position: absolute;

	right: 0px;

	width:30px;

	height:30px;

	color:#222222;

	font-size:20px;

    text-align: center;

	line-height:32px;

	font-weight:800;

}



.accordion-box .block .icon-outer .icon-pluss{

	opacity:1;

}



.accordion-box .block .icon-outer .icon-minuss{

	opacity:0;

}



.accordion-box .block .acc-btn.active .icon-outer .icon-minuss{

	opacity:1;

}



.accordion-box .block .acc-btn.active .icon-outer .icon-pluss{

	opacity:0;

}



.accordion-box .block .acc-content{

	position:relative;

	display:none;

}



.accordion-box .block .acc-content .content-text{

	padding-bottom:6px;

}



.accordion-box .block .acc-content.current{

	display:block;

}



.accordion-box .block .content{

	position:relative;

	font-size:14px;

	padding:0px 0px 30px 0px;

}



.accordion-box .block .content .text{

	position:relative;

	color:#666666;

	line-height:1.9em;



}



.accordion-box .block .content .accordian-text{

	line-height:1.9em;

	font-size:16px;

	color:#84858a;

	font-weight:600;

}



.accordion-box .block .content p:last-child{

	margin-bottom:0px;

}



.accordion-box.style-two .block .acc-btn{

	font-size:20px;

}



/***



====================================================================

	Branded Section Two

====================================================================



***/



.branded-section-two{

	position:relative;

	background-size:cover;

	padding:90px 0px 40px;

	background-repeat:no-repeat;

	background-position:center bottom;

}



.branded-section-two:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:215px;

	background-color:#ffffff;

}



.branded-section-two .title-box{

	position:relative;

	margin-bottom:90px;

}



.branded-section-two:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(0,0,0,0.80);

}



.branded-section-two .title-box .sec-title .title{

	color:#ffffff;

}



.branded-section-two .title-box .sec-title .text{

	margin-top:38px !important;

}



.branded-section-two .title-box .sec-title h2{

	display:block;

}



.branded-section-two .title-box .theme-btn{

	margin-top:35px;

}



.branded-section-two .lower-section{

	position:relative;

}



.branded-section-two .lower-section .sponsors-section-three{

	padding:0px;

	z-index:1;

}



/***



====================================================================

	Services Section Seven

====================================================================



***/



.services-section-seven{

	position:relative;

	padding:170px 0px 130px;

}



.services-section-seven .pattern-layer{

	position:absolute;

	left:0px;

	bottom:65px;

	width:960px;

	height:803px;

}





.services-section-seven .title-box{

	position:relative;

	text-align:center;

	margin-bottom:70px;

}



.services-section-seven .title-box .big-text{

	position:absolute;

	left:0px;

	right:0px;

	top:-100px;

	color:#f8f8f8;

	font-size:164px;

	line-height:1em;

    font-weight: 800;

}



.services-section-seven .title-box .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

	max-width:830px;

	margin:0 auto;



}



/***



====================================================================

	Services Section Eight

====================================================================



***/



.services-section-eight{

	position:relative;

	padding:90px 0px 30px;

}



.services-section-eight .title-column{

	position:relative;

}



.services-section-eight .title-column .inner-column{

	position:relative;

}



.services-section-eight .content-column{

	position:relative;

	margin-bottom:40px;

}



.services-section-eight .content-column .inner-column{

	position:relative;

}



.services-section-eight .content-column .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.9em;

	padding-top:28px;

	margin-bottom:30px;



}



/***



====================================================================

	Fluid Section Two

====================================================================



***/



.fluid-section-two{

	position:relative;

}



.fluid-section-two .image-column{

    position: absolute;

    left: 0px;

	top:0px;

    width: 50%;

	float:right;

	bottom:50px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}



.fluid-section-two .image-column .image{

    width: 100%;

    display: none;

}



.fluid-section-two .image-column .image img{

    display: block;

    width: 100%;

}



/*Content Column*/



.fluid-section-two .content-column{

	position: relative;

    width: 50%;

	float:right;

	padding:60px 0px 0px 0px;

}



.fluid-section-two .content-column .inner-content{

	position:relative;

	margin-left:-100px;

	z-index:1;

	background-color:#ffffff;

	padding:70px 125px 70px;

	box-shadow:0px 0px 20px rgba(0,0,0,0.10);

}



.fluid-section-two .content-column .inner-content .sec-title{

	margin-bottom:10px;

}



.fluid-section-two .content-column .inner-content .accordion-box{

	margin-bottom:50px;

}



/***



====================================================================

	Call To Action Section

====================================================================



***/



.call-to-action-section{

	position:relative;

	text-align:center;

	padding:110px 0px 100px;

	background-attachment:fixed;

	background-size:cover;

	background-position:center center;

}



.call-to-action-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color:rgba(0,0,0,0.10);

}



.call-to-action-section h2{

	position:relative;

	color:#222222;

	font-size:36px;

	line-height:1.3em;

	font-weight:600;

	margin-bottom:40px;

}



.call-to-action-section ul{

	position:relative;

	font-family: 'Noto Sans TC', sans-serif;

}



.call-to-action-section ul li{

	position:relative;

	font-size:24px;

	color:#222222;

	margin:0px 60px;

	font-weight:500;

	margin-bottom:15px;

	display:inline-block;



}



.call-to-action-section ul li a{

	color:#e9c37a;

}



.call-to-action-section ul li a:hover{

	text-decoration:underline;

}



.call-to-action-section .theme-btn{

	margin-top:50px;

}



.call-to-action-section.style-two::before{

	background-color:rgba(0,0,0,0.70);

}



.call-to-action-section.style-two h2,

.call-to-action-section.style-two ul li{

	color:#ffffff;

}



.call-to-action-section.style-three:before{

	display:none;

}



/***



====================================================================

	About Section Three

====================================================================



***/



.about-section-three{

	position:relative;

	padding:100px 0px 100px;

}



.about-section-three .image-column{

	position:relative;

}



.about-section-three .image-column .inner-column{

	position:relative;

	margin-left:-90px;

}



.about-section-three .image-column .inner-column .image{

	position:relative;

}



.about-section-three .image-column .inner-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.about-section-three .content-column{

	position:relative;

}



.about-section-three .content-column .inner-column{

	position:relative;

	padding-left:30px;

	padding-top:22px;

}



.about-section-three .content-column .inner-column .sec-title{

	margin-bottom:20px;

}



.about-section-three .content-column .inner-column .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

	margin-bottom:25px;



}



/***



====================================================================

	Contact Form Section

====================================================================



***/



.contact-form-section{

	position:relative;

	padding:160px 0px 70px;

}



.contact-form-section .pattern-layer{

	position:absolute;

	left:0px;

	top:40px;

	width:960px;

	height:785px;

}



.contact-form-section .sec-title{

	margin-bottom:50px;

}



.contact-form-section .sec-title .text{

	max-width:750px;

}



.contact-form-section .contact-form{

	max-width:950px;

	margin:0 auto;

}



.contact-form-section.style-two{

	padding-top:90px;

}



/***



====================================================================

	Contact Form

====================================================================



 ***/



.contact-form{

	position:relative;

}



.contact-form .form-group{

	position:relative;

	/* margin-bottom:10px; */

}



.contact-form .form-group input[type="text"],

.contact-form .form-group input[type="tel"],

.contact-form .form-group input[type="email"],

.contact-form .form-group select,

.contact-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 25px;

	color:#222222;

	height:55px;

	font-size:15px;

	background:#f4f4f4;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;



}



.contact-form .form-group input[type="text"]:focus,

.contact-form .form-group input[type="tel"]:focus,

.contact-form .form-group input[type="email"]:focus,

.contact-form .form-group textarea:focus{



}



.contact-form .form-group textarea::-webkit-input-placeholder,

.contact-form .form-group input::-webkit-input-placeholder{

	color:#888888;

}



.contact-form .form-group textarea{

	height:130px;

	resize:none;

}



.contact-form button{

	cursor: pointer;

}



.contact-form input.error,

.contact-form select.error,

.contact-form textarea.error{

	border-color:#ff0000 !important;

}



.contact-form label.error{

	display:block;

	line-height:24px;

	padding:5px 0px 0px;

	margin:0px;

	text-transform:uppercase;

	font-size:12px;

	color:#ff0000;

	font-weight:600;

}



/***



====================================================================

	Contact Info Section

====================================================================



 ***/



.contact-info-section{

	position:relative;

	padding:60px 0px 90px;

}



.contact-info-section.style-two{

	padding-top:90px;

	border-bottom:1px solid #eeeeee;

}



.contact-info-section .auto-container{

	max-width:960px;

}



.contact-info-section .social-box{

	position:relative;

	text-align:center;

	margin-top:50px;

}



.contact-info-section .social-box a{

	position:relative;

	margin:0px 50px;

	color:#cccccc;

	font-size:36px;

	display:inline-block;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.contact-info-section .social-box a:hover{

	color:#eac782;

}



.map-section .google-map{

	height:500px;

}



/***



====================================================================

	Blog Page Section

====================================================================



 ***/



.blog-page-section{

	position:relative;

	padding:100px 0px 100px;

}



.blog-page-section .news-block{

	margin-bottom:70px;

}



.blog-page-section .btn-box{

	position:relative;

	margin-top:20px;

}



.blog-classic .auto-container{

	max-width:1140px;

}



/* News Block Three */



.news-block-three{

	position:relative;

	margin-bottom:80px;

}



.news-block-three .inner-box{

	position:relative;

}



.news-block-three .inner-box .row{

	position:relative;

	margin:0px;

}



.news-block-three .inner-box .content-column{

	position:relative;

	padding:0px;

	float:left;

	z-index:1;

}



.news-block-three .inner-box .content-column .inner-column{

	position:relative;

	margin-top:60px;

	z-index:1;

	padding:0px 70px 50px 50px;

	background-color:#ffffff;

	box-shadow:0px 0px 20px rgba(0,0,0,0.10);

}



.news-block-three .inner-box .content-column .inner-column .content{

	position:relative;

}



.news-block-three .inner-box .content-column .post-date{

	position:relative;

	color:#ffffff;

	top:-10px;

	font-size:14px;

	margin-top:-10px;

	padding:10px 17px;

	display:inline-block;

	background-color:#222222;



}



.news-block-three .inner-box .content-column h3{

	position:relative;

	font-size:24px;

	font-weight:600;

	line-height:1.4em;

	margin-top:27px;

}



.news-block-three .inner-box .content-column h3 a{

	position:relative;

	color:#222222;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.news-block-three .inner-box .content-column h3 a:hover{

	color:#e9c37a;

}



.news-block-three .inner-box .content-column .post-meta{

	position:relative;

	margin-top:18px;

	padding-bottom:18px;

}



.news-block-three .inner-box .content-column .post-meta li{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-right:15px;

	display:inline-block;



}



.news-block-three .inner-box .content-column .post-meta li:last-child{

	margin-right:0px;

}



.news-block-three .inner-box .content-column .post-meta:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.news-block-three .inner-box .content-column .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:2em;

	margin-top:25px;



}



.news-block-three .inner-box .content-column .read-more{

	position:relative;

	color:#222222;

	font-size:14px;

	line-height:1em;

	margin-top:38px;

	display:inline-block;



	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.news-block-three .inner-box .content-column .read-more .arrow{

	position:relative;

	margin-left:10px;

	color:#e9c37a;

	top:2px;

}



.news-block-three .inner-box .content-column .read-more:hover{

	color:#e9c37a;

}



.news-block-three .inner-box .image-column{

	position:relative;

	padding:0px;

	float:left;

}



.news-block-three .inner-box .image-column .inner-column{

	position:relative;

	margin-left:-60px;

}



.news-block-three .inner-box .image-column .inner-column .image{

	position:relative;

}



.news-block-three .inner-box .image-column .inner-column .image img{

	position:relative;

	width:100%;

	display:block;

}



/***



====================================================================

	Sidebar Page Container

====================================================================



***/



.sidebar-page-container{

	position:relative;

	background-color: #ffffff;

	padding:105px 0px 70px;

}



.sidebar-page-container .content-side,

.sidebar-page-container .sidebar-side{

	margin-bottom:40px;

}



.sidebar-page-container .sidebar-side .sidebar.padding-right{

	padding-right:30px;

}



.sidebar-widget{

    position: relative;

    margin-bottom: 45px;

}



/*Sidebar Title*/



.sidebar-page-container .sidebar-title{

	position: relative;

	margin-bottom: 30px;

}



.sidebar-page-container .sidebar-title h2{

	position: relative;

	display: block;

	font-size: 24px;

	color: #222222;

	font-weight: 700;

	line-height: 1.2em;

	padding-bottom:15px;

	text-transform: capitalize;



}



.sidebar-page-container .sidebar-title h2:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:3px;

	width:50px;

	background-color:#e9c37a;

}



/*Search Box Widget*/



.sidebar .search-box{

	position: relative;

}



.sidebar .search-box .form-group{

	position:relative;

	margin:0px;

}



.sidebar .search-box .form-group input[type="text"],

.sidebar .search-box .form-group input[type="search"]{

	position:relative;

	display:block;

	font-size:14px;

	color:#666666;

	line-height:28px;

	padding:10px 25px;

	padding-right: 60px;

	height:55px;

	width:100%;

	background-color: #f4f4f4;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;



}



.sidebar .search-box .form-group input:focus{

	border-color:#e9c37a;

}



.sidebar .search-box .form-group button{

	position:absolute;

	right:5px;

	top:0px;

	width:50px;

	height:55px;

	line-height: 50px;

	text-align:center;

	display:block;

	font-size:16px;

	color:#222222;

	cursor:pointer;

	background:none;

	font-weight:normal;

}



/* Category List */



.category-list{

	position:relative;

}



.category-list li{

	position:relative;

	margin-bottom:8px;

}



.category-list li:last-child{

	margin-bottom:0px;

}



.category-list li a{

	position:relative;

	color:#666666;

	font-size:14px;



	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.category-list li a:hover{

	color:#e9c37a;

}



/*Post Widget*/



.sidebar .popular-posts .post{

	position:relative;

	font-size:14px;

	color:#666666;

	padding:0px 0px;

	padding-left:100px;

	min-height:110px;

	margin-bottom:28px;

	border-bottom:1px solid #eeeeee;

}



.sidebar .popular-posts .post:last-child{

	margin-bottom:0px;

}



.sidebar .popular-posts .post .post-thumb{

	 position:absolute;

	 left:0px;

	 top:0px;

	 width:80px;

	 overflow:hidden;

}



.sidebar .popular-posts .post .post-thumb .overlay-box{

	position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    color: #e9c37a;

    font-size: 18px;

    opacity: 0;

    text-align: center;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    background-color: rgba(51,51,51,0.70);

}



.sidebar .popular-posts .post .post-thumb .overlay-box .fa{

	top: 50%;

    position: relative;

    margin-top: -10px;

    display: block;

}



.sidebar .popular-posts .post:hover .post-thumb .overlay-box{

	opacity:1;

}



.sidebar .popular-posts .post .post-thumb img{

	display:block;

	width:100%;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.sidebar .popular-posts .post .text{

	position:relative;

	top:-4px;

	font-size:16px;

	margin:0px 0px 0px;

	font-weight:700;

	color:#222222;

	line-height:1.6em;

	text-transform:capitalize;

}



.sidebar .popular-posts .post .text a{

	color:#222222;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.sidebar .popular-posts .post a:hover{

	color:#e9c37a;

}



.sidebar .popular-posts .post-info{

	position:relative;

	font-size:14px;

	color:#666666;

	font-weight:400;



}



/* About Widget */



.about-widget .image img{

	position:relative;

	width:100%;

	display:block;

}



.about-widget .widget-content .text{

	position:relative;

	color:#666666;

	font-size:16px;

	line-height:1.9em;

	margin-top:30px;



}



/* Popular Tags */



.popular-tags a{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-right:30px;

	margin-bottom:8px;

	display:inline-block;



	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.popular-tags a:hover{

	color:#e9c37a;

}



/* Newsletter Widget */



.newsletter-widget .widget-content{

	position:relative;

	padding:40px 30px 50px;

	background-color:#e9c37a;

}



.newsletter-widget .widget-content h3{

	position:relative;

	font-size:18px;

	color:#222222;

	line-height:1.8em;

	font-weight:500;

	text-align:center;

	padding-bottom:22px;

	margin-bottom:30px;

}



.newsletter-widget .widget-content h3 span{

	position:relative;

	font-size:24px;

	font-weight:600;

	display:block;

}



.newsletter-widget .widget-content h3:before{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	width:50px;

	height:2px;

	margin-left:-25px;

	background-color:#222222;

}



/* Subscribe Form Two*/



.subscribe-form-three{

	position:relative;

}



.subscribe-form-three .form-group{

	position:relative;

	display:block;

	margin:0px;

	width:100%;

}



.subscribe-form-three .form-group input[type="text"],

.subscribe-form-three .form-group input[type="tel"],

.subscribe-form-three .form-group input[type="email"],

.subscribe-form-three .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	height:56px;

	font-size:14px;

	color:#222222;

	background:#ffffff;

	border:2px solid #dddddd;

	padding:10px 20px 10px 20px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;



}



.subscribe-form-three .form-group input[type="submit"],

.subscribe-form-three button{

	position:absolute;

	right:20px;

	top:15px;

	font-size:22px;

	cursor:pointer;

	background:none;

}



/* News Block */



.news-block-four{

	position:relative;

	margin-bottom:70px;

}



.news-block-four .inner-box{

	position:relative;

}



.news-block-four .inner-box .image{

	position:relative;

	display:block;

	overflow:hidden;

	background:#101010;

}



.news-block-four .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.news-block-four .inner-box:hover .image img{

	opacity:0.50;

	-webkit-transform:scale(1.05);

	-ms-transform:scale(1.05);

	-moz-transform:scale(1.05);

	transform:scale(1.05);

}



.news-block-four .inner-box .image .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	text-align:center;

}



.news-block-four .inner-box .image .overlay-box .icon{

	position:absolute;

	left:50%;

	top:50%;

	width:80px;

	height:80px;

	color:#222222;

	margin-left:-40px;

	text-align:center;

	border-radius:50%;

	line-height:80px;

	display:inline-block;

	padding-left:4px;

	font-size:20px;

	margin-top:-40px;

	background-color:rgba(255,255,255,1);

}



.news-block-four .inner-box .image .owl-dots{

	display:none;

}



.news-block-four .inner-box .owl-nav{

	position:absolute;

	left:0px;

	top:50%;

	width:100%;

	margin-top:-38px;

}



.news-block-four .inner-box .owl-nav .owl-prev{

	position:absolute;

	left:30px;

	top:0px;

	width:55px;

	height:55px;

	color:#ffffff;

	font-size:20px;

	line-height:55px;

	text-align:center;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	background-color:rgba(0,0,0,0.50);

}



.news-block-four .inner-box .owl-nav .owl-next{

	position:absolute;

	right:20px;

	top:0px;

	width:55px;

	height:55px;

	color:#ffffff;

	font-size:20px;

	line-height:55px;

	text-align:center;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	background-color:rgba(0,0,0,0.50);

}



.news-block-four .inner-box .owl-nav .owl-prev:hover,

.news-block-four .inner-box .owl-nav .owl-next:hover{

	color:#ffffff;

	background-color:#222222;

}



.news-block-four .inner-box .lower-content{

	position:relative;

	z-index:1;

}



.news-block-four.style-two .inner-box .lower-content .inner-content{

	margin:0px;

}



.news-block-four .inner-box .lower-content .inner-content{

	position:relative;

	margin-left:30px;

	margin-right:30px;

	margin-top:-80px;

	background-color:#ffffff;

	padding:0px 50px 50px 50px;

	box-shadow:0px 0px 25px rgba(0,0,0,0.10);

}



.news-block-four .inner-box .lower-content .post-date{

	position:relative;

	color:#ffffff;

	top:-10px;

	font-size:14px;

	margin-top:-10px;

	padding:10px 17px;

	display:inline-block;

	background-color:#222222;



}



.news-block-four .inner-box .lower-content h3{

	position:relative;

	font-size:30px;

	font-weight:600;

	line-height:1.3em;

	margin-top:20px;

}



.news-block-four .inner-box .lower-content h3 a{

	position:relative;

	color:#222222;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.news-block-four .inner-box .lower-content h3 a:hover{

	color:#e9c37a;

}



.news-block-four.style-two .inner-box .lower-content .quote-icon{

	position:absolute;

	right:70px;

	bottom:30px;

	color:#e9c37a;

	font-size:60px;

	line-height:1em;

}



.news-block-four .inner-box .lower-content .post-meta{

	position:relative;

	margin-top:10px;

	padding-bottom:18px;

}



.news-block-four .inner-box .lower-content .post-meta li{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-right:15px;

	display:inline-block;



}



.news-block-four .inner-box .lower-content .post-meta li:last-child{

	margin-right:0px;

}



.news-block-four .inner-box .lower-content .post-meta:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.news-block-four .inner-box .lower-content .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.9em;

	margin-top:18px;



}



.news-block-four .inner-box .lower-content .read-more{

	position:relative;

	color:#222222;

	font-size:14px;

	line-height:1em;

	margin-top:20px;

	display:inline-block;



	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.news-block-four .inner-box .lower-content .read-more .arrow{

	position:relative;

	margin-left:10px;

	color:#e9c37a;

	top:2px;

}



.news-block-four .inner-box .lower-content .read-more:hover{

	color:#e9c37a;

}



/***



====================================================================

	Styled Pagination

====================================================================



***/



.styled-pagination{

	position:relative;

	font-family: 'Noto Sans TC', sans-serif;

}



.styled-pagination li{

	position:relative;

	font-size:16px;

	color:#222222;

	display:inline-block;

	margin:0px 8px 0px 8px;



}



.styled-pagination li a{

	position:relative;

	display:inline-block;

	font-size:16px;

	color:#222222;

	font-weight:600;

	text-transform:capitalize;

	transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;



}



.styled-pagination li a:hover,

.styled-pagination li a.active{

	color:#e9c37a;

}



/***



====================================================================

	Blog Detail

====================================================================



***/



.blog-detail{

	position:relative;

}



.blog-detail .inner-box{

	position:relative;

}



.blog-detail .inner-box .image{

	position:relative;

	margin-bottom:30px;

}



.blog-detail .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.blog-detail .inner-box .lower-content{

	position:relative;

	padding-bottom:10px;

	border-bottom:1px solid #eeeeee;

}



.blog-detail .inner-box .lower-content .upper-box{

	position: relative;

    margin-left: 30px;

    margin-right: 30px;

    margin-top: -80px;

	margin-bottom:40px;

    background-color: #ffffff;

    padding: 0px 50px 50px 50px;

    box-shadow: 0px 0px 25px rgba(0,0,0,0.10);

}



.blog-detail .inner-box .lower-content .upper-box .post-date{

    position: relative;

    color: #ffffff;

    top: -10px;

    font-size: 14px;

    margin-top: -10px;

    padding: 10px 17px;

    display: inline-block;

    background-color: #222222;



}



.post-date{

  font-family: 'Barlow Condensed',sans-serif;

  position:relative;

  color:#ffffff;

  /* top:-20px; */

  font-size:16px;

  letter-spacing: 0.08em;

  /* margin-left:30px; */

  /* margin-top:-10px; */

  padding:10px 17px;

  display:inline-block;

  background-color:#222222;

}



.blog-detail .inner-box .lower-content .upper-box h3{

	position: relative;

    font-size: 30px;

    font-weight: 600;

    line-height: 1.3em;

    margin-top: 20px;

	color:#222222;

}

.blog-detail .inner-box .lower-content h3{

  font-family: 'Noto Sans TC',sans-serif;

  font-weight: 400;

  letter-spacing: 0.05em;

  position:relative;

  color:#666;

  -webkit-transition:all 0.3s ease;

  -moz-transition:all 0.3s ease;

  -ms-transition:all 0.3s ease;

  -o-transition:all 0.3s ease;

  transition:all 0.3s ease;

}



.blog-detail .inner-box .po{

  padding: 2em 6em;

}





.blog-detail .inner-box .lower-content .upper-box .post-meta{

	position:relative;

	margin-top:10px;

	padding-bottom:18px;

}



.blog-detail .inner-box .lower-content .upper-box .post-meta li{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-right:15px;

	display:inline-block;



}



.blog-detail .inner-box .lower-content .upper-box .post-meta li:last-child{

	margin-right:0px;

}



.blog-detail .inner-box .lower-content .upper-box .post-meta:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	height:2px;

	width:50px;

	background-color:#e9c37a;

}



.blog-detail .inner-box .lower-content .lower-box{

	position:relative;

  padding-top: 2em;

}



.blog-detail .inner-box .lower-content .lower-box .text{

	position:relative;

}



.blog-detail .inner-box .lower-content .lower-box .text p{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

}



.blog-detail .inner-box .lower-content .two-column{

	position:relative;

	margin-top:40px;

}



.blog-detail .inner-box .lower-content .lower-box .text .list-style-one{

	position:relative;

	margin-left:70px;

	margin-top:30px;

	margin-bottom:30px;

}



.blog-detail .inner-box .lower-content .lower-box blockquote{

	position:relative;

	margin-left:70px;

	font-family: 'Noto Sans TC', sans-serif;

	padding-left:25px;

	margin-top:40px;

	font-weight:600;

	margin-bottom:40px;

	border-left:3px solid #e9c37a;

}



.blog-detail .inner-box .lower-content .lower-box blockquote .blockquote-text{

	position:relative;

	color:#222222;

	font-size:24px;

	line-height:1.4em;

}



.blog-detail .inner-box .lower-content .lower-box blockquote .author-post{

	position:relative;

	color:#666666;

	font-size:14px;

	margin-top:8px;



}



.blog-detail .post-share-options{

	position:relative;

	margin-top:50px;

}



.blog-detail .post-share-options .post-share-inner{

	position:relative;

	text-align:center;

}



.blog-detail .post-share-options .post-share-inner .social-box{

	position:relative;

}



.blog-detail .post-share-options .post-share-inner .social-box li{

	position:relative;

	margin:0px 0px;

	display:inline-block;

}



.blog-detail .post-share-options .post-share-inner .social-box li a{

	position:relative;

	width:68px;

	height:40px;

	color:#ffffff;

	font-size:16px;

	line-height:40px;

	text-align:center;

}



.blog-detail .post-share-options .post-share-inner .social-box li.facebook a{

	background-color:#3b5999;

}



.blog-detail .post-share-options .post-share-inner .social-box li.google-plus a{

	background-color:#dc4e41;

}



.blog-detail .post-share-options .post-share-inner .social-box li.pinterest a{

	background-color:#bd081c;

}



.blog-detail .post-share-options .post-share-inner .social-box li.twitter a{

	background-color:#55acee;

}



.blog-detail .post-share-options .post-share-inner .tags{

	position:relative;

	margin-top:20px;

}



.blog-detail .post-share-options .post-share-inner .tags a{

	position:relative;

	color:#666666;

	font-size:14px;

	margin:0px 8px;

	display:inline-block;



}



/*News Posts*/



.blog-detail .news-posts{

	position:relative;

	margin-top: 90px;

}



.blog-detail .news-posts .more-posts{

	display:none;

}



.blog-detail .news-posts .prev,

.blog-detail .news-posts .next{

	position:relative;

	color:#222222;

	font-size:14px;

	line-height:1.4em;

	margin-bottom:10px;

	display:inline-block;

	text-transform: capitalize;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.blog-detail .news-posts .prev:hover,

.blog-detail .news-posts .next:hover{

	color:#e9c37a;

}



.blog-detail .news-posts:before{

	position:absolute;

	content:'';

	left:50%;

	top:0px;

	height:100%;

	width:1px;

	background-color:#eeeeee;

}



.blog-detail .news-posts h4{

	position:relative;

	color:#222222;

	font-size:16px;

	line-height:1.6em;

	margin:0px;

	margin-bottom:10px;

	padding-bottom:12px;

}



.blog-detail .news-posts h4:before{

	position:absolute;

	content:'';

	right:0px;

	height:2px;

	width:50px;

	bottom:0px;

	background-color:#e9c37a;

}



.blog-detail .news-posts .prev-post a{

	position:relative;

	color:#222222;

	font-size:16px;

	font-weight:600;

	line-height:1.4em;

	text-transform: capitalize;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.blog-detail .news-posts .prev-post h4:before{

	position:absolute;

	content:'';

	left:0px;

	height:2px;

	width:50px;

	bottom:0px;

	background-color:#e9c37a;

}



.blog-detail .news-posts .prev-post .image{

	position:absolute;

	left:0px;

	top:8px;

	width:80px;

	height:80px;

}



.blog-detail .news-posts .next-post{

	position:relative;

	text-align:right;

	padding-right:100px;

}



.blog-detail .news-posts .next-post .image{

	position:absolute;

	right:0px;

	top:8px;

	width:80px;

	height:80px;

}



.blog-detail .news-posts .next-post a{

	position:relative;

	color:#222222;

	font-size:16px;

	font-weight:600;

	line-height:1.5em;

	text-transform: capitalize;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.blog-detail .news-posts .prev-post{

	position:relative;

	padding-left:100px;

}



.blog-detail .news-posts .prev-post a:hover,

.blog-detail .news-posts .next-post a:hover{

	color:#e9c37a;

}



/***



====================================================================

	Comments Area

====================================================================



 ***/



.sidebar-page-container .comments-area{

	position:relative;

	margin-bottom:60px;

	margin-top:65px;

}



.sidebar-page-container .group-title{

	position:relative;

	margin-bottom:40px;

}



.sidebar-page-container .group-title h2{

	position:relative;

	font-size:24px;

	color:#222222;

	font-weight:700;

	padding-bottom:12px;

	text-transform:capitalize;

}



.sidebar-page-container .group-title h2:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:50px;

	height:2px;

	background-color:#e9c37a;

}



.sidebar-page-container .comments-area .comment-box{

	position:relative;

	padding:0px 0px 0px;

	margin-bottom:48px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.sidebar-page-container .comments-area .comment-box:last-child{

	margin-bottom:0px;

}



.sidebar-page-container .comments-area .comment{

	position:relative;

	padding:0px 0px 0px 100px;

	font-size:14px;

}



.sidebar-page-container .comments-area .reply-comment{

	margin-left:120px;

}



.sidebar-page-container .comments-area .comment-box .author-thumb{

	position:absolute;

	left:0px;

	top:0px;

	width:80px;

	border-radius:50%;

	margin-bottom:20px;

	overflow:hidden;

}



.sidebar-page-container .comments-area .comment-box .author-thumb img{

	width:100%;

	display:block;

}



.sidebar-page-container .comments-area .comment-info{

	margin-bottom:10px;

}



.sidebar-page-container .comments-area .comment-box strong{

	font-size:18px;

	color:#222222;

	display:block;

	line-height:1.3em;

	font-weight:600;

	font-family: 'Noto Sans TC', sans-serif;

	text-transform:capitalize;



}



.sidebar-page-container .comments-area .comment-box .text{

	position:relative;

	color:#666666;

	font-size:14px;

	line-height:1.8em;

	margin-bottom:16px;



}



.sidebar-page-container .comments-area .comment-info .comment-time{

	position:relative;

	font-size:12px;

	color:#666666;

	text-transform:uppercase;



}



.sidebar-page-container .comments-area .comment-box .reply-outer{

	position:relative;

}



.sidebar-page-container .comments-area .comment-box .theme-btn{

	position:relative;

	font-size:14px;

	color:#222222;

	font-weight:600;

	font-family: 'Noto Sans TC', sans-serif;

	text-transform:uppercase;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.sidebar-page-container .comments-area .comment-box .theme-btn:hover{

	color:#e9c37a;

}



/***



====================================================================

	Comment Form

====================================================================



 ***/



.comment-form .form-group{

	margin-bottom:30px;

}



.comment-form .form-group:last-child{

	margin-bottom:0px;

}



.comment-form .form-group input[type="text"],

.comment-form .form-group input[type="password"],

.comment-form .form-group input[type="tel"],

.comment-form .form-group input[type="email"],

.comment-form .form-group select{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 28px;

	color:#888888;

	border:1px solid transparent;

	height:55px;

	font-size:14px;

	background:#f4f4f4;



	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.comment-form .form-group input[type="text"]:focus,

.comment-form .form-group input[type="password"]:focus,

.comment-form .form-group input[type="tel"]:focus,

.comment-form .form-group input[type="email"]:focus,

.comment-form .form-group select:focus,

.comment-form .form-group textarea:focus{

	border-color:#e9c37a;

}



.comment-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:24px;

	padding:15px 28px;

	color:#888888;

	border:1px solid transparent;

	height:150px;

	background:#f4f4f4;

	resize:none;

	font-size:14px;



	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.comment-form button{

	cursor:pointer;

}