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

@font-face {
    font-family: 'Bebas';
    src: url('fonts/bebas-webfont.woff2') format('woff2'),
         url('fonts/bebas-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'BebasNeue';
	src: url('fonts/BebasNeue Bold.eot');
	src: url('fonts/BebasNeue Bold.woff') format('woff'), 
	     url('fonts/BebasNeue Bold.ttf') format('truetype'), 
	     url('fonts/BebasNeue Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




body{ 
	font-family: 'Montserrat', sans-serif;
	font-size:10.5pt; color:#333; background:#fff; line-height:1.4; }
a{ text-decoration:none; color:#333; }
a:hover{ color:#149d49; }
a:focus{ outline:none; }

h1, h2, h3, h4, h5, h6, strong{ font-weight:600; }

.footer-menu a,
.footer-menu a:hover,
.sf-menu a,
.sf-menu a:hover,
.sf-menu a:focus,
.animate,
.animate:hover,
.animate:focus{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	 transition: all .3s ease-in-out;
}

.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 26px;
	margin: 0 0 0 1.771428571rem;
}


.animate-fast,
.animate-fast:hover,
.animate-fast:focus{
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	 transition: all .1s linear;
}


.clr{ display:block; clear:both;}
.wrapper{ overflow:hidden; }
.main{ width:90%; max-width:1120px; margin-left:auto; margin-right:auto; }
.border-box{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


/* Header */
.header{ height:95px; }
.header-inner{ z-index:1000; background:#fff; color:#fff; width:100%; border-bottom:solid 1px #eee; }
.header-main{ box-sizing:border-box; max-width:1180px; position:relative; }
	.logo{ position:absolute; top:12px; left:0; width:149px; height:80px; }
	.logo a{ display:block; background:url(images/logo.png) 50% 50% no-repeat; 
		position:relative; width:100%; height:100%; background-size:cover; }
	.logo a span{ display:none; }
	
	.mainnav{ float:left; margin:33px 170px 33px 190px; }
	.mainnav .sf-menu{}
	
	.top-language{ position:absolute; right:205px; top:38px; font-weight:600; margin-left:10px; font-size:110%; }
	.top-language li{ float:left; }
	.top-language li a{ display:block; padding:0 3px; color:#1c568d; }
	.top-language li a:hover,
	.top-language li.active a{ color:#0fa246; } 
	
	.top-call{ background:#fff; position:fixed; top:-114px; right:5%; z-index:1005; border-radius:0 0 8px 8px; 
	    overflow:hidden; width:180px; box-shadow:0 2px 4px 0 rgba(30,30,30,.25); }
	.top-call span{ display:block; box-sizing:border-box; padding:15px 20px 10px; }
	.top-call a{ background:#0c4c86; color:#fff; display:block; padding:0 20px; line-height:30px; 
	    text-transform:uppercase; text-align:center; font-weight:600; }
	.top-call.active{ top:0; }
	
	/* toggle */
	.toggle-menu{ display:block; width:35px; padding:5px 4px; position:absolute; left:0; top:23px; border:solid 1px #666; display:none; }
	.toggle-menu span{ background:#666; display:block; height:4px; margin:6px 0; }
	.toggle-menu::before, 
	.toggle-menu::after{ content:""; display:block; background:#666; height:4px; }
	
	.mobilenav{ background:#3a9bd5; font-size:112%; display:none; margin-bottom:2px; }
	.mobilenav ul{ display:block; list-style:none; margin:0; }
	.mobilenav ul ul{ display:none; }
	.mobilenav ul li{ display:block; margin:0; border-bottom:solid 1px #fff; }
	.mobilenav ul li a{ display:block; text-transform:uppercase; color:#fff; padding:9px 5%; } 
	.mobilenav ul li a:hover{ color:#FFFF99; }
	.mobilenav ul li.current-menu-item a{ font-weight:bold; }
	
@media (min-width:1170px){
	.header-inner.fixed { position:fixed; height:63px; box-shadow:0px 0px 10px 0px rgba(30,30,30,.25); }
	.header-inner.fixed .header-main{ height:60px; }
	.header-inner.fixed .header-bottom{ height:3px; }
	.header-inner.fixed .logo{ width:93px; height:50px; top:8px; left:50px; }
	.header-inner.fixed .logo a{ }
	.header-inner.fixed .mainnav{ margin-top:15px; //margin-left:40px; }
	/*.header-inner.fixed .top-call{ width:86px; height:51px; top:5px; }*/
	.header-inner.fixed .top-language{ top:20px; }
}

@media(max-width:1319px){
.header{ }
.header-inner{ }
	.logo{ width:131px; height:70px; }
	/*.top-call{ //width:189px; //height:36px; //top:20px; }*/
	.top-language{ //top:28px; right:105px; }
	.mainnav{ margin:33px 170px 33px; }
	.mainnav .sf-menu a { padding:7px 10px; }
}

@media(max-width:1149px){
.header{ height:inherit; }
.header-inner{ height:inherit; }
.header-main{ height:inherit; padding:15px 0 0; }
	.logo{ width:93px; height:50px; top:8px; }
	.mainnav{ margin:0 0 20px 120px; }
		/* .top-call{ display:none; } */ 
		.top-language{ display:none; }
}

@media(max-width:849px){
.header{ }
.header-inner { position:relative; padding:0;  box-shadow:none; }
.header-main{ position:relative; padding:15px 0; height:75px; box-sizing:border-box; }
	.logo{ position:relative; top:auto; left:auto; margin:-5px 0 0 70px; width:112px; height:60px; }
	.mainnav{ display:none; }
	/* .top-call{ width:86px; height:51px; right:0; display:block; } */
	.top-call{ right:3%; width:140px; top:-94px; font-size:96%; }
	.top-call.active{ top:0; }
	.toggle-menu{ display:block; }
	.top-language{ display:block; top:28px; right:auto; left:185px; }
}

	
 
/* container */
.container{ }
.content-wrap{ }
.content-main{ max-width:960px; }

.content-heading{ font-size:200%; color:#57004f; padding:10px 0; }
	.content-inner{}
	.content-paging{ text-align:center; }


/* page */
.page-main{ max-width:1020px; padding:20px 0; }
	.page-inner{ box-sizing:border-box; //padding:30px; background:#fff; }

/* Error 404 and Search */
.error-main{ max-width:1020px; margin:0 auto; }
	.error-inner{ padding:80px 0; text-align:center; }
	.error-heading{ font-size:340%; }

/* search */
.search-wrap{}
.search-main{ max-width:820px; padding:50px 0; }
	.search-heading{ text-transform:uppercase; font-size:150%; color:#014f80; margin:0 0 30px; }	
	.search-inner{ margin:0 0 30px; }
	
	.search-item{ background:#fff; box-shadow:0 0 12px 0 rgba(120,120,120,.2); margin:0 0 30px; 
		border:solid 1px #ccc; position:relative; min-height:190px; padding:20px; box-sizing:border-box; }
	.search-item-pic{ position:absolute; left:20px; top:20px; }
	.search-item-desc{ margin-left:180px; }
		.search-item-title{ font-weight:600; font-size:150%; margin:0 0 20px; }
		.search-item-title a{ color:#014f80; }
		.search-item-title a:hover{ color:#033b5e; }
		.search-item-excerpt{ font-size:96%; line-height:1.6; margin:0 0 20px; color:#666; }
		.search-item-meta{ font-size:92%; color:#999; }
@media (max-width:949px){
	.search-heading{ font-size:140%; }
	.search-item{ margin:0 0 20px; font-size:96%; }	
}
@media (max-width:549px){
	.search-item{ font-size:92%; }
		.search-item-pic{ display:none; }
		.search-item-desc{ margin-left:0; }
		.search-item-title{ font-size:150%; }
}
	
	
	
/* single */
.single-wrap{ }
.single-main{ padding:30px 0; }
.single-inner{}
	.single-content{ background:#fff; width:69%; float:left; margin:0 0 30px; 
		border:solid 1px #ccc; box-shadow:0 0 12px 0 rgba(120,120,120,.2);  }
	.single-content .entry-content{}	
		
	/* Default Page and Single */
	.post-single{ box-sizing:border-box; padding:20px 50px 50px;  }
	.post-single .entry-title{ color:#014f80; font-size:200%; margin:0 0 20px; font-weight:700; }
	.post-single .entry-content{ font-size:100%; }
	
	.entry-pic img{ width:100%; }
	.entry-share{}
	.entry-share ul{ display:block; list-style:none; margin:0; padding:0; }
	.entry-share ul li{ display:inline-block; margin: 0 3px; vertical-align:middle; }
	.entry-share ul li i{ font-size:140%; margin-bottom:3px; }

	/* Comment */
	.comments-area{ font-family:inherit; }
	.comment-reply-title{ margin-bottom:0; padding-bottom:10px; border-bottom:double 4px #ccc; }
		#commentform{ margin-top:10px; }


.archive-wrap{ padding:50px 0; }
.archive-main{ max-width:1100px; }

.archive-title{ color:#3a9bd5; font-size:170%; padding:10px 0; text-transform:none; font-weight:500; }
.archive-inner{}
.archive-content{ width:68%; float:left; }
.archive-list{ margin:0 0 30px; }
.archive-item{ background:#fff; box-shadow:0 0 12px 0 rgba(120,120,120,.2); margin:0 0 30px; border:solid 1px #ccc; }
	.archive-item-pic{ background-color:#ddd; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; height:250px; }
	.archive-item-pic img{ display:none; }
	.archive-item-inner{ box-sizing:border-box; padding:30px 35px; }
	.archive-item-nav{ margin:0 0 20px; font-size:92%; text-transform:uppercase; line-height:1.8; color:#999; }
		.archive-item-nav span{ display:inline-block; margin-right:10px; }
		.archive-item-cat{}
		.archive-item-cat a{ display:inline-block; background:#014f80; padding:0 10px; border-radius:10px; color:#fff; font-size:92%; font-weight:600; }
		
	.archive-item-title { font-size:170%; margin:0 0 20px; line-height:1.2; }
	.archive-item-title a{ color:#014f80; }
	.archive-item-title a:hover{ color:#08682d; }	
	.archive-item-desc{ font-size:96%; color:#666; margin:0 0 20px; }
	.archive-item-more{ }
	.archive-item-more a{ display:block; color:#fff; font-weight:600; padding:7px 0; width:130px; 
			text-align:center; background:#fdaf54; border-radius:20px; } 
	.archive-item-more a:hover{ background:#ec8e5a; }

.sidebar{ width:29%; float:right; }
.widget-sidebar{ background:#fff; box-shadow:0 0 12px 0 rgba(120,120,120,.2); margin:0 0 30px; border:solid 1px #ddd; }
	.widget-sidebar-title{ background:#014f80; color:#fff; font-size:150%; box-sizing:border-box; padding:10px 10%; }
	.widget-sidebar-inner{ box-sizing:border-box; padding:15px 10%; }
	
	.widget_search{}
	.widget_search label{ display:none; }
	.widget_search input[type=text],
	.widget_search input[type=submit]{ display:block; padding:10px 30px !important; box-sizing:border-box; 
		border:solid 1px #ddd !important; width:100% !important; margin:0 0 10px !important;
		border-radius:25px !important; }
	.widget_search input[type=submit]{ background:#fda33b !important; color:#fff !important; 
		max-width:150px; border:solid 1px #f19a3b !important; }
	
	.widget_recent_entries{}
	.widget_recent_entries ul{}
	.widget_recent_entries ul li{ display:block; padding:10px 0; border-bottom:solid 1px #eee; }
	.widget_recent_entries ul li:last-child{ border-bottom:none; }
	.widget_recent_entries ul li a{ color:#090e5c; }
	.widget_recent_entries ul li a:hover{ color:#0c4d85; }
	
	.widget_categories{}
	.widget_categories ul{}
	.widget_categories ul li{ display:block; padding:10px 0; border-bottom:solid 1px #eee; }
	.widget_categories ul li:last-child{ border-bottom:none; }
	.widget_categories ul li a{ color:#090e5c; }
	.widget_categories ul li a:hover{ color:#0c4d85; }

	.widget_calendar{}
	.widget_calendar #wp-calendar caption{ text-align:center; font-weight:600; padding:0 0 10px; }
	.widget_calendar #wp-calendar{ width:100%; }
	.widget_calendar #wp-calendar tr td,
	.widget_calendar #wp-calendar tr th{ text-align:center; }
	.widget_calendar #wp-calendar thead tr th{ font-weight:600; border-top:solid 1px #eee; border-bottom:solid 1px #eee; }

@media (max-width:849px){
	.sidebar{ width:100%; float:none; }	
	.single-content,
	.archive-content{ width:100%; float:none; margin:0 0 30px; }
}
@media (max-width:749px){
	.archive-item{ font-size:92%; }
	.archive-item-pic{ height:180px; }
	.archive-item-cat{ display:block !important; clear:both; margin:0 0 8px; }
}

@media (max-width:599px){
	.post-single{ padding:20px 30px 30px; }
	.post-single .entry-title{ font-size:170%; }
	.post-single .entry-content{ font-size:96%; }
}




	
/* common global */
.padding-20{ box-sizing:border-box; padding:20px; }

.front-slideshow{}
.temp-featured-image{ background-color:#eee; background-position:50% 30%; background-size:cover; color:#fff; }
.temp-featured-inner{ background:rgba(50,50,50,.25); text-transform:uppercase; font-family:'BebasNeue'; }
.temp-featured-inner h1{ font-size:460%; font-weight:normal; text-shadow:0 1px 1px rgba(0,0,0,.85); position:relative; padding:15px 0; }
.temp-featured-inner h1::after{ content:""; position:absolute; left:0; top:100%; width:50px; border-bottom:solid 1px #fff; }
.temp-featured-inner img{ display:none; }
.temp-featured-main{ padding:100px 0; }
@media (max-width:949px){
	.temp-featured-image h1{ font-size:300%; }
	.temp-featured-main{ padding:70px 0; }	
}
@media (max-width:549px){
	.temp-featured-image h1{ font-size:230%; }
	.temp-featured-main{ padding:50px 0; //text-align:center; }	
}

.temp-section-separator{ position:relative; margin:30px auto 40px; max-width:680px; border-top:dashed 1px #3a89ca; }

.temp-section-title{ text-transform:uppercase; color:#222; font-weight:700; 
	font-size:190%; text-align:center; position:relative; padding:8px 0; margin:0 0 30px; }
.temp-section-title::after{ content:""; position:absolute; left:0; right:0; margin:0 auto; top:100%; 
	width:60px; border-bottom:solid 1px #222; }
.temp-section-subtitle{ text-transform:uppercase; color:#222; font-weight:700; font-size:140%; 
	text-align:center; padding:5px 0; margin:0 0 25px; position:relative; }
.temp-about-gcg-commitee-subtitle{ margin:10px 0 15px; }
.temp-section-subtitle.left{ text-align:left; }
 

.temp-navigation-wrap{ height:140px; }
.temp-navigation{ background:#edf1f3; z-index:999; position:relative; width:100%; }
.temp-navigation-main{ padding:30px 0 10px; text-align:center; }
.temp-navigation ul{ display:block; margin:0; padding:0; list-style:none; }
.temp-navigation ul li{ display:inline-block; vertical-align:top; margin:0 6px 20px; }
.temp-navigation ul li a{ display:block; background-color:#fff; background-repeat:no-repeat; 
	background-position:10px 50%; width:150px; height:70px; box-shadow:0 0 5px 0 rgba(90,90,90,.25); 
	background-size:40px 40px; position:relative; box-sizing:border-box; padding:0 10px 0 44px; }
.temp-navigation ul li a span{ display:inline-block; line-height:1; text-transform:uppercase; color:#000; 
	font-weight:700; font-size:68%; vertical-align:middle; }
.temp-navigation ul li a::before{ content:""; display:inline-block; width:0px; height:100%; vertical-align:middle; }
.temp-navigation ul li a::after{ content:""; position:absolute; left:0; right:0; width:24px; height:24px; bottom:-12px;
	background:url(images/checklist.png) 0 0 no-repeat; background-size:cover; display:block; opacity:0; 
	transition:all .3s linear; margin:0 auto; }
.temp-navigation ul li a.active{ box-shadow:0 0 5px 0 rgba(45,204,112,.25); }
.temp-navigation ul li a.active::after{ opacity:1; }
@media (min-width:1170px){
.temp-navigation.fixed { top:63px; position:fixed; //box-shadow:0px 0px 10px 0px rgba(30,30,30,.25); }
.temp-navigation.fixed .temp-navigation-main{ padding:15px 0 10px; }
	.temp-navigation.fixed ul{}
	.temp-navigation.fixed ul li{ margin:0 15px 5px; }
	.temp-navigation.fixed ul li a{ height:70px; }

}

@media (max-width:1099px){
.temp-navigation-wrap{ height:auto; }
.temp-navigation ul li{ margin:0 10px 20px; }

}
@media (max-width:549px){
.temp-section-title{ font-size:160%; }
.temp-section-subtitle{ font-size:130%; }
}



/* home */
.temp-home{}
.temp-home-loan{ background-image:url(images/bg-apply.jpg); background-position:50% 50%;
	background-repeat: no-repeat; background-color:#908f8f; color:#fff; }
.temp-home-loan-main{ max-width:920px; padding:20px 0; }
.temp-home-loan-title{ float:left; width:70%; text-align:center; font-size:140%; line-height:1; font-weight:600; padding:10px 0; }
.temp-home-loan-title h2{ font-size:180%; margin:0; text-transform:uppercase; font-weight:700; }
.temp-home-loan-title span{ display:block; text-decoration:underline; line-height:1.4; }
.temp-home-loan-link{ float:right; width:27%; }
.temp-home-loan-more{ display:block; text-transform:uppercase; color:#155787; font-size:100%; 
	padding:8px 0; text-align:center; background:#fff; border-radius:8px; font-weight:700; margin:8px 0 0; }
.temp-home-loan-more:hover{ background:#155787; color:#fff; }
@media (max-width:899px){
.temp-home-loan-title{ float:none; width:100%; margin:0 0 20px; }
.temp-home-loan-title h2{ font-size:180%; }
.temp-home-loan-link{ width:240px; float:none; margin:0 auto 20px; }
}
@media (max-width:549px){
.temp-home-loan-title{ font-size:110%; }
.temp-home-loan-link{ width:240px; margin:0 auto 10px; }	
}

.temp-home-service{ background:#fff; padding:30px 0; }
.temp-home-service-list{ list-style:none; text-align:center; }
.temp-home-service-item{ display:inline-block; vertical-align:top; width:32%; box-sizing:border-box;
	padding:0 30px; position:relative; text-align:left; }
.temp-home-service-item:not(:last-child)::after{ content:""; position:absolute; left:100%; top:5%; height:80%; border-right:solid 1px #ccc; }
.temp-home-service-icon{ max-width:200px; }
.temp-home-service-title{ font-weight:700; font-size:120%; margin:0 0 10px; }
.temp-home-service-desc{ font-size:86%; padding:5px 0; }
.temp-home-service-desc ul li{margin-left:15px; }
.temp-home-service-more{}
.temp-home-service-more a{ display:inline-block; padding:5px 12px; color:#014f80; font-weight:600; 
	border:solid 1px #014f80; border-radius:5px; margin:0 10px 10px 0; }
.temp-home-service-more a:hover{ background:#014f80; color:#fff; }
@media (max-width:1049px){
.temp-home-service-list{}
.temp-home-service-item{ width:49%; }
	.temp-home-service-icon{ max-width:280px; }
}
@media (max-width:649px){
	.temp-home-service-item{ display:block; width:100%; max-width:480px; margin:0 auto 30px; padding:0 0 30px; }
	.temp-home-service-item::after{ display:none; }
	.temp-home-service-item:not(:last-child){ border-bottom:solid 1px #ccc; }
}

.temp-home-about{ padding:30px 0; background:#edf1f3; }
.temp-home-about-main{ max-width:820px; }
.temp-home-about-content{ color:#555; }
.temp-home-group{ background:#fff !important; }

.temp-home-wedo{ background:#edf1f3; padding:30px 0; }
.temp-home-wedo-list{ list-style:none; text-align:center; }
.temp-home-wedo-item{ display:inline-block; vertical-align:top; width:32%; box-sizing:border-box;
	padding:0 30px; position:relative; text-align:left; }
.temp-home-wedo-image{ margin:0 0 10px; }
.temp-home-wedo-title{ font-weight:700; font-size:110%; margin:0 0 10px; }
.temp-home-wedo-desc{ font-size:92%; margin:0 0 10px; }
.temp-home-wedo-desc ul li{margin-left:15px; }
.temp-home-wedo-more{}
.temp-home-wedo-more a{ display:inline-block; padding:5px 12px; color:#014f80; font-weight:600; 
	border:solid 1px #014f80; border-radius:5px; margin:0 10px 10px 0; }
.temp-home-wedo-more a:hover{ background:#014f80; color:#fff; }
@media (max-width:849px){
.temp-home-wedo-list{}
.temp-home-wedo-item{ width:49%; margin:0 0 30px; }		
}
@media (max-width:569px){
.temp-home-wedo-list{}
.temp-home-wedo-item{ width:100%; display:block; }	
}

.temp-home-outreach{ padding:30px 0; }
.temp-home-outreach-main{ }
.temp-home-outreach-image{ margin:0 0 20px; }
.temp-home-outreach-image img{ display:block; width:100%; height:auto; }
.temp-home-outreach-more{ text-align:center; }
.temp-home-outreach-more a{ display:inline-block; padding:5px 12px; color:#014f80; font-weight:600; 
	border:solid 1px #014f80; border-radius:5px; margin:0 10px 10px 0; }
.temp-home-outreach-more a:hover{ background:#014f80; color:#fff; }


.temp-home-apply{ background:#edf1f3; padding:30px 0; }
.temp-home-apply-main{  }
.temp-home-apply-list{ max-width:920px; margin:0 auto 30px; }
.temp-home-apply-list li{ width:33%; margin:0 0 30px; display:inline-block; }
.temp-home-apply-list li > span{ display:inline-block; vertical-align:middle; }
.temp-home-apply-list .apply-icon{ background-position:0 0; background-repeat:no-repeat; background-size:cover; 
	width:44px; height:44px; margin-right:15px; }
.temp-home-apply-list .apply-icon.icon-1{ background-image:url(images/career-icon-1.gif); }
.temp-home-apply-list .apply-icon.icon-2{ background-image:url(images/career-icon-2.gif); }
.temp-home-apply-list .apply-icon.icon-3{ background-image:url(images/career-icon-3.gif); }
.temp-home-apply-list .apply-text{ font-size:120%; font-weight:700; color:#777; text-transform:uppercase; line-height:1; }

.temp-home-apply-more{ position:relative; margin:0 0 40px; }
.temp-home-apply-more a{ display:block; background:#014f80; color:#fff; font-weight:600; width:210px; 
	text-align:center; border-radius:6px; font-size:130%; padding:5px 0; margin:0 auto; position:relative; }
.temp-home-apply-more a:hover{ background:#014773; }
.temp-home-apply-more a::before,
.temp-home-apply-more a::after{ content:""; position:absolute; width:160%; top:50%; border-bottom:solid 1px #a7dbb0; }
.temp-home-apply-more a::before{ right:100%; margin-right:45px; }
.temp-home-apply-more a::after{ left:100%; margin-left:45px; }

.temp-home-apply-step{ margin:0 0 30px; }
.temp-home-apply-step li{ width:24.5%; margin:0 0 30px; display:inline-block; vertical-align:top; }
.temp-home-apply-step .step-icon{ background-repeat:no-repeat; background-position:0 0; background-size:cover; 
	display:block; margin:0 auto 10px; width:100px; height:100px; }
.temp-home-apply-step .step-icon.icon-1{ background-image:url(images/apply-icon-1.gif); }
.temp-home-apply-step .step-icon.icon-2{ background-image:url(images/apply-icon-2.gif); }
.temp-home-apply-step .step-icon.icon-3{ background-image:url(images/apply-icon-3.gif); }
.temp-home-apply-step .step-icon.icon-4{ background-image:url(images/apply-icon-4.gif); }
.temp-home-apply-step .step-no{ display:block; color:#000; font-weight:700; line-height:40px; width:40px; 
	text-align:center; border-radius:50%; margin:0 auto 20px; background:#e1e1e1; }
.temp-home-apply-step .step-text{ text-align:center; //color:#777; font-size:96%; width:80%; margin:0 auto; }
.temp-home-apply-step .step-text a{ color:#1f4292; text-decoration:underline; }
@media (max-width:999px){
.temp-home-apply-list{ text-align:center; }
.temp-home-apply-list li{ display:block; text-align:center; width:100%; margin:0; }
.temp-home-apply-list li br{ display:none; }
}
@media (max-width:849px){
.temp-home-apply-step{ text-align:center; }
.temp-home-apply-step li{ width:180px; }
}

.temp-home-news{ padding:30px 0 50px; }
.temp-home-news-main{}
.temp-home-news-list{}
.temp-home-news-item{ width:30%; margin:0 1.5% 30px; overflow:hidden; box-sizing:border-box;
	background-color:#fff; box-shadow:0 0 8px 0px rgba(90,90,90,.25); border:solid 1px #ccc;
	display: inline-block; vertical-align: top; 
}
.temp-home-news-item-head{ padding:10px 10px; box-sizing:border-box; text-align:center; background:#edf1f3; }
.temp-home-news-item-head span,
.temp-home-news-item-head i{ display:inline-block; line-height:40px; font-weight:700; font-size:120%; 
	text-transform:uppercase; height:40px; margin:0; vertical-align:middle;}
.temp-home-news-item-head i{ width:60px; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;  }
.temp-home-news-item-head i.icon-3{ background-image:url(images/news-icon-1.gif); }
.temp-home-news-item-head i.icon-4{ background-image:url(images/news-icon-2.gif); }
.temp-home-news-item-head i.icon-5{ background-image:url(images/news-icon-3.gif); }	
.temp-home-news-inner{ position:relative; padding:0 20px; }
	.temp-home-news-date{ display:block; color:#fff; background:#014f80; width:70px; text-align:center; padding:5px 0; margin:0 auto 10px;  }
	.temp-home-news-date strong{ display:block; font-size:130%;}
	.temp-home-news-date span{ display:block; font-size:86%; }
	.temp-home-news-pic{ width:80%; margin:0 auto 15px; }
	.temp-home-news-title{ text-align:center; font-size:118%; font-weight:700; 
		margin:0 0 20px; height: 70px; overflow: hidden;  }
	.temp-home-news-more{ display:block; padding:3px 0 5px; color:#014f80; font-size:96%; 
		border:solid 1px #014f80; border-radius:5px; margin:0 auto 30px; width:90px; text-align:center; }
	.temp-home-news-more:hover{ background:#014f80; color:#fff; }
	.temp-home-news-find{ display:block; background:#014f80; color:#fff; font-weight:600; width:170px; 
    	text-align:center; border-radius:6px; font-size:130%; padding:5px 0; margin:20px auto; position:relative; }
    .temp-home-news-find:hover{ background:#014773; color:#fff; }

	
@media (max-width:929px){
.temp-home-news-item{ width:46%; display:inline-block; vertical-align:top; text-align:center; }	
}
@media (max-width:869px){
.temp-home-news-item{ width:100%; margin:0 0 30px; display:block; }
}


.temp-home-testimony{ background:#eff0ec; padding:30px 0; }
.temp-home-testimony-main{ max-width:100%; width:100%; }
.temp-home-testimony-list{}
.temp-home-testimony-item{ width:33.33%; float:left; overflow:hidden; background-color:#eee; 
	background-position:50% 50%; background-size:cover; background-repeat:no-repeat; 
	height:470px; position:relative; }
.temp-home-testimony-overlay{ position:absolute; z-index:5; left:0; top:100%; background:rgba(0,0,0,.7);
	color:#fff; width:100%; height:100%; text-align:center; }
.temp-home-testimony-divider,
.temp-home-testimony-inner{ display:inline-block; vertical-align:middle; position:relative; }
.temp-home-testimony-divider{ width:1px; height:100%; }
.temp-home-testimony-inner{ width:80%; }
	.temp-home-testimony-desc{ margin:0 auto 15px; position:relative; max-width:280px; font-size:96%; padding:0 0 10px; }
	.temp-home-testimony-desc::after{ content:""; position:absolute; left:0; right:0; top:100%; 
		margin:0 auto; border-bottom:solid 1px #fff; width:50px; }
	.temp-home-testimony-name{ font-weight:700; font-size:130%; }
	.temp-home-testimony-location{ font-size:76%; }

.temp-home-testimony-caption{ position:absolute; left:0; bottom:0; box-sizing:border-box; padding:20px 5%; 
	text-align:center; background:rgba(255,255,255,.75); color:#000; width:100%; }
.temp-home-testimony-title{ font-size:140%; margin:0 0 5px; }
.temp-home-testimony-subtitle{ font-size:86%; }
.temp-home-testimony-item:hover .temp-home-testimony-caption{ opacity:0; }
.temp-home-testimony-item:hover .temp-home-testimony-overlay{ top:0; }
@media (max-width:729px){
.temp-home-testimony-list{ max-width:480px; margin:0 auto; }
.temp-home-testimony-item{ width:100%; float:none; display:block; }	
}

.temp-home-woman{ padding:50px 0; }
.temp-home-woman-main{ max-width:100%; width:100%; }
.temp-home-woman-title{}
.temp-home-woman-left{ width:38%; float:left; }
.temp-home-woman-right{ width:60%; float:right; }
	.temp-home-woman-content{ width:90%; max-width:360px; float:right; }
	.temp-home-woman-name{ font-size:120%; text-align:center; margin:0 0 20px;}
	.temp-home-woman-summary{ font-size:96%;  }
	.temp-home-woman-summary p{ margin:0 0 15px; text-align:justify; }
@media (max-width:849px){
.temp-home-woman-right{ float:none; width:100%; margin:0; }
.temp-home-woman-left{ width:90%; margin:0 auto 30px; float:none; }
.temp-home-woman-content{ float:none; max-width:inherit; width:100%; }
}

.temp-home-partner{ background:#eff0ec; color:#333; padding:50px 0; }
.temp-home-partner-title{}
.temp-home-partner-list{ list-style:none; display:block; padding:30px 0; }
.temp-home-partner-list li{ width:23%; margin:0 1% 25px; float:left; }
.temp-home-partner-list li img{ display:block; width:100%; height:auto; box-shadow:0 0 5px 0px rgba(90,90,90,.3); }
@media (max-width:849px){
.temp-home-partner-list{}
.temp-home-partner-list li{ width:31%; }	
}
@media (max-width:599px){
.temp-home-partner-list{}
.temp-home-partner-list li{ width:47%; margin:0 1.5% 25px; }
}


/* about us */
.temp-about{}
.temp-about-nav{}
.temp-about-nav .nav-1{ background-image:url(images/about-nav-1.gif); }
.temp-about-nav .nav-2{ background-image:url(images/about-nav-2.gif); }
.temp-about-nav .nav-3{ background-image:url(images/about-nav-3.gif); }
.temp-about-nav .nav-4{ background-image:url(images/about-nav-4.gif); }
.temp-about-nav .nav-5{ background-image:url(images/about-nav-5.gif); }
.temp-about-nav .nav-6{ background-image:url(images/about-nav-4.gif); }

/* brief */
.temp-about-brief{ padding:40px 0; }
.temp-about-brief-main{ max-width:960px; }
.temp-about-brief-content{ margin:0 0 40px; font-size:96%; }

.temp-about-milestone{}
.temp-about-milestone img{ display:block; width:100%; height:auto; }

.temp-about-vm{ padding:20px 0; }
.temp-about-vm-item{ float:left; width:47%; box-sizing:border-box; position:relative; margin:0 1.5% 30px; padding:0 0 0 120px; }
.temp-about-vm-item::before{ content:""; display:block; position:absolute; left:0; top:30px; width:100px; height:100px;
	background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.temp-about-vision::before{ background-image:url(images/icon-vision.gif); }
.temp-about-mission::before{ background-image:url(images/icon-mission.gif); }
@media (max-width:949px){
.temp-about-vm{}
.temp-about-vm-item{ float:none; width:100%; margin:0 0 40px; }
}

.temp-about-values{ padding:20px 0; }
.temp-about-values-list{ text-align:center; margin:0; padding:10px 0 0; list-style:none; }
.temp-about-values-list li{ display:inline-block; vertical-align:top; width:200px; margin:0 30px 30px; }
	.temp-about-values-pic{}
	.temp-about-values-title{ font-size:120%; margin:0 0 10px; }
	.temp-about-values-desc{ font-size:92%; }
@media (max-width:749px){
.temp-about-values-list{}
.temp-about-values-list li{ width:170px; margin:0 20px 30px; }	
}

/* company group */
.temp-about-group{ background:#edf1f3; padding:40px 0; margin:0 0 20px; }	
.temp-about-group-main{ max-width:860px; }
.temp-about-group-holding .entry-content{ font-size:92%; }
.temp-about-group-holding .entry-content img{ box-shadow:0 0 5px 0 rgba(120,120,120,.4); }

.temp-about-group-sister{}
.temp-about-group-sister-list{ text-align:center; list-style:none; }
.temp-about-group-sister-list li{ display:inline-block; margin:0 15px 30px; width:250px; vertical-align:top; } 
.temp-about-group-sister-list li img{ box-shadow:0 0 5px 0 rgba(120,120,120,.4); }

/* profile management */
.temp-about-profile{ padding:40px 0; }
.temp-about-profile-main{}
.temp-about-profile-list{}
.temp-showcase{ 
	height: 460px;
	visibility: hidden;
	width:100%;
	max-width:680px; 
	margin:0 auto;
}

.temp-showcase .cloud9-item{
	position:relative;
	cursor:pointer;
}
.temp-showcase .cloud9-item::after{
	content:"";
	position:absolute; 
	z-index:5;
	left:0;
	right:0;
	bottom:0;
	height:70px;
	background-image:url(images/gradient.png);
	background-repeat:repeat-x;
	background-position:0 0;
}

.navigate-slide{ 
	position:relative;
	width:100%;
	max-width:680px; 
	margin:0 auto;
}
.navigate-slide .navigate-left,
.navigate-slide .navigate-right {
	cursor: pointer;
	position: absolute;
	top: -200px;
	z-index:901;
	color:#666;
	font-size:260%;
}

.navigate-slide .navigate-left { left:-100px; }
.navigate-slide .navigate-right { right:-100px; }


.temp-showcase-desc{ display:block; text-align:center; padding:10px 15px 15px; background:#014f80; max-width:320px; margin:0 auto; }
	.temp-showcase-desc h3{ color:#fff; font-weight:700; font-size:120%; margin:0; }
	.temp-showcase-desc span{ display:block; font-size:86%; color:#ddd; //color:#93faa2; font-weight:600; }



/* profile popup */
 body.noscroll { overflow: hidden !important; }
.popup-profile{ position:fixed; left:0; top:0; right:0; bottom:0; overflow-y:scroll; background:rgba(0,0,0,.5); 
	z-index:2002; box-shadow:0 0 10px 0px rgba(0,0,0,.7); }
.popup-profile-inner{ margin:100px auto; width:90%; max-width:860px; min-height:480px; background:#fff; border-radius:3px; 
	box-sizing:border-box; padding:30px 50px; color:#333; text-align:center; position:relative; }
.popup-profile[aria-hidden="true"]{ transition:opacity 1s, z-index 0s 1s; width:100vw; z-index:-1; opacity:0; }
.popup-profile[aria-hidden="false"]{ transition:opacity 1s; width:100%; z-index:2002; opacity:1; }
.popup-profile-inner .btn-close{ display:block; width:34px; height:34px; text-align:center; background:#333; color:#fff; 
	border-radius:50%; position:absolute; right:-15px; top:-15px; z-index:8; line-height:34px; font-size:112%; }
.popup-profile-inner .btn-close:hover{ background-color:#000; }
.popup-profile-items{}
.popup-profile-item{ display:none; box-sizing:border-box; }
	.popup-profile-pic,
	.popup-profile-desc{ display:inline-block; vertical-align:middle; }
	.popup-profile-pic{ width:29%; }
	.popup-profile-desc{ width:68%; margin-left:2%; text-align:justify; }
	.popup-profile-name{ font-weight:700; font-size:140%; margin:0; color:#000; }
	.popup-profile-position{ color:#009934; font-weight:600; font-size:110%; padding:0 0 10px; margin:0 0 25px; position:relative; }
	.popup-profile-position::after{ content:""; position:absolute; left:0; top:100%; width:50px; border-bottom:solid 1px #000; }
	.popup-profile-summary{ font-size:86%; }

@media (max-width:599px){
	.popup-profile-pic,
	.popup-profile-desc{ display:block; margin:0 auto 30px; }
	.popup-profile-pic{ width:50%; }
	.popup-profile-desc{ width:100%; }
}
	


/* operational performance */
.temp-about-perform{ background:#edf1f3; padding:40px 0; }
.temp-about-perform-main{ text-align:center; }
.temp-about-perform-graphic{ max-width:920px; margin:0 auto; }

/* GCG */
.temp-about-gcg{ padding:40px 0; }
.temp-about-gcg-main{ max-width:960px; }
.temp-about-gcg-commitee{}
.temp-about-gcg-commitee img{ width:100%; height:auto; }
.temp-about-gcg-kyc,
.temp-about-gcg-wbs,
.temp-about-gcg-code{ font-size:92%; margin:0 0 40px; }

/* Investor */
.temp-about-investor{ padding:30px 0; }
.temp-about-investor-main{ max-width:960px; }
.temp-about-investor-list{ margin:0 0 40px; }
.temp-about-investor-subtitle{ font-weight:700; font-size:130%; margin:0 0 20px; }
.temp-about-investor-table{ width:100%; border:none; margin:0 0 20px; font-size:110%; }
.temp-about-investor-table tr td { padding:8px 15px; }
.temp-about-investor-table thead{ background:#0fa246; color:#fff; font-weight:700; }
.temp-about-investor-table tbody{}
.temp-about-investor-table tbody tr td{ border-bottom:solid 1px #ccc; }
.temp-about-investor-more{ display:block; width:160px; font-size:110%; color:#fff; text-align:center; background:#1c568d; margin:0 auto 30px; padding:10px 0; }
.temp-about-investor-more:hover{ color:#ffffff; background:#204d68; }
.temp-about-investor-table tr td:nth-child(1){ width:75%; }
.temp-about-investor-table tr td:nth-child(2){ width:25%; text-align:center; }



/* what we do */
.temp-wedo{}
.temp-wedo-nav{}
.temp-wedo-nav .nav-1{ background-image:url(images/wedo-nav-1.gif); }
.temp-wedo-nav .nav-2{ background-image:url(images/wedo-nav-2.gif); }
.temp-wedo-nav .nav-3{ background-image:url(images/wedo-nav-3.gif); }

.temp-wedo-bu{ padding:40px 0; }
.temp-wedo-bu-main{ max-width:960px; }

.temp-wedo-product{ max-width:860px; margin:0 auto; padding:20px 0; }
.temp-wedo-product-icon{ width:16%; float:left; }
.temp-wedo-product-process,
.temp-wedo-product-requirement{ float:left; margin-left:2%; width:40%; font-size:86%; }
.temp-wedo-product-more{ display:block; width:220px; text-align:center; padding:8px 0; color:#fff; font-size:110%;
	background:#014f80; border-radius:6px; margin:20px auto 0; text-transform:uppercase; font-weight:600; }
.temp-wedo-product-more:hover{ color:#fff; background:#033e63; }
@media (max-width:649px){
.temp-wedo-product-icon{ float:none; width:100%; text-align:center; }
.temp-wedo-product-process,
.temp-wedo-product-requirement{ float:none; width:80%; margin:0 auto 30px; }	
}

.temp-wedo-bu-summary{ font-size:86%; text-align:justify; max-width:920px; margin:0 auto; }
.temp-wedo-bu-installment{ margin:0 0 20px; }
.temp-wedo-bu-installment img{ display:block; width:100%; height:auto; }

.temp-wedo-bu-process{}
.temp-wedo-bu-process ul{ list-style:none; text-align:center; margin:0; padding:0; }
.temp-wedo-bu-process ul li{ display:inline-block; margin:0 10px 20px; width:150px; vertical-align:top; }
.temp-wedo-bu-process-pic{ margin:0 0 20px; }
.temp-wedo-bu-process-desc{ font-size:86%; }

.temp-wedo-bu-disbursement{ padding:20px 0; text-align:center; }
.temp-wedo-bu-disbursement span{ position:relative; display:inline-block; padding:5px 30px; background:#fff; font-size:120%; }
.temp-wedo-bu-disbursement span::before,
.temp-wedo-bu-disbursement span::after{ content:""; position:absolute; width:100%; border-bottom:solid 1px #222; display:block; top:50%; }
.temp-wedo-bu-disbursement span::before{ right:100%; }
.temp-wedo-bu-disbursement span::after{ left:100%; } 

.temp-wedo-bg{ padding:40px 0; background:#edf1f3; }
.temp-wedo-bg-main{ max-width:960px; }
.temp-wedo-bg-process{ margin:0 0 20px; }
.temp-wedo-bg-process img{ display:block; width:100%; height:auto; }

.temp-wedo-client{ padding:40px 0; }
.temp-wedo-client-main{ max-width:960px; }
.temp-wedo-client-excerpt{ color:#666; font-size:86%; max-width:480px; margin:20px auto 40px; position:relative; }
.temp-wedo-client-excerpt > div{ margin-left:130px; padding:10px 0; }
.temp-wedo-client-excerpt > .icon-client{ display:block; position:absolute; left:0; top:0; width:100px; height:100px; 
	background:url(images/icon-client.gif) 0 0 no-repeat; background-size:cover; }

.temp-wedo-client-summary{ font-size:86%; text-align:justify; }



/* work with us */
.temp-work{}
.temp-work-nav{}
.temp-work-nav .nav-1{ background-image:url(images/work-nav-1.gif); }
.temp-work-nav .nav-2{ background-image:url(images/work-nav-2.gif); }

.temp-work-how{ padding:40px 0; }
.temp-work-how-main{ max-width:960px; }
.temp-work-how-summary,
.temp-work-how-wecare{ font-size:92%; padding:20px 0 0; }

.temp-work-employee{ padding:40px 0; background:#edf1f3; }
.temp-work-employee-main{ max-width:960px; }
.temp-work-employe-slider{ margin:0 auto; max-width:720px; padding:70px 0 0; }
.temp-work-employee-item{ position:relative; box-sizing:border-box; padding:80px 30px 50px; background:#fff; 
	box-shadow:0 0 10px 0px rgba(90,90,90,.1); text-align:center; }
.temp-work-employee-pic{ background:#eee; border-radius:50%; overflow:hidden; width:110px; height:110px; 
	position:absolute; left:0; right:0; top:-55px; margin:0 auto; }
.temp-work-employee-title{ font-size:140%; font-weight:700; }
.temp-work-employee-position{ font-weight:600; margin:0 0 30px; color:#158a48; }
.temp-work-employee-desc{ font-size:92%; }


.temp-work-apply{ padding:40px 0; }
.temp-work-apply-main{ max-width:920px; }

.temp-work-apply-more{ position:relative; margin:0 0 40px; }
.temp-work-apply-more a{ display:block; background:#014f80; color:#fff; font-weight:600; width:210px; 
	text-align:center; border-radius:6px; font-size:130%; padding:5px 0; margin:0 auto; position:relative; }
.temp-work-apply-more a:hover{ background:#014773; }
.temp-work-apply-more a::before,
.temp-work-apply-more a::after{ content:""; position:absolute; width:160%; top:50%; border-bottom:solid 1px #a7dbb0; }
.temp-work-apply-more a::before{ right:100%; margin-right:45px; }
.temp-work-apply-more a::after{ left:100%; margin-left:45px; }

.temp-work-apply-step{ margin:0 0 30px; }
.temp-work-apply-step li{ width:24.5%; margin:0 0 30px; display:inline-block; vertical-align:top; }
.temp-work-apply-step .step-icon{ background-repeat:no-repeat; background-position:0 0; background-size:cover; 
	display:block; margin:0 auto 10px; width:110px; height:110px; }
.temp-work-apply-step .step-icon.icon-1{ background-image:url(images/apply-work-1.gif); }
.temp-work-apply-step .step-icon.icon-2{ background-image:url(images/apply-work-2.gif); }
.temp-work-apply-step .step-icon.icon-3{ background-image:url(images/apply-work-3.gif); }
.temp-work-apply-step .step-icon.icon-4{ background-image:url(images/apply-work-4.gif); }
.temp-work-apply-step .step-no{ display:block; color:#000; font-weight:700; line-height:40px; width:40px; 
	text-align:center; border-radius:50%; margin:0 auto 20px; background:#e1e1e1; }
.temp-work-apply-step .step-text{ text-align:center; //color:#777; font-size:96%; width:80%; margin:0 auto; }
.temp-work-apply-step .step-text a{ color:#1f4292; text-decoration:underline; }
@media (max-width:849px){
.temp-work-apply-step{ text-align:center; }
.temp-work-apply-step li{ width:180px; }
}


/* news landing */
.temp-news{}
.temp-news-nav{}
.temp-news-nav .nav-1{ background-image:url(images/news-nav-1.gif); }
.temp-news-nav .nav-2{ background-image:url(images/news-nav-2.gif); }
.temp-news-nav .nav-3{ background-image:url(images/news-nav-3.gif); }

.temp-news-whats{ padding:40px 0; }
.temp-news-whats-main{ max-width:1020px; }

.temp-news-release{ padding:40px 0; background:#edf1f3; }
.temp-news-release-main{ max-width:1020px; }
.temp-release-list{}
.temp-release-item{ width:47.5%; margin:0 1% 20px; background:#fff; box-sizing:border-box; padding:30px; 
	position:relative; box-shadow:0 0 10px 0px rgba(120,120,120,.2); display:inline-block; vertical-align:top; }
.temp-release-item-pic{ width:170px; position:absolute; left:20px; top:20px; }
.temp-release-item-pic img{ width:100%; }
.temp-release-item-desc{ margin-left:190px; }
	.temp-release-item-title{ margin:0 0 10px; padding:0; min-height: 40px; }
	.temp-release-item-excerpt{ font-size:86%; margin:0 0 10px; height: 130px; overflow: hidden; }
	.temp-release-item-more{ display:block; padding:2px 0 3px; color:#014f80; font-size:96%; 
		border:solid 1px #014f80; border-radius:5px; margin:0; width:70px; text-align:center; }
	.temp-release-item-more:hover{ background:#014f80; color:#fff; }
.temp-release-item-date{ display:block; color:#fff; background:#014f80; width:60px; text-align:center; padding:5px 0;
	position:absolute; z-index:5; left:10px; top:0;  }
	.temp-release-item-date strong{ display:block; font-size:130%;}
	.temp-release-item-date span{ display:block; font-size:86%; }
@media (max-width:899px){
.temp-release-item{ width:100%; margin:0 auto 30px; float:none; min-height:210px; max-width:680px; }
}
@media (max-width:549px){
.temp-release-item{ min-height:190px; }
.temp-release-item-pic{ width:130px; }
.temp-release-item-desc{ margin-left:150px; }
}

.temp-news-media{ padding:40px 0; }
.temp-news-media-main{ max-width:1020px; }
.temp-media-list{}
.temp-media-item{ width:31.33%; margin:0 1% 20px; background:#fff; box-sizing:border-box; padding:40px 20px 30px; 
	position:relative; float:left; box-shadow:0 0 10px 0px rgba(120,120,120,.2); text-align:center; }
.temp-media-item-title{ margin:0 0 15px; font-size:110%; padding:0; }
.temp-media-item-pic{ max-width:220px; margin:0 auto 20px; }
.temp-media-item-pic img{ width:100%; }
.temp-media-item-more{ display:block; padding:3px 0 3px; color:#014f80; font-size:86%; 
	border:solid 1px #014f80; border-radius:5px; margin:0 auto 10px; width:80px; text-align:center; }
.temp-media-item-more:hover{ background:#014f80; color:#fff; }
.temp-media-item-date{ display:block; color:#fff; background:#014f80; width:90px; text-align:center; 
	padding:5px 0; position:absolute; z-index:5; right:20px; top:0; font-size:76%;  }
@media (max-width:799px){
.temp-media-list{}
.temp-media-item{ width:100%; margin:0 0 20px; }	
}

.temp-news-more{ display:block; background:#014f80; color:#fff; font-weight:600; width:170px; 
	text-align:center; border-radius:6px; font-size:130%; padding:5px 0; margin:20px auto; position:relative; }
.temp-news-more:hover{ background:#014773; color:#fff; }



/* outreach */
.temp-outreach{ padding:50px 0; }
.temp-outreach-main{}

.temp-outreach-map{ box-sizing:border-box; padding:10px; background:#f6f6f6; border:solid 1px #eee; margin:0 0 40px; }
.temp-outreach-prov{ text-align:center; margin:0 0 140px; }
.temp-outreach-prov-select{ max-width:300px; margin:0 auto; }
.temp-outreach-prov p{ font-size:110%; font-weight:600; margin:0 0 20px; }

.temp-outreach-branch{ min-height:300px; max-width:960px; margin:0 auto; }
.temp-outreach-branch-item{ display:none; margin:0 0 10px; }
.temp-outreach-branch-item h3{ font-size:110%; margin:0 0 10px; padding:10px 0; text-transform:uppercase; }
.temp-outreach-branch-item ul{ list-style:none; margin:0 0 15px; padding:0; }
.temp-outreach-branch-item ul li{ width:24%; margin:0 1% 8px 0; float:left; padding:5px 8px; 
	box-sizing:border-box; border:solid 1px #ddd; background:#f6f6f6; font-weight:500; font-size:96%; }
@media (max-width:849px){ .temp-outreach-branch-item ul li{ width:32%; margin:0 1.33% 10px 0; } }
@media (max-width:699px){ .temp-outreach-branch-item ul li{ width:48%; margin:0 2% 10px 0; } }


/* application */
.temp-app{ }
.temp-app-main{ //max-width:920px; margin:0 auto; }
.temp-app-header{ background:url(images/bg-form.jpg) 50% 50% no-repeat #014f80; background-size:cover; 
	color:#fff !important; padding:30px 0; font-size:170%; text-transform:uppercase; text-align:center; }
.temp-app-header h1{ color:#fff !important; }
.temp-app-disable{ padding:100px 0; font-size:120%; text-align:center; }
.temp-app-content{ padding:30px 0; }
.temp-app-form{ box-sizing:border-box; padding:20px 30px; background:#fff; border:solid 1px #ccc; border-radius:8px; }
.temp-app .visual-form-builder fieldset{ background:#fff !important; }
.temp-app .visual-form-builder .vfb-legend h3{ color:#004571 !important; }
.temp-app .fileinput-filename{ width:220px; overflow:hidden; display: inline-block; line-height: 1; text-overflow: ellipsis; }

.temp-app input.vfb-text, 
.temp-app input[type="text"].vfb-text, 
.temp-app input[type="tel"].vfb-text, 
.temp-app input[type="email"].vfb-text, 
.temp-app input[type="url"].vfb-text, 
.temp-app textarea.vfb-textarea, 
.temp-app select.vfb-select{ padding:8px; box-sizing:border-box; border-radius:2px; }

.temp-app .visual-form-builder li.vfb-auto-column div {}
.temp-app .visual-form-builder li.vfb-auto-column div span{ width:20%; }
@media (max-width:799px){
.temp-app-header{ font-size:120%; }
.temp-app .visual-form-builder li.vfb-auto-column div {}
.temp-app .visual-form-builder li.vfb-auto-column div span{ width:40%; }	
}




/* products */
.temp-products{ padding:40px 0 70px; }
.temp-products-list{ margin:0 0 50px; }
.temp-products-paging{ text-align:center; }


/* single product */
.temp-product{}
.temp-product-main{}
.temp-product-nav{ text-align:center; padding:20px 0; margin:0 0 20px; }
.temp-product-nav ul{ list-style:none; margin:0; padding:0; }
.temp-product-nav ul li{ display:inline-block; margin:0 20px; font-size:110%; text-transform:uppercase; //font-weight:600; }

.temp-product-top{ margin:0 0 50px; }
	.temp-product-title{ text-transform:uppercase; font-size:260%; font-weight:500; 
		 text-align:center; margin:0 0 20px; }
	.temp-product-image{ margin:0 0 40px; text-align:center; }
	.temp-product-image ul{ list-style:none; margin:0; padding:0; }
	.temp-product-image ul li{ display:none; text-align:center; }
	.temp-product-otr{ font-size:160%; text-transform:uppercase;  margin:0 0 20px; text-align:center; }
	.temp-product-varian{ text-align:center; }
	.temp-product-varian > span,
	.temp-product-varian > ul{ display:inline-block; margin:0 10px; vertical-align:middle; 
		text-transform:uppercase; font-weight:600; font-size:92%; }
	.temp-product-varian > ul{ border:solid 1px #999; }
	.temp-product-varian > ul li{ display:inline-block; margin:0; float:left; }
	.temp-product-varian > ul li a{ display:block; width:70px; height:10px; box-sizing:border-box; }
	.temp-product-varian > ul li.active a{ border:solid 1px #333; }
	.temp-product-varian > ul li a span{ display:none; }
	
.temp-product-feature{ background:#149d49; margin:0 0 80px; }
.temp-product-feature-title{  font-weight:normal; font-size:340%; text-transform:uppercase; 
	margin:0 0 40px; text-align:center; padding:40px 0 0; color:#fff; }
.temp-product-feature-list{ background:#fff; position:relative; //margin-bottom:-50px; box-shadow:0 5px 10px 0 rgba(90,90,90,.45); }
.temp-product-feature-list ul{ list-style:none; margin:0; padding:0; }
.temp-product-feature-list ul li{ width:25%; float:left; }
	.temp-product-feature-item{}
	.temp-product-feature-item-pic{ //margin:0 0 15px; }
	.temp-product-feature-item-pic img{ display:block; width:100%; margin:0; }
	.temp-product-feature-item-content{ box-sizing:border-box; padding:20px; }
	.temp-product-feature-item-title{  text-transform:uppercase; font-weight:normal; font-size:110%; margin:0 0 20px; }
	.temp-product-feature-item-desc{ font-size:86%; }

.temp-product-spec{ margin:0 0 80px;}
.temp-product-spec-title{  font-weight:normal; font-size:340%; text-transform:uppercase;
	margin:0 0 30px; text-align:center; color:#000; }
.temp-product-spec-nav{ text-align:center; margin:0 0 50px; }
.temp-product-spec-nav ul{ display:block; margin:0; padding:0; }
.temp-product-spec-nav ul li{ display:inline-block; margin:0 0 5px; }
.temp-product-spec-nav ul li a{ display:block; font-weight:700; background:#d6d6d6; color:#149d49; padding:5px 30px; font-size:140%; }
.temp-product-spec-nav ul li a:hover{ background:#c4c2c2; }
.temp-product-spec-nav ul li.active a{ color:#fff; background:#149d49; }

.temp-product-spec-items{ max-width:890px; margin:0 auto; }
.temp-product-spec-items > div{ display:none; }
	table.tbl-spec{ width:100%; border-collapse:collapse; font-size:92%; }
	table.tbl-spec tr td{ box-sizing:border-box; padding:3px 10px 10px; width:25%; }
	table.tbl-spec strong{ //display:block; font-weight:700; margin:0; font-size:110%; } 

.temp-product-gallery{ background:#1c1c1c; color:#fff; padding:40px 0 80px; }
.temp-product-gallery-title{  font-weight:normal; font-size:340%; 
	text-transform:uppercase; margin:0 0 40px; text-align:center; color:#fff; }
.temp-product-gallery-list{}
.temp-product-gallery-sizer,
.temp-product-gallery-item{ width:25%; float:left; box-sizing:border-box; padding:5px; }

@media (max-width:749px){
.temp-product-nav{}
.temp-product-nav ul li{ margin:0 10px 10px; }

.temp-product-top{}
	.temp-product-varian{}
	.temp-product-varian > ul li a{ width:50px; }

.temp-product-feature{ margin:0 0 60px; }
	.temp-product-feature-list ul{}
	.temp-product-feature-list ul li{ width:50%; }

.temp-product-gallery{}
	.temp-product-gallery-sizer,
	.temp-product-gallery-item{ width:33.33%; }
}

@media (max-width:549px){
.temp-product-top{}
	.temp-product-otr{ font-size:130%; }

.temp-product-feature{ margin:0 0 50px; }
.temp-product-feature-title{ font-size:280%; }
	.temp-product-feature-list{ max-width:360px; margin:0 auto; }
	.temp-product-feature-list ul{}
	.temp-product-feature-list ul li{ width:100%; float:none; }
	.temp-product-feature-item{}
		.temp-product-feature-item-content{ padding:30px 20px; }
		
.temp-product-spec{ margin:0 0 50px; }
.temp-product-spec-title{ font-size:280%; }
	table.tbl-spec{}
	table.tbl-spec tr td{ width:100%; display:block; border-bottom:solid 1px #ccc; padding:20px 5px 10px; }

.temp-product-gallery{}
.temp-product-gallery-title{ font-size:280%; }
	.temp-product-gallery-sizer,
	.temp-product-gallery-item{ width:50%; }
}




/* contact */
.temp-connect{}
.temp-connect-form{}
.temp-connect-main{ padding:50px 0 100px; max-width:780px; }
	.contact-form-exc{ font-size:130%; padding:10px 0; text-align:center; margin:0 0 40px; color:#666; }
	.contact-form{ position:relative; text-transform:uppercase; width:100%; }
	.contact-form .label-name,
	.contact-form .label-email,
	.contact-form .label-phone,
	.contact-form .label-subject,
	.contact-form .label-message{ display:block; width:100%; margin-bottom:15px; }
	.contact-form .label-name,
	.contact-form .label-email{ width:48%; float:left; }
	.contact-form .label-phone,
	.contact-form .label-subject{ width:48%; float:left; margin-left:4%; }
				
	.contact-form .wpcf7-form-control-wrap{ display:block; position:relative; }
	.contact-form .wpcf7-text, 
	.contact-form .wpcf7-select,
	.contact-form .wpcf7-textarea{ border:solid 1px #666; outline:none !important; border-radius:0; 
		background-color:#fff; resize:none; font-family:inherit; font-size:106%; width:100%; 
		padding:12px 16px; box-sizing:border-box; box-shadow:0 0 3px 0 rgba(90,90,90,.2); }
	.contact-form .wpcf7-textarea{ height:125px; }
	.contact-form .wpcf7-text:focus, 
	.contact-form .wpcf7-textarea:focus{ background-color:#f7f6f6; }
	.contact-form input[type=submit]{ text-transform:uppercase; font-size:110%; background:#fff !important; 
		border-radius:30px !important; border:solid 2px #02125f !important; color:#02125f !important; 
		line-height:30px !important; text-align:center !important; width:200px !important; 
		display:block !important; margin:20px auto !important; font-weight:600; }
	.contact-form .contact-submit{ position:relative; text-align:center; }
	.contact-form .ajax-loader{ position:absolute; right:140px; top:10px; }
	@media (max-width:429px){
		.contact-form .label-name,
		.contact-form .label-email,
		.contact-form .label-phone,
		.contact-form .label-subject,
		.contact-form .label-message{ float:none; width:100%; margin:0 0 8px 0; }
	}
	
.temp-connect-bottom{ background:#f1f4f6; margin:0 auto 50px; max-width:1080px; width:90%; }
	.temp-connect-left{ width:65%; float:left; }
	.temp-connect-right{ width:35%; float:right; }
	.temp-connect-text{ color:#333; box-sizing:border-box; padding:25px 40px; line-height:1.6; font-size:92%; }
	.temp-connect-text h3{ font-size:130%; color:#014f80; margin:0 0 20px; padding:0; }
	.temp-connect-text p{ margin:0 0 10px; }	

@media (max-width:949px){
	.temp-connect{}
	.temp-connect-main{ padding:30px 0 70px; }
	.contact-form-exc{ font-size:115%; padding:10px 0; margin:0 0 30px; }
	.contact-form{}
		.contact-form .wpcf7-text, 
		.contact-form .wpcf7-select,
		.contact-form .wpcf7-textarea{ padding:8px 12px; }
	
	.temp-connect-bottom{ font-size:96%; }
		.temp-connect-left,
		.temp-connect-right{ width:50%; }
		.temp-connect-text{ padding:30px; }
}

@media (max-width:749px){
	.temp-connect-left,
	.temp-connect-right{ float:none; height:auto; width:100%; }
	.temp-connect-text{ padding:30px 5%; }
}


/* footer */
.footer{ background:#014f80; color:#fff; }
.footer-main{ padding:50px 0 30px; }
	.footer-newsletter{ float:left; width:auto; padding:5px 0 0; }
	.footer-newsletter > div{ margin:0 0 8px; font-weight:600; }
	.frm-letter{}
	.frm-letter input.tnp-email,
	.frm-letter input.tnp-submit{ 
		display:inline-block;
		background:#fff !important; 
		line-height:30px !important; 
		border:solid 1px #01436c !important;
		border-radius:0 !important; 
		padding:0 10px !important;
		vertical-align:middle;  
		box-sizing:border-box;
		font-size:100%;
		color:#555; }
	.frm-letter input.tnp-email{ width:150px; }
	.frm-letter input.tnp-email:focus{ background:#fbfee3 !important; }
	.frm-letter input.tnp-submit{ font-weight:700; width:100px; text-align:center; background:#1e7fbc !important; color:#fff; }	
	
	.footer-social{ float:left; width:44%; margin:0 3%; text-align:center; padding:15px 0 0; }
	.footer-social ul{ list-style:none; padding:0; margin:0; font-size:160%; }
	.footer-social ul li{ display:inline-block; margin:0 8px; vertical-align:middle; }
	.footer-social ul li a{ color:#fff; }
	.footer-social ul li a:hover{ color:#f5ffc9; }
	.footer-social ul li a i{}
	
	.footer-ojk{ float:right; width:300px; text-transform:uppercase; font-size:62%;}
	.footer-ojk-list a span{ display:block; margin:0 0 5px; font-size:90%; }
	.footer-ojk-list a{ display:inline-block; vertical-align:middle; color:#fff; }
	.footer-ojk-list a.ojk{ width:150px; }
	.footer-ojk-list a.smart{ width:108px; }

.footer-privacy{ float:right; margin-right:30px; margin-top:-18px; font-size:11px; color:#fff; }
.footer-privacy li{ display:inline-block; }
.footer-privacy li a{ color:#fff; padding:5px 10px; }
.footer-privacy li:not(:last-child)::after{ content:" | "; display:inline-block; }

.copyright{ font-size:96%; text-align:center; font-weight:600; padding:20px 0 0; }
.copyright .main{ padding:18px 0; }

@media (max-width:1100px){
	.footer-privacy{ float:none; margin:0 auto; padding:15px 0; text-align:center; } 
}

@media (max-width:999px){
.footer-newsletter,
.footer-social,
.footer-ojk{ float:none; margin:0 auto 20px; } 
.footer-social{ width:100%; }
.footer-ojk,
.footer-newsletter{ text-align:center; }
}



/* Plugin */
div.wpcf7 { margin:0; padding:0; position:relative;}
div.wpcf7 .wpcf7-response-output { margin:30px 0 0; margin-right:0; padding:0.9em 1.4em; text-align:center; font-size:90%; border-radius:3px; }
div.wpcf7 .screen-reader-response{ position:relative; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); 
	height:1px; width:1px; margin:0; padding:0; border:none;}
div.wpcf7-mail-sent-ok {  background:rgba(255,255,255,.75); border:solid 1px #999; color:#666; }
div.wpcf7-mail-sent-ng {  background:rgba(255,255,255,.75); border:solid 1px #999;; color:#666;}
div.wpcf7-spam-blocked {  background:rgba(255,255,255,.75); border:solid 1px #999;; color:#666;}
div.wpcf7-validation-errors { background:rgba(255,255,255,.75); border:solid 1px #FF6633; color:#666;}
span.wpcf7-form-control-wrap { position: relative; display:block; }
span.wpcf7-not-valid-tip { position:absolute; color:#666; top:4px; right:4px; z-index:100; border:1px solid #666; 
	border-radius:5px; background:#fff; padding:.15em .6em; font-size:80%;}
span.wpcf7-list-item { margin-left: 0.5em;}
.wpcf7-display-none { display: none;}
div.wpcf7 img.ajax-loader { border: none; display:block; vertical-align: middle; margin:0 auto; text-align:center;}
div.wpcf7 div.ajax-error { display: none;}
div.wpcf7 .placeheld { color: #888;}

.wp-pagenavi { clear:both; margin:30px 0 50px; font-size:120%; text-align:center; }
.wp-pagenavi a, 
.wp-pagenavi span { text-decoration:none; display:inline-block; border:1px solid #CCC; 
	color:#777; padding:0 10px; line-height:30px; margin:2px;}
.wp-pagenavi a:hover, 
.wp-pagenavi span.current { border-color:#666;}
.wp-pagenavi span.current { font-weight:bold; }

div.bootstrap-datetimepicker-widget{ z-index:1001 !important; display:block !important; }
	