/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

/* -------------------------------- */
/*   Main font-face                 
/* -------------------------------- */

@font-face {
    font-family: Museo-300;
    src: url(../fonts/Museo-300.woff);
}

@font-face {
    font-family: Museo-700;
    src: url(../fonts/Museo-700.woff);
}

@font-face {
    font-family: FrutigerCE-Light;
    src: url(../fonts/FrutigerCE-Light.woff);
}

@font-face {
    font-family: FrutigerCE-Roman;
    src: url(../fonts/FrutigerCE-Roman.woff);
}

@font-face {
	font-family: FrutigerCE-Bold;    
    src: url(../fonts/FrutigerCE-Bold.woff);
}

@font-face {
    font-family: MyriadProIt;
    src: url(../fonts/MyriadPro-It.woff);
}

@font-face {
    font-family: MyriadProBoldIt;
    src: url(../fonts/MyriadProBoldIt.woff);
}

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

body, p, h1, h3, h4, h5, h6 {
	color:#5b5b5b;
	font-family: "Museo-300", source-han-sans-traditional, Arial, sans-serif;	
	font-weight: normal;
	letter-spacing:normal;
}

h2 {
	color:#46786b;
	font-family: "Museo-700", source-han-sans-traditional, Arial, sans-serif;
	font-size:40px;
	font-weight: normal;
	line-height:62px;
	letter-spacing:normal;
}

h3 {
	color:#555555;
	font-family: "FrutigerCE-Light", source-han-sans-traditional, Arial, sans-serif;
	font-size:27px;
	font-weight: normal;
	line-height:45px;
	letter-spacing:normal;
}

h2 span, h3 span {
	color: #46786b !important;
	font-weight: 700;
}

p {
	color:#555555;
	font-family: "FrutigerCE-Light", source-han-sans-traditional, Arial, sans-serif;
	font-size:20px;
	font-weight: normal;
	line-height:35px;
	letter-spacing:normal;
}

#content p {
	line-height: 1.46;
}

#gotoTop:hover {
    background-color: #46786b;
}

/* -------------------------------- */
/*   Header
/* -------------------------------- */

#header, #header-wrap, #logo img {
	height:77px !important;
}

#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header {
	height: 100vh;	
	margin-bottom:-77px;
	top:-77px;	
}
/*
#header.sticky-header #header-wrap,
#header.transparent-header.dark:not(.sticky-header) #header-wrap {
	background-color:#46786b;
}*/

/*#header.dark.transparent-header,
#header.transparent-header.dark:not(.sticky-header) #header-wrap,*/
#header.sticky-header #header-wrap {
	background-color: rgba(70,120,107,0.8);
}

#header.sticky-header #header-wrap,
#header.transparent-header.full-header #header-wrap {
	border-bottom: none !important;
}

#primary-menu-trigger {
	font-size: 20px;
	top: 13px !important;
}

@media (max-width: 575px) {
	#primary-menu-trigger {
		left: 8px !important;		
	}
}

#primary-menu ul li > a {
	color:#FFF;
	font-family: "FrutigerCE-Light", source-han-sans-traditional, Arial, sans-serif;	
	font-size:11px;
	font-weight: normal;		
	letter-spacing:2.8px;
	padding:24px 26px;
}

html:lang(tc) #primary-menu ul li > a {
	font-size:14px;
}

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a {
	color:#FFF;
}

#primary-menu ul li:hover > a, #primary-menu ul li.current > a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a {
	color:#b8d08f;	
}

.button.button-light {
	background-color:rgba(245,245,245,0.75);
	color:#334337;
	font-family: "FrutigerCE-Roman", source-han-sans-traditional, Arial, sans-serif;	
	font-size:12px;
	font-weight: normal;
	height:32px;	
	letter-spacing:2px;
	line-height:32px;
	padding:0;
	width:168px;	
}
.dark .button-light:not(.button-border):hover {
	background-color:rgba(28,41,31,0.75);
}

/* -------------------------------- */
/*   Aboutus
/* -------------------------------- */

.green-line {
	border-top:#9dbf62 2px solid;
	margin:24px auto 29px;
	width:73px;	
}

#section-mission .section .container-cover {
	background:url(../images/our-mission-cover.png) center center no-repeat;
	background-size: cover;
	padding:130px 0;
}

#section-mission hr {
	border-top: #FFF 2px solid;
	float:left;
	margin:24px 0 29px;
	width:73px;
	
}

.testimonial-full .testi-content {
	text-align:left;	
}

.parallax .testimonial .testi-content p {	
	font-family: "FrutigerCE-Light", source-han-sans-traditional, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height:35px;
	letter-spacing:normal;
}

.testi-content p {
	color:#FFF;	
}

.testi-content p::before, .testi-content p::after {
	content: '';
}

/* -------------------------------- */
/*   Works
/* -------------------------------- */

#portfolio a .portfolio-overlay .portfolio-desc h3 {
	color:#333333 !important;
	font-family: "Museo-300", source-han-sans-traditional, Arial, sans-serif;
	font-size:27px;
	font-weight: normal;
	line-height:35px;
	letter-spacing:normal;
	text-transform:none;
}

#portfolio a .portfolio-overlay .portfolio-desc span {
	color:#555555 !important;
	font-family: "FrutigerCE-Light", source-han-sans-traditional, Arial, sans-serif;	
	font-size:18px;
	font-weight: normal;
	line-height:32px;
	letter-spacing:normal;
	margin-top:0;
	text-transform:none;
}

/* -------------------------------- */
/*   Services
/* -------------------------------- */

#professional-services {	
	min-height:100vh;
	padding:120px 0;
}

#section-services-header {
	background-color:#282828;	
}

#section-services-header h3 {
	color:#757575;	
}

#section-works .button.button-border {
	border: 2px solid #46786b;
	color:#46786b;
	font-family: "FrutigerCE-Roman", source-han-sans-traditional, Arial, sans-serif;
	font-size:11px;	
	font-weight: normal;
	letter-spacing:3px;	
}

#section-works .button.button-border.button-font-large {
	font-size:12px;	
}

#section-works .button.button-border:hover {
	background-color:#46786b;
	color:#FFF;
}

.service-box {
	background:url(../images/professional-services.png) center 213px no-repeat;
	display:block;
	height:772px;
	margin:0 auto;
	position:relative;
	width:789px;	
}

html:lang(tc) .service-box {
	background:url(../images/professional-services-tc.png) center 213px no-repeat;
	display:block;
	height:772px;
	margin:0 auto;
	position:relative;
	width:789px;
}

.service-items {
	border: #9dbf62 2px solid;
	border-radius:50%;
	display:table;
	height:190px;	
	overflow:hidden;
	position:absolute;	
	width:190px;		
}

.service-items span {
	background-color:rgba(184,208,143,0.7);
	border-radius:50%;
	color:#46786b;	
	display:table-cell;
	font-family: "FrutigerCE-Bold", source-han-sans-traditional, Arial, sans-serif;
	font-size:15px;
	font-weight: normal;
	height:100%;
	opacity:0;
	overflow:hidden;
	text-align:center;
	text-transform:uppercase;
	transition:all 0.5s ease-in-out;
	vertical-align:middle;
	width:100%;	
}

html:lang(tc) .service-items span {
	font-size:24px;
}

.service-items span.strong {
	font-weight: 700;
}

.service1 {
	background:url(../images/services1.png) center center no-repeat;
	left:50%;
	margin-left:-95px;
	top:0;	
}

.service2 {
	background:url(../images/services2.png) center center no-repeat;		
	right:59px;
	top:116px;
}

.service3 {
	background:url(../images/services3.png) center center no-repeat;		
	right:0;
	top:375px;
}

.service4 {
	background:url(../images/services4.png) center center no-repeat;
	bottom:0;	
	right:166px;	
}

.service5 {
	background:url(../images/services5.png) center center no-repeat;
	bottom:0;
	left:166px;	
}

.service6 {
	background:url(../images/services6.png) center center no-repeat;
	left:0;	
	top:375px;
}

.service7 {
	background:url(../images/services7.png) center center no-repeat;
	left:59px;	
	top:116px;
}

.service1 span.fade-in, .service2 span.fade-in, .service3 span.fade-in,
.service4 span.fade-in, .service5 span.fade-in, .service6 span.fade-in,
.service7 span.fade-in {
	opacity:1;	
}


/* -------------------------------- */
/*   Contact
/* -------------------------------- */

#section-contact .col-padding {
	padding:90px 60px 96px;
}

#section-contact address {	
	font-family: "FrutigerCE-Light", source-han-sans-traditional, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height:27px;
	letter-spacing:normal;
	margin-bottom:27px;
}

#section-contact address strong {
	font-family: "FrutigerCE-Bold", source-han-sans-traditional, Arial, sans-serif;	
	font-weight: normal;
}

html:lang(tc) #section-contact address strong {
	font-weight: 700;
}

#section-contact address a {
	color:#5b5b5b;	
}

.dark #copyrights {
	color:#757575;	
	font-family: "FrutigerCE-Light", source-han-sans-traditional, Arial, sans-serif;
	font-size:15px;
	font-weight: normal;	
	letter-spacing:normal;		
}

.dark #copyrights a {
	color:#757575;
}

.dark #copyrights a:hover {
	text-decoration:underline !important;
}

#section-contact address i {
	height:20px;
	margin-right:10px;
	width:20px;		
}

@media (max-width: 1199px) {
	#section-mission .section .container-cover {		
		background-position: 42% center;
		background-size: auto 100%;
		padding:80px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.button.button-light {
		font-size:14px !important;
		line-height:32px !important;
		padding-top:5px;
	}

	.service-box {
		background:url(../images/professional-services.png) center 149px no-repeat;
		background-size:264px 263px;	
		height:540px;
		width:552px;	
	}

	html:lang(tc) .service-box {
		background:url(../images/professional-services-tc.png) center 149px no-repeat;
		background-size:264px 263px;	
		height:540px;
		width:552px;
	}
	
	.service-items {
		height:132px;
		width:132px;		
	}
	
	.service1 {		
		margin-left:-66px;
	}
	
	.service2 {		
		right:41px;
		top:81px;
	}
	
	.service3 {		
		top:263px;
	}
	
	.service4 {		
		right:116px;	
	}
	
	.service5 {		
		left:116px;	
	}
	
	.service6 {				
		top:263px;
	}
	
	.service7 {
		left:41px;	
		top:81px;
	}

}

@media (max-width: 991px) {	
	#header.transparent-header.dark:not(.sticky-header) #header-wrap {
		background-color: rgba(70,120,107,1) !important;
	}
	
	#header.transparent-header + #slider {
		margin-bottom:-40px !important;
		top:-40px !important;
	}
	
	#header { min-height: 0; }
	
	#logo {
		height:77px !important;
	}
	
	#header.full-header .container {	
		padding:0 !important;
	}
	
	#primary-menu {
		background-color:rgba(40,40,40,0.9);		
	}
	
	#primary-menu ul li {
		padding:0 14px;
	}
	
	.button.button-light {		
		font-size:16px !important;
		line-height:32px !important;
		padding-top:5px;
	}	
	
	.service-box, html:lang(tc) .service-box {		
		background-position:center top;
		background-size: 190px 190px;
		height:auto;
		padding-top:190px;
		position:relative;		
		width:100%;	
	}	
	
	.service1, .service6, .service7 {		
		left:auto;
		margin:40px auto 0;
		position:relative;
		top:auto;	
	}
	
	.service2, .service3 {
		margin:40px auto 0;
		position:relative;
		right:auto;
		top:auto;
	}
	
	.service4 {
		bottom:auto;
		margin:40px auto 0;
		position:relative;
		right:auto;
	}
	
	.service5 {
		bottom:auto;
		left:auto;
		margin:40px auto 0;
		position:relative;
	}	
}

@media (max-width: 767px) {
	h2 {
		font-size:32px;
		line-height:50px;
	}	
	
	#section-mission .section .container-cover {		
		background-position: right center;
		padding:40px 0;
	}	
}

@media (max-width: 575px) {
	#primary-menu ul li {
		padding:0 34px;
	}		
	
	.button.button-light {
		border-radius:16px;
		font-size:12px !important;
		height:32px;
		line-height:32px !important;
		padding-top:1px;
		width:169px;
	}	
}