.main-slides {overflow: hidden; border: 0; margin: 0;}
.main-slides .flex-direction-nav a {width: 70px; height: 70px; color: #FFF;}
.main-slides .flex-nav-next a {background: url('../images/slide-next.png') no-repeat center center; background-color: #F7F5F3;}
.main-slides .flex-nav-prev a {background: url('../images/slide-prev.png') no-repeat center center; background-color: #F7F5F3;}
.main-slides .flex-nav-next, .main-slides .flex-nav-prev {text-indent: 10000000px;}
.main-slides .slides li {background-size: cover; background-repeat: no-repeat; background-position: left top;}
.main-slides .slides li img {width: 100%; height: 500px; visibility: hidden;}

#section-home-about {background-color: #f0eadc; font-size: 22px; color: #000; text-align: center; padding-top: 70px; line-height: 1.7em;}

#section-home-slide {background-color: #f0eadc;}
.slider2 {overflow: hidden; border: 0; margin: 0; background: transparent;}
.slider2-left {float: left; width: 50%; padding-right: 2%;}
.slider2-right {float: right; width: 50%;}
.slider2-right img {width: 99.9% !important;}
.slider2-title {font-size: 60px; color: #000; font-family: 'proxima_novaextrabold'; line-height: 1em; margin-bottom: 10px;}
.slider2-subtitle {font-size: 37px; color: #ad8000; font-family: 'proxima_novaextrabold'; margin-bottom: 20px;}
.slider2-desc {font-size: 20px; color: #000;}
.slider2 .flex-direction-nav a {width: 70px; height: 70px; color: #FFF;}
.slider2 .flex-nav-next a {background: url('../images/slide-next.png') no-repeat center center; background-color: #F7F5F3; right: 0;}
.slider2 .flex-nav-prev a {background: url('../images/slide-prev.png') no-repeat center center; background-color: #F7F5F3; left: 50%;}
.slider2:hover .flex-direction-nav .flex-prev {left: 50%;}
.slider2:hover .flex-direction-nav .flex-next {right: 0;}
.slider2 .flex-nav-next, .slider2 .flex-nav-prev {text-indent: 10000000px;}
.slider2-button-container {text-align: left; margin-top: 40px;}
.slider2-button-container a:hover {opacity: 0.8;}
.slider2-button {transition: all .3s; display: inline-block; padding: 5px 40px; background: transparent; font-family: 'proxima_novabold'; font-size: 15px; color: #b08200; border: 1px solid #b08200;}
.slider2-button:hover {background-color: #b08200; color: #402500;}

#section-home-service {background-color: #e0e3df;}
.service-item-inner {padding: 5%;}
.service-item-image {margin-bottom: 20px; overflow: hidden; position: relative; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.service-item-image:before {content: ""; display: block; padding-top: 70%;}
.service-item-image-inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.service-item-image img {visibility: hidden; max-width: 100%; height: 100%;}
.service-item-name {margin-bottom: 10px; font-size: 22px; color: #b08300; font-family: 'proxima_novasemibold';}
.service-item-short-desc {font-size: 18px; line-height: 1.5em; color: #000;}
.service-slide-container .slick-prev {transition: all .3s; background: url('../images/slide-prev.png') no-repeat center center; opacity: 0.7;}
.service-slide-container .slick-next {transition: all .3s; background: url('../images/slide-next.png') no-repeat center center; opacity: 0.7;}
.service-slide-container .slick-prev, .service-slide-container .slick-next {z-index: 1; top: 35%; width: 70px; height: 70px; background-color: #FFF;}
.service-slide-container .slick-next:before, .service-slide-container .slick-prev:before {content: '';}
.service-slide-container .slick-prev:hover, .service-slide-container .slick-next:hover {opacity: 1;}
.service-slide-container a:hover {opacity: 0.7;}

#section-home-highlight {background: url('../images/background-decoration1.png') no-repeat top right; background-size: cover; background-color: #e0e3df;}
#section-home-highlight a:hover {opacity: 0.7;}
.highlight-item {overflow: hidden; position: relative;}
.highlight-item:before {content: ""; display: block; padding-top: 140%;}
.highlight-item-inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #FFF; margin: 5%;}
.highlight-item-image {overflow: hidden; position: relative; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.highlight-item-image:before {content: ""; display: block; padding-top: 70%;}
.highlight-item-image-inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.highlight-item-image img {visibility: hidden; max-width: 100%; height: 100%;}
.highlight-item-bottom-part {padding: 20px 5% 40px 5%;}
.highlight-item-name {margin-bottom: 10px; font-size: 22px; color: #b08300; font-family: 'proxima_novasemibold';}
.highlight-item-short-desc {font-size: 18px; line-height: 1.5em; color: #000;}
.highlight-slide-container .slick-prev {transition: all .3s; background: url('../images/slide-prev.png') no-repeat center center; opacity: 0.7;}
.highlight-slide-container .slick-next {transition: all .3s; background: url('../images/slide-next.png') no-repeat center center; opacity: 0.7;}
.highlight-slide-container .slick-prev, .highlight-slide-container .slick-next {z-index: 1; top: 35%; width: 70px; height: 70px; background-color: #FFF;}
.highlight-slide-container .slick-next:before, .highlight-slide-container .slick-prev:before {content: '';}
.highlight-slide-container .slick-prev:hover, .highlight-slide-container .slick-next:hover {opacity: 1;}

@media all and (max-width:1250px) {
	.highlight-item:before {padding-top: 160%;}
}

@media all and (max-width:1200px) {
	.highlight-item:before {padding-top: 170%;}
}

@media all and (max-width:1150px) {
	.highlight-item:before {padding-top: 180%;}
}

@media all and (max-width:1100px) {
	.main-slides .slides li img {height: 400px;}

	.slider2-title {font-size: 50px;}
	.slider2-subtitle {font-size: 30px;}
	.slider2-desc {font-size: 15px;}
	.slider2 .flex-direction-nav a {width: 60px; height: 60px; background-size: 30%;}

	.service-slide-container .slick-prev, .service-slide-container .slick-next {width: 60px; height: 60px; background-size: 30%; top: 30%;}
}

@media all and (max-width:1000px) {
	.main-slides .slides li img {height: 350px;}

	.slider2-title {font-size: 45px;}
	.slider2-subtitle {font-size: 25px;}
	.slider2-desc {font-size: 14px;}
	.slider2 .flex-direction-nav a {width: 50px; height: 50px; background-size: 25%;}

	.service-item-name {font-size: 20px;}
	.service-item-short-desc {font-size: 16px;}

	.highlight-item-name {font-size: 20px;}
	.highlight-item-short-desc {font-size: 16px;}

	.service-slide-container .slick-prev, .service-slide-container .slick-next {width: 50px; height: 50px; background-size: 25%; top: 25%;}
}

@media all and (max-width:900px) {
	.main-slides .slides li img {height: 300px;}

	.slider2-title {font-size: 40px;}
	.slider2-subtitle {font-size: 20px;}
	.slider2 .flex-direction-nav a {width: 40px; height: 40px; background-size: 20%;}

	.highlight-item:before {padding-top: 190%;}
}

@media all and (max-width:850px) {
	.highlight-item:before {padding-top: 210%;}
}

@media all and (max-width:800px) {
	.main-slides .slides li img {height: 250px;}

	.slider2-title {font-size: 35px;}

	.highlight-item:before {padding-top: 160%;}
}

@media all and (max-width:700px) {
	.main-slides .slides li img {height: auto;}
	.main-slides .flex-direction-nav a {width: 50px; height: 50px; background-size: 30%;}
	.slider2-left {width: 100%; padding-right: 0; float: none;}
	.slider2-right {width: 100%; float: none; margin-bottom: 35px;}
	.slider2 .flex-direction-nav a {width: 70px; height: 70px; background-size: auto; top: 30%;}
	.slider2 .flex-nav-prev a {left: 0;}
	.slider2:hover .flex-direction-nav .flex-prev {left: 0;}
}

@media all and (max-width:650px) {
	.highlight-item:before {padding-top: 170%;}
}

@media all and (max-width:600px) {
	.main-slides .flex-direction-nav a {width: 40px; height: 40px; background-size: 25%;}

	#section-home-about {font-size: 20px;}

	.slider2 .flex-direction-nav a {width: 60px; height: 60px; background-size: 30%;}

	.highlight-item:before {padding-top: 180%;}
}

@media all and (max-width:550px) {
	.highlight-item:before {padding-top: initial;}
	.highlight-item-inner {position: static;}
}

@media all and (max-width:500px) {
	#section-home-about {font-size: 18px;}
	.slider2 .flex-direction-nav a {width: 50px; height: 50px; background-size: 25%; top: 25%;}
}

@media all and (max-width:450px) {
	.service-slide-container .slick-prev, .service-slide-container .slick-next {top: 35%;}
}