html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
figure { margin:0; padding:0; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

body { margin:0; color:#222; font-size:13px; font-family:Gotham, Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; }

*::-moz-selection { background:rgba(0, 0, 0, 0.1); }
*::selection { background:rgba(0, 0, 0, 0.1); }

a { color:#0668B2; text-decoration:none;  }
a:hover { color:#000; text-decoration:none; }

:root {
	--input-background-color: #FFF;
	--input-border-color: #bfbfbf;
	--input-border-color-inline: #FFF;
	--input-border-color-checked: #00A678;
	--input-background-color-checked: #00C18C;
	--input-border-color-inline-checked: #00C18C;
	--input-border-color-disabled: #bfbfbf;
	--input-background-color-disabled: #efefef;
	--input-border-color-inline-disabled: #bfbfbf;
	--input-border-color-hover: #00C18C;
	--input-background-color-hover: #FFF;
	--input-border-color-inline-hover: #bfbfbf;
	--input-border-color-focus: #00A678;
}

/* Reset Css */
input, select, textarea, input[type='checkbox'], input[type='radio'] { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; }
input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline:0; }
input[type='submit'], button { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; outline:0; }

/* Customization checkbox & radio */
input[type='checkbox'], input[type='radio'] { width:18px; height:18px; line-height:18px; min-width:1px !important; margin:1px 10px -1px 0; padding:0; }
input[type='checkbox']::before, input[type='radio']::before { display:block; position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background-color:var(--input-background-color); transition:background-color 500ms, border-color 500ms; }
input[type='checkbox']::after, input[type='radio']::after { display:block; position:absolute; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:background-color 500ms, border-color 250ms; }

/* Customization checbox */
input[type='checkbox']::before { border-radius:4px; border:solid 1px; border-color:var(--input-border-color); }
input[type='checkbox']::after { border:solid; border-color:var(--input-border-color-inline); border-width:0 2px 2px 0; width:5px; height:10px; left:7px; bottom:5px; }
input[type='checkbox']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='checkbox']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='checkbox']:checked:not(:disabled)::before { border-color:var(--input-border-color-checked); background-color:var(--input-background-color-checked); }
input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='checkbox']:disabled::before { border-color:var(--input-border-color-disabled); background-color:var(--input-background-color-disabled); }
input[type='checkbox']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color:var(--input-background-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

/* Customization radio */
input[type='radio']::before { border-radius: 50%; border: solid 1px; }
input[type='radio']::after { border: solid; border-color: var(--input-border-color-inline-checked); border-width: 5px; border-radius: 50%; width: 0px; height:0px; left:4px; bottom:4px; }
input[type='radio']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='radio']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='radio']:checked:not(:disabled)::before { border-color: var(--input-border-color-checked); background-color: var(--input-background-color); }
input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='radio']:disabled::before {}
input[type='radio']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='radio']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color: var(--input-background-color); }
input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

input, textarea, select { float:left; font-size:14px; font-family:Gotham, Arial; border-radius:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:Gotham, Arial; font-size:16px; font-weight:500; letter-spacing:1px; }

.input { width:100%; height:50px; padding:0 16px; border:1px solid #999; transition:ease 0.3s; background-color:#FFF; border-radius:6px; box-shadow:5px 5px 0 rgba(0,0,0,0.03); }
.select { background:#FFF url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; box-shadow:5px 5px 0 rgba(0,0,0,0.03); -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.input:focus , .select:focus { border-color:#00C18C; box-shadow:5px 5px 0 rgba(0,0,0,0.06); }

textarea.input { padding-top:13px !important; padding-bottom:13px !important; }

.button { float:none; height:50px; display:inline-block; padding:0 40px 0 30px; cursor:pointer; position:relative; color:#FFF; background-color:#1AAAE2; transition:all 0.25s; border-radius:6px; overflow:hidden; }
.button:hover { background-color:#042145; letter-spacing:2px; }
	.button::before { content:""; position:absolute; top:0; bottom:0; right:-40%; left:50%; background-image:linear-gradient(0deg,rgba(255, 255, 255, 0.0),#FFF); transform:skew(-40deg); opacity:0.1; transition:all 0.25s; }
	.button:hover::before { left:30%; opacity:0.15; }
	.button::after { content:""; position:absolute; top:0; bottom:0; right:15px; width:14px; background:url(../images/arrow-white-right.png) no-repeat right center / auto 16px; transition:all 0.25s; }
	.button:hover::after { right:10px; }

.tevhid { float:left; width:100%; position:relative; }
	.wrap { margin:0 auto; width:1320px; min-height:10px; position:relative; }

.tac { text-align:center; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.w100 { float:left; width:100% !important; }
.w50 { float:left; width:50% !important; }
.w25 { float:left; width:25%; }
.mt30 { margin-top:30px; }

/*	Start TOP	*/

.header { position:fixed; top:0; left:0; right:0; height:160px; background-color:#FFF; z-index:8000; color:#0668B2; }
	
	#logo { position:absolute; top:20px; left:calc(50% - 60px); width:120px; z-index:300; transition:all 0.7s; }
		#logo img { float:left; width:100%; }
		#logo img:hover { opacity:0.8; }
	
	.header-name { float:left; margin-top:52px; font-size:17px; font-weight:700; }
		.header-name strong { display:block; margin-bottom:12px; font-size:23px; }
		
	.header-connect { float:right; width:250px; margin-top:56px; font-weight:500; }
		.header-connect ul { width:100%; }
			.header-connect li { width:100%; margin-bottom:10px; }
			.header-connect li:last-child { margin-bottom:0; }
				.header-connect li a { float:right; }
					.header-connect li a img { float:left; height:20px; padding:2px 0; margin-right:7px; }
		
/*	Start CONTENT	*/

.hero-wrap { float:left; width:100%; height:calc(100vh - 380px); margin-top:160px; position:relative; overflow:hidden; }
	.hero-wrap::before , .hero-wrap::after { content:""; position:absolute; top:0; left:0; right:0; height:1px; background-color:#000; opacity:0.06; }
	.hero-wrap::after { top:auto; bottom:0; }
	.hero-wrap .wrap { height:100%; }
	
	.hero-wrap-cycle { position:absolute; top:-180px; left:calc(50% - 100px); width:200px; height:200px; background-color:rgba(0,0,0,0.06); border-radius:50%; z-index:100; }
		.hero-wrap-cycle::before { content:""; position:absolute; top:1px; bottom:1px; left:1px; right:1px; background-color:#FFF; border-radius:50%; }

.hero-list { float:left; width:100%; height:100%; position:relative; overflow:hidden; }
	.hero-list::after { content:""; position:absolute; top:0; bottom:0; right:0; width:1px; background-color:#000; opacity:0.06; }
	.hero-list ul { width:100%; height:100%; display:flex; flex-flow:row wrap; }
		.hero-list ul > li { width:25%; height:100%; box-shadow:0 1px 0 rgba(0,0,0,0.06); }

.hero-item { float:left; width:100%; height:100%; position:relative; overflow:hidden; transition:all 0.4s; }
.hero-item:hover { color:#FFF; }
	
	.hero-item::before { content:""; position:absolute; top:0; bottom:0; left:0; width:1px; background-color:#000; opacity:0.06; }
	
	.hero-item picture { position:absolute; top:0; bottom:0; left:0; right:0; transform:scale(1.25,1.25); transition:all 1s; background-size:cover; background-position:center; background-repeat:no-repeat; opacity:0; }
	.hero-item:hover picture { transform:scale(1,1); opacity:1; }
		.hero-item picture::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#FFF; transition:all 0.7s; }
		.hero-item:hover picture::before { bottom:100%; }
		.hero-item picture::after { content:""; position:absolute; top:50%; left:50%; width:800px; height:800px; margin:-400px 0 0 -400px; background-color:#FFF; opacity:0; transition:all 1.5s; border-radius:50%; transform:scale(0,0); }
		.hero-item:hover picture::after { background-color:#0669B2; opacity:0.8; transform:scale(1,1); }
	
	.hero-item section { position:absolute; top:0; bottom:0; left:0; right:0; padding:20px; display:flex; align-items:center; z-index:10; text-align:center; }
		.hero-item section article { float:left; width:100%; height:80px; overflow:hidden; }
		.hero-item section i { float:left; width:100%; transition:all 0.4s; }
		.hero-item:hover section i:first-child { margin-top:-80px; }
			.hero-item section i img { display:inline-block; height:80px; }
		.hero-item section strong { float:left; width:100%; padding-top:20px; position:relative; font-size:20px; }

.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }

.address { float:left; width:100%; height:100px; position:relative; display:flex; align-items:center; text-align:center; font-size:15px; background-image:linear-gradient(180deg,#FFF,#F2F2F2); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.06); }
	.address section { width:100%; }

.footer { float:left; width:100%; padding:40px 0; background-color:#F0F0F0; }
	
	.footer-whatsapp { float:left; width:240px; height:40px; padding-left:50px; position:relative; }
		.footer-whatsapp img { position:absolute; top:0; left:0; height:40px; }
		.footer-whatsapp strong { display:block; margin:4px 0 -3px 0; font-size:18px; color:#2AB43F; letter-spacing:-0.5px; }
		.footer-whatsapp i { display:block; font-size:11px; font-weight:500; color:#4E6071; }
	
	.footer-share { float:right; }
		.footer-share li { padding-right:30px; }
		.footer-share li:last-child { padding-right:0; }
			.footer-share li a { float:left; }
				.footer-share li picture { float:left; border:1px solid rgba(0,0,0,0.13); border-radius:50%; }
				.footer-share li a:hover picture  { background-color:#FFF; border-color:#000; }
					.footer-share li a img { float:left; height:40px; margin:-1px; }
					.footer-share li span { float:left; padding-left:7px; font-weight:500; color:#000; line-height:40px; }

@media only screen and (max-width:1440px) {

.wrap { width:1200px; }

}


@media only screen and (max-width:1280px) {

.wrap { float:left; width:100%; padding:0 30px; }
.hero-wrap .wrap { padding:0; }

.header { height:100px; }
#logo { top:10px; left:calc(50% - 40px); width:80px; }
.header-name { margin-top:22px; }
.header-connect { margin-top:26px; }

.hero-wrap { height:calc(100vh - 300px); margin-top:100px; }
.hero-list::after { display:none; }
.address { height:80px; }

}

@media only screen and (max-width:1023px) {

.hero-item section strong { font-size:15px; }

}

@media only screen and (max-width:767px) {

.wrap { padding:0 20px; }
.header { float:left; width:100%; position:relative; top:auto; left:auto; right:auto; height:auto; }
.header .wrap { padding-top:60px; }
#logo { left:calc(50% - 30px); width:60px; }
.header-name { width:100%; text-align:center; font-size:14px; }
.header-name strong { margin-bottom:6px; font-size:19px; }
.header-connect { width:100%; margin-top:16px; margin-bottom:14px; text-align:center; }
.header-connect li a { width:100%; }
.header-connect li a section { display:inline-block; }

.hero-wrap { height:auto; margin-top:0; }
.hero-wrap-cycle { display:none; }
.hero-list ul > li { width:50%; }
.hero-item section { float:left; width:100%; position:relative; top:auto; bottom:auto; left:auto; right:auto; padding:60px 10px; }
.hero-item section article { height:60px; }
.hero-item section i img { height:60px; }

.address { height:auto; padding:25px 20px; }
.footer-share li { padding-right:20px; }

}


@media only screen and (max-width:640px) {

.footer { padding:30px 0; text-align:center; }
.footer-whatsapp { float:none; display:inline-block; width:auto; white-space:nowrap; }
.footer-share { width:100%; margin-top:20px; }
.footer-share ul { float:none; display:inline-block; }

}

@media only screen and (max-width:540px) {



}



@media only screen and (max-width:440px) {

.hero-item section { padding:40px 10px; }
.footer-share li { padding-right:15px; }
.footer-share li span { font-size:10px; }

}



@media only screen and (max-width:374px) {



}