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 {line-height: 1.3; margin: 0; padding: 0; border: 0; outline: 0;  vertical-align: baseline; }

 b {    color: #53118d;
    font-family: "muli-bold", sans-serif; 

}

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 { font-weight:700; color: #000;font-size:33px;}
 h2, h3, h4, h5 { font-weight:normal;color: #000;font-size:24px; }

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	*/

html::-webkit-scrollbar { width:10px; }
html::-webkit-scrollbar-track { background:#666; }
html::-webkit-scrollbar-thumb { background-color: #FFF; border:3px solid #666; }
html { scrollbar-color:#FFF #666; scrollbar-width:thin; }

body { margin:0; color:#000;  font-family:"muli-regular", Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#F0F5FF; }

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

a { color:#001F5F; text-decoration:none;  }
a:hover { color:#B164FF; 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: #B164FF;
	--input-border-color-inline-checked: #B164FF;
	--input-border-color-disabled: #bfbfbf;
	--input-background-color-disabled: #efefef;
	--input-border-color-inline-disabled: #bfbfbf;
	--input-border-color-hover: #B164FF;
	--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:15px; font-family:Any Body B, Arial; border-radius:0; border:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:Any Body B, Arial; font-size:15px; font-weight:500; letter-spacing:1px; }

.input { width:100%; height:50px; padding:0 16px; border:0; border-bottom:2px solid #DDD; transition:ease 0.3s; background-color:transparent; border-radius:0; }
.select { background:#FFF url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.input:focus , .select:focus { border-bottom-color:#B164FF; }

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:#B164FF; transition:all 0.25s; border-radius:8px 0 8px 0; overflow:hidden; }
.button:hover { background-color:#00215F; }
	.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; }
	
a.button { color:#FFF; font-weight:600; font-size:14px; line-height:50px; }

.epochsystem { float:left; width:100%; position:relative; }
	.outer { float:left; width:100%; padding:0 80px; position:relative; }
		.wrap , .wrap-slim { margin:0 auto; width:1440px; min-height:10px; position:relative; }
		.wrap-right { float:right; }
		.wrap-slim { width:100%; max-width:1220px; }

.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%; }
.w25 { float:left; width:25%; }
.mt30 { margin-top:30px; }
.mt20 { margin-top:20px; }

/*	Start TOP	*/

.header { position:fixed; top:0; left:0; right:0; height:80px; z-index:8000; transition:all 0.7s; }
.header::before { content:""; position:absolute; bottom:0; left:60px; right:60px; height:1px; background-color:#B164FF; opacity:0.1; transition:all 0.4s; }
.nav-up , .nav-down { backdrop-filter:blur(12px) contrast(0.6); -webkit-backdrop-filter:blur(12px) contrast(0.6); background-color:rgba(0,31,95,0.8); }
.nav-up::before , .nav-down::before { opacity:0; }
	
	#logo { float:left; position:relative; z-index:300; transition:all 0.5s; }
		#logo a { float:left; padding:20px 0; position:relative; /* box-shadow:inset 0 2px 0 #FFF; */ transition:all 0.5s; }
		#logo a:hover { box-shadow:inset 0 2px 0 #B164FF; }
			#logo img { float:left; height:40px; transition:all 0.5s; }
			#logo img:hover { opacity:0.8; }
	
	.nav-icon , .sidebar-icon { display:none; }
	
	.header-lang-wrap { float:right; margin-top:20px; position:relative; z-index:100; font-weight:500; color:#FFF; text-align:center; }
		.header-lang-icon { float:right; width:60px; height:40px; padding-right:15px; position:relative; background:#B164FF url(../images/arrow-white-down.png) no-repeat right 10px center / 10px 5px; cursor:pointer; z-index:250; line-height:40px; border-radius:8px; }
		
		.header-lang { position:absolute; top:50px; right:0; width:60px; background-color:#001F5F; display:none; z-index:300; box-shadow:0 10px 50px rgba(0, 0, 0, 0.15); border-radius:8px; }
			
			.header-lang::before { 
				content:"";
				border-bottom:3px solid transparent;
				border-left:7px solid transparent;
				border-right:7px solid transparent;
				height:0;
				position: absolute;
				width:0;
				left:50%;
				top:-3px;
				margin-left:-7px;
				border-bottom-color:#001F5F;
			}
			
			.header-lang ul { width:100%; }
				.header-lang li { width:100%; }
					.header-lang li a { float:left; width:100%; color:#FFF; line-height:44px; box-shadow:inset 0 -1px 0 rgba(255,255,255,0.1); }
					.header-lang li:last-child a { box-shadow:none; }
					.header-lang li a:hover { opacity:0.7; }
	
#nav { float:right; position:relative; z-index:200; }
	#nav li { position:relative; margin-right:50px; }
	#nav li:hover { z-index:10; }
		#nav li > a { float:left; position:relative; font-size:18px; color:#FFF; line-height:80px; transition:all 0.3s; z-index:10; }
		#nav li > a:hover { box-shadow:inset 0 -2px 0 #B164FF; }
		#nav li > a.active { color:#B164FF; box-shadow:inset 0 -2px 0 #B164FF; }
		
		#nav > ul li span { display:none; position:absolute; top:75px; left:-20px; width:280px; padding:15px; background-color:#FFF; box-shadow:0 10px 50px rgba(0, 0, 0, 0.2); border-radius:8px; z-index:20; }
			#nav li span::before { 
				content:"";
				border-bottom:3px solid transparent;
				border-left:8px solid transparent;
				border-right:8px solid transparent;
				height: 0;
				position: absolute;
				width:0;
				left:35px;
				top:-3px;
				border-bottom-color:#FFF;
			}
			#nav > ul li span a { float:left; width:100%; padding:10px 15px; position:relative; font-size:16px; transition:all 0.4s; border-radius:8px; }
			#nav > ul li span a:hover { color:#FFF; background-color:#001F5F; }

.connect-whatsapp { position:fixed; bottom:20px; right:20px; z-index:7990; }
	.connect-whatsapp a { float:right; width:48px; height:48px; border:2px solid #FFF; background-color:#27C34B; border-radius:50%; position:relative; text-indent:-9999px; box-shadow:0 0 15px rgba(0,0,0,0.2); }
	.connect-whatsapp a:hover { background:linear-gradient(45deg,#00C451,#047737 100%); }
		.connect-whatsapp a::before { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../images/icon-whatsapp.png) no-repeat center / 50px; }

/*	Finish TOP	*/

.hero-screen { float:left; width:100%; position:relative; z-index:2000; }
	.hero-screen > img { float:left; width:100%; max-height:800px; }
	.hero-video-wrap { position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; }
		.hero-video { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:10; object-fit:cover; }
		
	.hero-background { display:none; }
	.hero-message { position:absolute; bottom:0; left:0; right:0; z-index:20; padding:70px 20px 74px 20px; color:#FFF; text-align:center; font-size:17px; line-height:24px; background-image:linear-gradient(180deg,rgba(87, 16, 25, 0),#571019); }
		.hero-message strong { float:left; width:100%; position:relative; font-weight:600; font-size:60px; line-height:60px; }
		.hero-message span { float:left; width:100%; padding-top:38px; position:relative; }
			.hero-message span::before { content:""; position:absolute; top:20px; left:50%; width:40px; height:2px; margin-left:-20px; background-color:#C09C61; }

/*	Finish HERO VIDEO	*/

.controls { height:100%; }
	.slick-prev , .slick-next { 
		position:absolute;
		top:50%;
		width:50px; 
		height:50px; 
		margin-top:-25px;
		text-indent:-9999px; 
		cursor:pointer;
		z-index:1000;
		transition:all 0.2s ease;
		background:#FFF url(../images/arrow-left.png) no-repeat center / auto 16px;
		border-radius:50%;
		box-shadow:0 0 20px rgba(16,41,75,0.1);
		}
		
	.slick-prev { left:15px; }
	.slick-next { right:15px; background-image:url(../images/arrow-right.png); }
		
	.slick-prev:hover { background-position:40% center; }
	.slick-next:hover { background-position:60% center; }
	
	ul.slick-dots { position:absolute; text-align:center; right:0; left:0; bottom:0; padding:60px 0 30px 0; z-index:1000; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.2)); }
		ul.slick-dots li { float:none; height:3px; margin:0 5px; display:inline-block; transition:all 0.3s; }
			ul.slick-dots li button { float:left; width:20px; height:3px; cursor:pointer; background-color:#FFF; transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.5; }
			ul.slick-dots li button:hover { opacity:0.6; }
			ul.slick-dots li.slick-active button { opacity:1; }

.slider-hero-wrap { float:left; width:100%; position:relative; z-index:700; }
	
	.slider-hero-wrap .wrap { position:static; }
	
	.slider-hero { float:left; width:100%; position:relative; }
		.slider-hero .slick-list { overflow:hidden; }
		.slider-hero-item { float:left; width:100%; height:100vh; min-height:680px; position:relative; overflow:hidden; }
			.slider-hero-item::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; z-index:18; background:url(../images/lines.png) no-repeat center bottom / 100% auto; opacity:0.7; mix-blend-mode:overlay; }
			.slider-hero-item::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; z-index:20; background-image:linear-gradient(180deg,#00215F,rgba(0,33,95,0.2) 30%,#00215F); opacity:0.8; }
			
			.item-zoom { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 3s; transform-origin:center; transform:scale(1.5); }
			.slick-current .item-zoom { transform:scale(1); }
			
			.slider-hero-video { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; object-fit:cover; }
			
			.slider-hero-title { position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; display:flex; align-items:center; }
			
			.slider-hero-title-in { float:left; width:100%; padding:0 30px; position:relative; z-index:7700; }
			
			.slider-hero-title strong { display:inline-block; width:100%; max-width:880px; position:relative; font-size:60px; font-weight:600; color:#FFF; line-height:70px; letter-spacing:-0.5px; }
			.slider-hero-title a { color:#FFF; transition:all 0.5s; }
			.slider-hero-title a:hover { color:#B164FF; }
			
			.slider-hero-go { float:left; width:100%; margin-top:20px; }
				.slider-hero-go a { display:inline-block; padding:0 10px; color:#FFF; letter-spacing:1px; line-height:50px; box-shadow:inset 0 -2px 0 rgba(255,255,255,0.2); transition:all 0.4s; }
				.slider-hero-go a:hover { padding:0 20px; letter-spacing:2px; box-shadow:inset 0 -2px 0 #FFF; }
			
			.slider-hero-item picture , .slider-hero-item picture img { float:left; width:100%; display:none; }

	.slider-hero-nav { position:absolute; left:0; right:0; bottom:30px; z-index:1000; }
		.slider-hero-nav-inner { float:left; width:100%; position:relative; background-color:rgba(0,0,0,0.2); border-radius:8px; overflow:hidden; }
		.slider-hero-nav ul { width:100%; z-index:20; }
			.slider-hero-nav li { width:25%; position:relative; }
				.slider-hero-nav li::after { content:""; position:absolute; top:30px; bottom:30px; right:0; width:1px; background-color:#B164FF; opacity:0.1; }
				.slider-hero-nav li:last-child::after { display:none; }
				
				.slider-hero-nav li a { float:left; width:100%; height:100%; position:relative; color:#FFF; transition:all 0.4s; }
				.slider-hero-nav li a:hover , .slider-hero-nav li a.active { color:#B164FF; }
					
					.slider-hero-nav li a::before { content:""; position:absolute; left:100%; right:0; top:0; bottom:0; background-image:linear-gradient(180deg,rgba(0,238,243,0.0),#B164FF); transition:all 0.7s; }
					.slider-hero-nav li a.active::before { left:0; opacity:0.1; }
					
					.slider-hero-nav li a::after { content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#B164FF; opacity:0; transition:all 1.5s; }
					.slider-hero-nav li a.active::after { width:100%; opacity:1; }
					
					.slider-hero-nav li a section { float:left; width:100%; height:100px; position:relative; padding:0 30px; display:flex; align-items:center; font-size:16px; line-height:20px; }
						.slider-hero-nav li a section picture { float:left; margin-right:20px; }
							.slider-hero-nav li a section picture img { float:left; height:40px; }
						.slider-hero-nav li a section span { float:left; flex:1; }
	
	.slider-nav-title { position:absolute; top:120px; bottom:120px; left:0; right:0; z-index:2000; }
		
		.nav-title { float:left; width:100%; height:100%; position:relative; display:none; text-align:center; }
		.nav-title-active { display:block; }
	
#changeText { transition: opacity .5s ease-in-out!important; }
	
.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }

.slider-gallery-wrap { float:left; width:100%; position:relative; overflow:hidden; } 
	.slider-gallery { float:left; width:100%; position:relative; overflow:hidden; } 
		.slider-gallery .slick-list { float:left; width:100%; position:relative; } 
			.slider-gallery .slick-list::before { content:""; position:absolute; top:0; bottom:0; left:10px; width:calc(20% - 20px); background-image:linear-gradient(90deg,#FFF,rgba(255,255,255,0.0)); z-index:10; } 
			.slider-gallery .slick-list::after { content:""; position:absolute; top:0; bottom:0; right:10px; width:calc(20% - 20px); background-image:linear-gradient(-90deg,#FFF,rgba(255,255,255,0.0)); z-index:10; } 
		.slider-gallery-item { float:left; width:100%; padding:0 10px; position:relative; }
			.slider-gallery-item section { float:left; width:100%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; }
			.slider-gallery-item.slick-center section { filter:none; -webkit-filter:none; }
				.slider-gallery-item section::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-image:linear-gradient(45deg,#000,rgba(0, 0, 0, 0.0)); z-index:2; opacity:0.25; }
				.slider-gallery-item section article { position:absolute; left:30px; bottom:0; padding:25px 0; color:#FFF; z-index:5; box-shadow:inset 0 -2px 0 #FFF; font-weight:600; letter-spacing:1px; transition:all 0.3s; opacity:0.5; }
					.slider-gallery-item section article strong { display:block; padding-bottom:7px; font-weight:500; font-size:20px; font-family:Ivy Mode; line-height:40px; transition:all 0.75s; }
			
			.slider-gallery-item img { float:left; width:100%; }

.slider-wide { float:left; width:100%; position:relative; overflow:hidden; }
	.slider-wide div { float:left; width:100%; position:relative; }
		.slider-wide div a , .slider-full div img { float:left; width:100%; }
		.slider-wide div a { background-size:cover; background-position:center; background-repeat:no-repeat; }

/*	Finish SLIDER	*/

.mask , .mask-top { position:absolute; bottom:0; left:0; right:0; z-index:700; }
.mask-top { top:0; bottom:auto; }
	.mask > img , .mask-top > img { float:left; width:100%; max-height:60px; }

/*	Start FOOTER	*/

.footer-out { float:left; width:100%; position:relative; overflow:hidden; }

.footer-connect-wrap { float:left; width:100%; padding:120px 0; position:relative; background-color:#00215F; color:#FFF; }
	.footer-connect-wrap::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/bg-footer.jpg) no-repeat right bottom / auto 100%; }
	
	.footer-connect { float:left; width:100%; position:relative; display:flex; align-items:center; }
		
		.footer-contact { float:left; width:35%; max-width:420px; }
			.footer-contact section { float:left; width:100%; padding:40px 40px 33px 40px; position:relative; background-color:#B164FF; color:#FFF; font-size:18px; line-height:25px; border-radius:0 32px 0 0; }
				.footer-contact section::before { content:""; float:left; width:50px; height:50px; margin-top:-50px; position:relative; background:#FFF url(../images/icon-phone.png) no-repeat center / 20px; border-radius:50%; }
				.footer-contact section strong { float:left; width:100%; margin:28px 0 4px 0; font-size:24px; font-weight:600; color:#00205F; letter-spacing:-0.5px; }
				.footer-contact section span { float:left; width:100%; margin-top:20px; }
			.footer-contact article { float:left; width:100%; position:relative; }
				.footer-contact article a { float:left; width:100%; padding:0 40px; position:relative; background-color:#FFF; font-size:18px; font-weight:600; letter-spacing:1px; line-height:60px; border-radius:0 0 0 32px; transition:all 0.3s; }
					.footer-contact article a::after { content:""; position:absolute; top:0; bottom:0; right:20px; width:20px; background:url(../images/arrow-right.png) no-repeat center / 16px 12px; transition:all 0.25s; }
					.footer-contact article a:hover::after { right:15px; }
		
		.footer-newsletter { float:right; flex:1; max-width:940px; padding-left:60px; margin-left:auto; font-weight:300; }
			.footer-newsletter .page-title { margin-top:0 !important; }
			.footer-newsletter-form { float:left; width:100%; padding-right:100px; margin-top:-20px; position:relative; }
				
				.footer-newsletter-form section { float:left; width:50%; padding-right:20px; }
					.footer-newsletter-form section .input { border-bottom-color:rgba(177,100,255,0.3); color:#FFF; }
					.footer-newsletter-form section .input:focus { border-bottom-color:#FFF; }
						.footer-newsletter-form section .input::placeholder { color:#B164FF; opacity:1; }
						.footer-newsletter-form section .input:-ms-input-placeholder { color:#B164FF; }
						.footer-newsletter-form section .input::-ms-input-placeholder { color:#B164FF;}
				
				.footer-newsletter-form .button { position:absolute; width:100px; padding:0; }
					.footer-newsletter-form .button::after { display:none; }

.footer-wrap { float:left; width:100%; position:relative; color:#999; background-color:#FFF; }
	
	.footer { float:left; width:100%; padding:80px 0; position:relative; }
		
		.footer-about { float:left; width:25%; }
		
			.footer-logo { float:left; width:100%; }
				.footer-logo img { float:left; max-width:100%; max-height:30px; }
				.footer-logo section { float:left; width:100%; margin:25px 0; color:#B164FF; }
			
			.footer-social { float:left; width:100%; margin-bottom:-15px; }
				.footer-social li { padding-right:15px; }
				.footer-social li:last-child { padding-right:0; }
					.footer-social li a { float:left; border:1px solid rgba(0,0,0,0.07); border-radius:50%; transition:all 0.25s; }
					.footer-social li a:hover { border-color:#33485F; }
						.footer-social li a img { float:left; width:48px; margin:-1px; }
		
		.footer .inner-10 { display:flex; flex-flow:row wrap; }
		
		.footer-links-wrap { float:right; width:75%; padding-left:80px; box-shadow:inset 1px 0 0 rgba(0,0,0,0.06); }
		
		.footer-title { float:left; width:100%; padding:6px 0 14px 0; font-size:17px; font-weight:500; color:#00215F; line-height:25px; }
		.footer-links { float:left; width:33.33334%; padding:0 10px; }
			.footer-links section { float:left; width:100%; }
				.footer-links ul { width:100%; }
					.footer-links li { width:100%; }
						.footer-links li a { float:left; width:100%; padding:5px 0; font-size:14px; }
		
	.copyright { float:left; width:100%; padding:50px 0; position:relative; z-index:10; box-shadow:inset 0 1px 0 rgba(0,0,0,0.06); }
		.copyright .left { float:left; width:calc(100% - 180px); }
			.copyright .left section { float:left; width:100%; margin-bottom:10px; }
			.copyright .left section:last-child { margin-bottom:0; font-size:11px; letter-spacing:0.5px; }
				.copyright .left section a { float:left; margin-right:25px; }
				.copyright .left section a:last-child { margin-right:0; }
		.copyright .right { float:right; }
			.copyright .right a { display:inline-block; }
				.copyright .right a img { float:right; height:20px; margin-left:7px; }
		
	
/*	Start CONTENT	*/

.welcome { float:left; width:100%; position:relative; display:flex; align-items:center; }
	.welcome-text { float:left; padding-right:100px; flex:1; font-size:27px; line-height:50px; letter-spacing:-0.5px; }
	.welcome-picture { float:right; width:35%; max-width:440px; position:relative; }
		.welcome-picture img { float:left; width:100%; }

.page-title { float:left; width:100%; margin:60px 0 30px 0; position:relative; font-weight:500; font-size:42px; color:#001F5F; letter-spacing:-1px; line-height:50px; z-index:30; }
.page-title-white { color:#FFF; }
.page-title-center { text-align:center; }
.page-title-slim { margin-top:9px !important; }

	.page-title small { float:left; padding:5px 15px; margin:16px 0 -6px 0; position:relative; font-size:12px; font-weight:500; color:#FFF; line-height:20px; letter-spacing:1px; background-color:#B164FF; border-radius:0 8px 0 8px; }
	.page-title strong , .page-title article { float:left; width:100%; margin-top:20px; position:relative; font-weight:600; }
	.page-title article { font-weight:500; }
	.page-title section { float:left; width:100%; padding-bottom:20px; margin:-4px 0 -7px 0; position:relative; font-size:23px; line-height:30px; letter-spacing:-0.2px; z-index:25; }
		.page-title section::before { content:""; position:absolute; bottom:2px; left:0; width:40px; height:2px; background-color:#B164FF; }
		.page-title-center section::before { left:calc(50% - 20px); }

.page-summary { float:left; width:100%; position:relative; font-size:23px; line-height:40px; text-align:center; z-index:30; }

.page-about { float:left; width:100%; margin:-14px 0 39px 0; position:relative; font-size:17px; line-height:35px; z-index:20; }
.page-about-single { margin-top:9px !important; }
.page-summary-left { padding-left:0 !important; padding-right:0 !important; text-align:left; }
	.page-about b , .page-about strong , .page-summary b , .page-summary strong { font-weight:600; color:#00215F; }
	.page-about a { font-weight:600; text-decoration:underline; }
	.page-about a:hover { text-decoration:none; }

.text-white { color:#FFF !important; }
.two-column { column-count:2; column-gap:80px; }

.page-photo { float:right; width:50%; max-width:430px; padding:0 0 20px 30px; }
.page-photo-wide { float:left; width:100%; padding-bottom:50px; text-align:center; }
	.page-photo img { float:left; width:100%; border-radius:16px 0 16px 0; }
	.page-photo-wide img { max-width:100%; border-radius:16px 0 16px 0; }

.block-flexed { float:left; width:100%; position:relative; display:flex; align-items:center; }
	.flex-left , .flex-right { float:left; width:calc(50% - 60px); }
	.flex-right { float:right; margin-left:auto; }
	
	.block-flexed .page-title , .block-flexed .page-about { margin:0 !important; }

.services-out { float:left; width:100%; position:relative; }
.services-out::before { content:""; position:absolute; left:0; right:0; bottom:0; height:15%; background-color:#00215F; }
.services-wrap { float:left; width:100%; position:relative; overflow:hidden; border-radius:8px; z-index:100; }

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

.service-item { float:left; width:100%; position:relative; overflow:hidden; transition:all 0.4s; }
.service-item:hover { color:#FFF; }
	
	.service-item::before { content:""; position:absolute; top:0; bottom:0; left:0; width:1px; background-color:#000; opacity:0.06; }
	
	.service-item picture { float:left; width:100%; position:relative; transform:scale(1.25,1.25); transition:all 1s; background-size:cover; background-position:center; background-repeat:no-repeat; opacity:0; }
	.service-item:hover picture { transform:scale(1,1); opacity:1; }
		.service-item picture::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#FFF; transition:all 0.7s; }
		.service-item:hover picture::before { bottom:100%; }
		.service-item picture::after { content:""; position:absolute; top:100%; bottom:0; left:0; right:0; background-image:linear-gradient(180deg,rgba(0,33,95,0.0),#00215F); opacity:0; transition:all 0.7s; }
		.service-item:hover picture::after { opacity:1; top:0; }
		
		.service-item picture img { float:left; width:100%; max-height:480px; }
	
	.service-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; }
		.service-item section article { float:left; width:100%; height:80px; overflow:hidden; }
		.service-item section i { float:left; width:100%; height:80px; transition:all 0.5s; }
		.service-item:hover section i:first-child { margin-top:-80px; }
			.service-item section i img { display:inline-block; height:100%; }
		.service-item section strong { float:left; width:100%; height:40px; margin-top:20px; position:relative; font-size:17px; font-weight:500; }

.certificates { float:left; width:100%; text-align:center; overflow:hidden; }
	.certificates ul { width:100%; display:flex; flex-flow:row wrap; }
		.certificates li { width:25%; padding:0 20px; margin-bottom:35px; }
			.certificates li a { float:left; width:100%; height:100%; padding-bottom:5px; position:relative; }
				
				.certificates li a::before , .certificates li a::after { content:""; height:2px; bottom:3px; left:10px; right:10px; position:absolute; background-color:#B164FF; opacity:0.25; transition:all 0.3s; }
					.certificates li a::after { bottom:0; left:20px; right:20px; opacity:0.1; }
					.certificates li a:hover::before { left:20px; right:20px; opacity:1; }
					.certificates li a:hover::after { left:40px; right:40px; opacity:0.35; }
				
				.certificates li a section { float:left; width:100%; padding:30px; padding-bottom:0 !important; background-image:linear-gradient(180deg,#F7F7F9,#FFF); border-radius:8px; }
				.certificates li a:hover section { background-image:linear-gradient(180deg,#EEE,#FFF); }
					.certificates li a img { display:inline-block; max-width:100%; max-height:240px; }
				.certificates li a strong { float:left; width:100%; padding:15px 0 20px 0; font-weight:500; position:relative; }

.inner-80 { margin:0 -80px; }
.inner-40 { margin:0 -40px; }
.inner-30 { margin:0 -30px; }
.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-10 { margin:0 -10px; }
.inner-6 { margin:0 -6px; }
.inner-5 { margin:0 -5px; }
.inner-1 { margin:0 -1px; }

.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.top-50 { padding-top:50px; }
.bottom-150 { padding-bottom:150px; }
.bottom-100 { padding-bottom:100px; }
.bottom-50 { padding-bottom:50px; }

.left-80 { padding-left:80px; }
.right-80 { padding-right:80px; }

.block-epochsystem { float:left; width:100%; position:relative; background-image:linear-gradient(145deg,#B164FF,#001F5F); color:#FFF; }
.block-gradient { float:left; width:100%; position:relative; background-image:linear-gradient(180deg,#F5FAFC,#FFF); }
.block-white { float:left; width:100%; position:relative; background-color:#FFF; }
	.block-grey::before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/bg-truck.jpg) no-repeat center bottom / 100% auto; opacity:0.3; }

.block-space { float:left; width:100%; height:80px; }
.block-top-border { box-shadow:inset 0 1px 0 rgba(0,0,0,0.06); }

.link-all { float:left; width:100%; position:relative; text-align:center; }
	.link-all a { float:left; height:50px; padding:0 20px; position:relative; color:#999; letter-spacing:1px; font-size:15px; font-weight:500; line-height:50px; transition:all 0.3s; box-shadow:inset 0 -2px 0 #EEE; }
	.link-all-centered a { float:none; display:inline-block; }
	.link-all a:hover { color:#00215F; box-shadow:inset 0 -2px 0 #00215F; }
		.link-all a::after { content:""; float:right; width:16px; height:50px; margin:0 -5px 0 15px; background:url(../images/arrow-right.png) no-repeat center / 16px auto; transition:all 0.2s; opacity:0.3; }
		.link-all a:hover::after { margin:0 -10px 0 20px; opacity:1; }
		
	.link-all-dark a { font-weight:600; color:#00215F; box-shadow:inset 0 -2px 0 #00215F; }
		.link-all-dark a::after { opacity:1; }

.grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.grayscale:hover { filter:none; -webkit-filter:none; }

.sub-hero { float:left; width:100%; padding:100px 0; position:relative; background-color:#00215F; background-size:cover; background-position:center; z-index:100; }
	.sub-hero::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#001F5F; opacity:0.6; mix-blend-mode:multiply; }

.sub-page-content { float:left; width:100%; padding-bottom:100px; position:relative; background-color:#FFF; }

.sub-hero-photo { float:left; width:100%; position:relative; }
	.sub-hero-photo::before { content:""; position:absolute; top:0; bottom:50%; left:0; right:0; background-color:#00215F; }
	.sub-hero-photo picture { float:left; width:100%; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; z-index:10; border-radius:12px 0 0 48px; }
		.sub-hero-photo picture img { float:left; width:100%; max-height:320px; }

.promo-wrap { float:left; width:100%; }
.promo { float:left; width:100%; position:relative; }
	.promo > ul { width:100%; }
		.promo > ul > li { display:flex; align-items:center; margin-bottom:100px; }
		.promo > ul > li:last-child { margin-bottom:0; }
			
			.promo > ul > li picture { float:right; width:calc(50% - 60px); margin-left:auto; position:relative; text-align:right; }
				.promo > ul > li picture figure { float:left; width:100%; padding:0; margin:0; position:relative; overflow:hidden; }
				.promo > ul > li picture figure::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/logo-top.png) no-repeat center / auto 10%; z-index:15; }
				.promo > ul > li picture img { width:100%; position:relative; z-index:10; border-radius:0 24px 0 24px; }
			
			.promo-content { float:left; width:calc(50% - 60px); position:relative; }

			.promo > ul > li:nth-child(even) picture { margin-left:0; text-align:left; }
			.promo > ul > li:nth-child(even) .promo-content { margin-left:auto; text-align:left; }
			
			.promo .page-title { margin-top:11px; }
			.promo .page-about { margin-bottom:9px; }

.blog { float:left; width:100%; }
	.blog ul { width:100%; display:flex; flex-flow:row wrap; }
		.blog li { width:33.33334%; padding:0 30px; margin-bottom:64px; }
			.blog li a { float:left; width:100%; position:relative; }
				.blog li picture { float:left; width:100%; position:relative; z-index:5; overflow:hidden; border-radius:8px 8px 24px 8px; }
					.blog li picture img { float:left; width:100%; transform-origin:center bottom; transition:all 1s; }
					.blog li a:hover picture img { transform:scale(1.15, 1.15); }
				
				.blog li a span { float:left; width:100%; color:#999; margin-top:24px; font-size:16px; letter-spacing:2px; }
					.blog li a span::before { content:""; float:left; width:30px; height:2px; margin:8px 30px 0 0; background-color:#CCC; transition:all 0.4s; }
					.blog li a:hover span::before { width:50px; margin-right:20px; background-color:#B164FF; }
				.blog li a strong { float:left; width:100%; padding-top:12px; font-size:19px; font-weight:500; line-height:25px; position:relative; }

.blog-wrap { float:left; width:100%; position:relative; }
	
	.blog-content { float:left; width:calc(100% - 230px); position:relative; }
		.blog-photo { float:left; width:100%; margin-bottom:20px; }
			.blog-photo img { width:100%; border-radius:8px 8px 24px 8px; }

	.blog-sidebar { float:right; width:200px; margin-top:10px; position:relative; }

.blog-info { float:left; width:100%; padding:15px 0; margin-bottom:20px; position:relative; border-top:1px solid rgba(0,0,0,0.06); border-bottom:1px solid rgba(0,0,0,0.06); }
	.blog-info section { float:left; width:100%; margin-bottom:16px; }
	.blog-info section:last-child { margin-bottom:0; }
		.blog-info section i { display:block; font-size:11px; font-weight:500; color:#999; letter-spacing:1px; }
		.blog-info section strong { display:block; margin-top:-1px; font-weight:500; }

.page-share { float:left; width:100%; position:relative; }
	.page-share ul { width:100%; }
		.page-share li { margin-right:10px; margin-bottom:10px; }
		.page-share li:last-child { margin-right:0; }
			.page-share li a { float:left; border:1px solid rgba(0,0,0,0.1); transition:all 0.25s; border-radius:50%; }
			.page-share li a:hover { border-color:#B164FF; }
			.page-share li a.share-whatsapp { background-color:#27C34B; border-color:rgba(0,0,0,0.1); }
				.page-share li a img { float:left; height:40px; margin:-1px; }

.sidebar { float:left; width:280px; position:relative; }

	.left-menu { float:left; width:100%; position:relative; }
		.left-menu > ul { width:100%; border-top:1px solid rgba(0, 0, 0, 0.06); }
			.left-menu > ul > li { width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.06); }
				.left-menu > ul > li a { float:left; width:100%; padding:15px 25px 15px 20px; position:relative; font-size:15px; font-weight:600; transition:all 0.3s; }
					.left-menu > ul > li a::before { content:""; position:absolute; top:10px; bottom:10px; left:0; width:2px; transition:all 0.3s; }
					.left-menu > ul > li a:hover::before { background-color:rgba(6,112,216,0.3); }
				.left-menu > ul > li a.menu-active { color:#B164FF; }
					.left-menu > ul > li a.menu-active::before { background-color:rgba(0,0,0,0.03); box-shadow:inset -2px 0 0 #B164FF; }
					
				.left-menu li a.left-menu-multiple::after { content:""; position:absolute; right:5px; top:50%; width:16px; height:16px; margin-top:-8px; background:url(../images/icon-plus.png) no-repeat center / 100%; opacity:0.5; }
				.left-menu li a:hover.left-menu-multiple::after { opacity:1; }
				.left-menu li a:hover.left-menu-multiple { background-color:transparent; }
					
		.left-menu li ul.left-menu-sub { width:100%; border-top:1px solid rgba(0, 0, 0, 0.06); display:none; padding:14px 0 15px 20px; position:relative; }
			.left-menu li ul.left-menu-sub li { width:100%; border-bottom:0; }
			.left-menu li ul.left-menu-sub::before , .left-menu li ul.left-menu-sub::after { content:""; border-top:5px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent; height:0; top:-1px; left:30px; position:absolute; width:0; border-top-color:#DDD; }
			.left-menu li ul.left-menu-sub::after { top:-2px; border-top-color:#FFF; }
			
			.left-menu li ul.left-menu-sub li a { padding:6px 20px 6px 20px; margin-bottom:1px; font-weight:500; font-size:14px; }
			.left-menu li ul.left-menu-sub li a::before { top:5px; bottom:5px; }

.right-block { float:right; width:calc(100% - 340px); position:relative; }

.product-list { float:left; width:100%; }
	.product-list ul { width:100%; display:flex; flex-flow:row wrap; }
		.product-list li { width:50%; padding:0 15px; margin-bottom:30px; }
			.product-list li section , .product-list li a { float:left; width:100%; height:100%; padding:24px 29px; position:relative; border:1px solid #D3E9FE; border-radius:4px; letter-spacing:1px; transition:all 0.4s; }
			.product-list li section:hover , .product-list li a:hover { border-color:#B164FF; }
				.product-list li strong { display:block; font-size:16px; }
				.product-list li article { display:block; padding-top:20px; margin-bottom:-5px; position:relative; font-size:16px; color:#666; }
					.product-list li article::before { content:""; position:absolute; top:10px; left:0; width:30px; height:1px; background-color:#B164FF; opacity:0.7; }

.product-wrap { float:left; width:100%; position:relative; display:flex; flex-flow:row wrap; align-items:center; }
	.product-in-left , .product-in-right { float:left; flex:1; position:relative; }
	.product-in-left { flex-basis:35%; padding-right:40px; }
	.product-in-right { flex-basis:65%; }
	
	.product-left { float:left; width:100%; position:relative; }
		
		.product-photo { float:left; width:100%; padding:19px; position:relative; text-align:center; background-color:#FFF; border:1px solid #D3E9FE; border-radius:6px; }
			.product-photo img { display:inline-block; max-width:100%; max-height:300px; }
		
		.slider-product { float:left; width:100%; position:relative; padding:20px; background-color:#FFF; box-shadow:0 5px 20px rgba(0,0,0,0.06); border-radius:4px; overflow:hidden; }
		.slider-product ul.slick-dots { padding:15px 0; }
			.slider-product-item { float:left; width:100%; position:relative; text-align:center; }
				.slider-product-item img { display:inline-block; max-width:300px; max-height:300px; }
	
	.product-certificate { float:left; width:100%; position:relative; }
		.product-certificate img { float:left; height:48px; padding:3px; margin:0 10px 10px 0; border:1px solid #E5E5E5; border-radius:3px; }
	
	.product-right { width:100%; position:relative; }
		.product-buttons { float:left; width:100%; margin-top:-10px; font-weight:600; }
			.product-buttons ul { width:100%; display:flex; flex-flow:row wrap; }
				.product-buttons li { padding:0 10px; margin-bottom:20px; flex:1; flex-basis:33.33334%; }
					.product-buttons li a { float:left; width:100%; height:100%; padding:15px 20px 15px 50px; position:relative; display:flex; align-items:center; color:#2D3A73; background-color:#EDF5FC; transition:all 0.3s; letter-spacing:1px; border-radius:4px; }
					.product-buttons li a.form , .product-buttons li a.video { color:#FFF; position:relative; background-color:#B164FF; }
					.product-buttons li a.video { background-color:#222; }
					.product-buttons li a:hover { background-color:#001F5F; color:#FFF; }
						.product-buttons li a::before { content:""; position:absolute; top:0; bottom:0; left:15px; width:20px; background:url(../images/icon-down.png) no-repeat 0 center / 100% auto; }
						.product-buttons li a.form::before { background-image:url(../images/icon-pen.png); }
						.product-buttons li a.video::before { background-image:url(../images/icon-play.png); }

.inner-5 { margin:0 -5px; }

/*	Start LIGHTBOX	*/

.fancybox-slide--iframe .fancybox-content { width:800px; min-height:300px; max-width:80%; max-height:80%; margin:0; }

.my-fancy { display:none; padding:30px !important; border-radius:8px; }
	
	.my-fancy-wrap { width:100%; max-width:800px; max-height:600px; overflow:hidden; overflow-y:auto; }
		.my-fancy-wrap::-webkit-scrollbar { width:5px; }
		.my-fancy-wrap::-webkit-scrollbar-track { background:#EEEEEE; }
		.my-fancy-wrap::-webkit-scrollbar-thumb { background-color:#555; }
		.my-fancy-wrap { scrollbar-color:#FFF #EEEEEE; scrollbar-width:thin; }

.fancy-title { float:left; width:100%; padding:0 20px; margin-bottom:15px; position:relative; font-size:16px; color:#000; }
	.fancy-title::before { content:""; position:absolute; top:50%; left:0; width:30px; height:2px; margin-top:-2px; background-color:#B164FF; }
	.fancy-title strong { float:left; padding:0 15px; position:relative; font-weight:600; font-size:13px; letter-spacing:1px; background-color:#FFF; }

.fancy-form { float:left; width:100%; }
	.fancy-form .item { float:left; width:50%; padding:0 10px; margin-bottom:20px; }
	.fancy-form .item:last-child { margin-bottom:0; }
	.fancy-form .item-2 { width:calc(50% - 10px); }
		.fancy-form .item-2 label { float:left; width:100%; padding:9px; border:1px solid #999; border-radius:4px; font-weight:600; }
		.fancy-form .item a { font-weight:600; text-decoration:underline; }

.parallax-outer { float:left; width:100%; padding:60px 0; position:relative; }
	.parallax-outer::before { content:""; position:absolute; top:0; bottom:0; right:0; width:75%; background-image:linear-gradient(-90deg,#FFF,#CEC9C8); opacity:0.2; z-index:-1; }
	.parallax-outer-right::before { right:auto; left:0; background-image:linear-gradient(90deg,#FFF,#CEC9C8); }

.parallax-wrap { float:left; width:100%; position:relative; }
	
	.parallax-photo-wrap { position:absolute; left:0; right:calc(50% + 40px); bottom:0; top:0; }
		.parallax-photo { position:absolute; left:0; right:0; bottom:0; top:0; background:transparent; }
	.parallax-wide-wrap { float:left; width:100%; position:relative; }
		/* .parallax-wide-wrap::before { content:""; position:absolute; top:25%; right:40px; left:-40px; bottom:-40px; background-image:linear-gradient(180deg,#FFF,#CEC9C8); opacity:0.2; z-index:-1; } */
		.parallax-wide { float:left; width:100%; position:relative; background:transparent; background-size:100% auto; }
			.parallax-wide::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(145deg,#B164FF,rgba(0,70,128,0.5)); opacity:0.7; }
			.parallax-wide-content { float:left; width:100%; padding:0 30px; position:relative; z-index:10; color:#FFF; }
		
		.parallax-just-photo img { float:left; width:100%; max-height:600px; }
			.parallax-just-photo::before , .parallax-just-photo::after { display:none; }
		
	.parallax-text { float:right; width:calc(50% - 40px); padding-bottom:80px; position:relative; }
	
	.parallax-right .parallax-photo-wrap { right:0; left:calc(50% + 40px); }
	.parallax-right .parallax-text { float:left; }



.simple-list { float:left; width:100%; font-size:15px; font-weight:500; line-height:25px; }
	.simple-list ul { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
		.simple-list li { flex-basis:calc(50% - 20px); padding:0 0 20px 30px; position:relative; background:url(../images/icon-ok.png) no-repeat 0 4px / 16px auto; }
		
.block-two { width:calc(50% - 20px); }

.gallery { float:left; width:100%; position:relative; overflow:hidden; }
	.gallery ul { width:100%; }
		.gallery li { width:33.33334%; padding:0 5px 10px 5px; position:relative; }
			.gallery li a { float:left; width:100%; position:relative; overflow:hidden; color:#FFF; border-radius:8px; }
				.gallery li a::before { 
					content:""; 
					position:absolute; 
					top:calc(50% - 20px);
					left:calc(50% - 20px);
					width:38px;
					height:38px;
					border:1px solid #FFF;
					background:url(../images/icon-zoom.png) no-repeat center / 20px;
					transition:all 0.3s;
					border-radius:50%;
					z-index:10;
					opacity:0.5;
					}
				.gallery li a:hover::before { opacity:1; }
				.gallery li a section { float:left; width:100%; position:relative; overflow:hidden; }
					.gallery li a span { float:left; width:100%; background-size:cover; background-position:center; transform-origin:center bottom; transition:all 1s; }
					.gallery li a:hover span { transform:scale(1.09, 1.09); }
						.gallery li a span img { float:left; width:100%; }	

.prohome-team { float:left; width:100%; margin-bottom:-44px; position:relative; z-index:100; }
	.prohome-team ul { width:100%; display:flex; flex-flow:row wrap; }
		.prohome-team li { width:50%; padding:0 15px; margin-bottom:40px; position:relative; z-index:1; display:flex; align-items:center; }
		.prohome-team li:hover { z-index:2; }
			.prohome-team li picture { float:left; width:200px; position:relative; z-index:10; }
				.prohome-team li picture img { float:left; width:200px; max-width:100%; border-radius:8px 8px 24px 8px; }
			.prohome-team li section { float:right; width:calc(100% - 200px); padding-left:40px; position:relative; z-index:10; }
				.prohome-team li section strong { float:left; width:100%; padding-bottom:32px; position:relative; font-size:21px; font-weight:500; color:#B164FF; }
					.prohome-team li section strong::after { content:""; position:absolute; left:0; bottom:13px; width:30px; height:2px; background-color:#B164FF; opacity:0.3; }
				.prohome-team li section span { float:left; width:100%; font-size:15px; }
				.prohome-team li section i { float:left; width:100%; margin-top:11px; }
					.prohome-team li section i img { float:left; height:20px; padding:2px 0; margin-right:10px; }

.tab { float:left; width:100%; margin:60px 0 40px 0; position:relative; text-align:center; }
	.tab ul { float:none; display:inline-block; }
		.tab li { padding:0 5px; }
			.tab li a { float:left; padding:0 25px; font-weight:500; font-size:14px; color:#454545; line-height:50px; background-color:#F5FAFC; border-radius:12px 4px 4px 4px; transition:all 0.3s; }
			.tab li a:hover { color:#B164FF; }
			.tab li a.tab-active { font-weight:700; color:#FFF; background-color:#B164FF; }

.item { float:left; width:25%; padding:0 15px 30px 15px; }
.photo-item { float:left; width:100%; transition:all 0.25s; }
	.photo-item a { float:left; width:100%; position:relative; }
		.photo-item a section { float:left; width:100%; position:relative; overflow:hidden; border-radius:12px; }
			
			.photo-item a section img { float:left; width:100%; box-shadow:0 5px 20px rgba(0, 0, 0, 0.07); transform-origin:center; transition:all 1s; }
			.photo-item a:hover section img { transform:scale(1.2, 1.2); }
		
		.photo-item a section::before { content:""; position:absolute; top:50%; left:50%; width:600px; height:600px; margin:-300px 0 0 -300px; background-color:#FFF; opacity:0; transition:all 1s; border-radius:50%; transform:scale(0,0); z-index:10; }
		.photo-item:hover a section::before { background-color:#B164FF; opacity:0.8; transform:scale(1,1); }
		
		.photo-item a::after { content:""; position:absolute; top:0; right:0; width:32px; height:32px; background:rgba(255,255,255,0.7) url(../images/icon-expand.png) no-repeat center / 12px; border-radius:50%; transition:all 0.4s; opacity:0; z-index:20; }
		.photo-item a:hover::after { opacity:1; top:15px; right:15px; }
			
		.photo-item a span { float:left; width:100%; padding-top:10px; color:#999; }

/*	Start CONTACT	*/
	
.accordion { float:left; width:100%;  border-bottom:1px solid rgba(0,0,0,0.06); }
	
	.accordion-section-title { float:left; width:100%; padding:30px; padding-right:40px !important; position:relative; font-size:19px; color:#454545; border-top:1px solid rgba(0,0,0,0.06); z-index:10; }
	.accordion-section-title:hover { color:#00215F; }
	.accordion-section-title.active { color:#00215F !important; }
		.accordion-section-title::after { content:""; position:absolute; top:0; bottom:0; right:20px; width:14px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.3s; }
		.accordion-section-title.active::after { transform:rotate(180deg); }
		.accordion-section-title section { float:left; }

	.accordion-section-content { float:left; width:100%; padding:0 0 40px 30px; position:relative; display:none; }
		.accordion-section-text { float:left; width:100%; font-size:17px; line-height:30px; }
		
.contact-info { float:left; width:100%; margin-bottom:50px; position:relative; display:flex; flex-flow:row wrap; text-align:center; overflow:hidden; }
	.contact-info section { flex:1; flex-basis:33.33334%; padding:20px 15px; margin-bottom:10px; position:relative; line-height:25px; box-shadow:1px 0 0 #EEE; transition:all 0.4s; }
	.contact-info section:hover { background-color:#F9F9F9; }
		.contact-info section span { display:block; margin-bottom:1px; font-weight:500; font-size:13px; letter-spacing:2px; color:#B164FF; }
		.contact-info section article { display:block; margin-bottom:10px; font-size:17px; font-weight:500; line-height:30px; }
		.contact-info section article:last-child { margin-bottom:0; }
		.contact-info section:last-child article { font-weight:400; }
		.contact-info section a { color:#151515; }
		.contact-info section a:hover { text-decoration:underline; }

.contact-form { float:left; width:100%; margin-bottom:30px; position:relative; }
	
	.form-item { float:left; width:50%; padding:0 15px 30px 15px; position:relative; }
	.form-item-text { margin-top:-10px; color:#666; }
	.form-item:last-child { padding-bottom:0; }
		.form-item label { float:left; width:100%; }
		.form-item section { float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:-10px; }
		.form-item i { float:left; width:100%; font-weight:500; margin:-10px 0 5px 0; }
		
		.security-code img { float:left; width:120px; height:50px; margin-right:10px; padding:3px; border-bottom:2px solid #DDD; }
		.security-code a.refresh { float:left; width:50px; height:50px; text-indent:-9999px; background:url(../images/refresh.png) no-repeat center center / 24px; border-bottom:2px solid #DDD; }
		.security-code a:hover.refresh { background-color:#EEE; }

.contact-map-wrap { float:left; width:100%; position:relative; }
.contact-map-wrap::before { content:""; position:absolute; left:0; right:0; bottom:0; height:50%; background-color:#F5FAFC; }
.contact-map { float:left; width:100%; height:600px; padding:9px; position:relative; border:1px solid #B164FF; background-color:#FFF; border-radius:12px 0 12px 0; z-index:10; }
	
.upload { float:left; width:100%; height:50px; position:relative; text-align:center; }
	.upload section { float:left; width:100%; height:50px; padding:0 16px; border:1px solid #999; line-height:48px; background-color:#FFF; border-radius:6px; box-shadow:5px 5px 0 rgb(0 0 0 / 3%); }
	.upload:hover section { border-color:#00C18C; color:#00C18C; }
		.upload section::after { content:""; position:absolute; top:0; bottom:0; right:0; width:48px; background:url(../images/icon-clip.png) no-repeat center / 16px; opacity:0.5; }
		.upload:hover section::after { opacity:1; }
	.upload input { display:block !important; width:100% !important; height:100% !important; opacity:0 !important; overflow:hidden !important; position:absolute; left:0; top:0; z-index:3; cursor:pointer; }

.request-form { display:none; float:left; width:100%; max-width:800px; }
	.request-form .contact-form { width:100%; margin-top:-10px; }

/*	Start PAGINATION	*/
	
.pages { float:left; width:100%; position:relative; font-weight:600; font-size:15px; line-height:50px; text-align:center; }
	.pages ul { width:100%; }
		.pages li { float:none; display:inline-block; padding:0 5px; }
			.pages li a { float:left; width:50px; height:50px; font-weight:500; color:#B164FF; transition:all 0.3s; border-radius:6px; }
			.pages li a:hover , .pages li a.current { background-color:#F5F5F5; }
			.pages li a.current { background-color:#B164FF; color:#FFF; }
				
.cookies-wrap { position:fixed; right:20px; bottom:0; width:400px; z-index:7950; display:none; }
	.cookies { float:left; width:100%; padding:25px 30px 20px 30px; position:relative; background-color:rgba(16,41,75, 0.85); backdrop-filter:blur(13px); color:#FFF; border-radius:4px 4px 0 0; }
		.cookies::before { content:""; position:absolute; right:15px; top:15px; left:15px; bottom:0; background:url(../images/icon-cookies.png) no-repeat 0 top / 60px auto; opacity:0.3; }
		.cookies section { float:left; width:100%; position:relative; }
		.cookies-close { position:absolute; top:-14px; right:20px; width:28px; height:28px; }
			.cookies-close span { float:left; width:100%; height:100%; position:relative; border-radius:4px; text-indent:-9999px; background:#B164FF url(../images/icon-close.png) no-repeat center / 12px; cursor:pointer; border:1px solid #FFF; }
			.cookies-close span:hover { background-size:14px; background-color:#001F5F; }


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

.outer { padding:0; }
.services-wrap { border-radius:0; }

}


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

.wrap { width:1320px; }

.top-150 { padding-top:100px; }
.top-100 { padding-top:75px; }
.top-50 { padding-top:35px; }
.bottom-150 { padding-bottom:100px; }
.bottom-100 { padding-bottom:75px; }
.bottom-50 { padding-bottom:35px; }

.header::before { left:30px; right:30px; }
#nav li { margin-right:40px; }
.slider-hero-nav { bottom:20px; }
.slider-hero-title strong { font-size:48px; line-height:60px; }

}


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

.wrap { width:1200px; }
.slider-hero-nav li a section { height:80px; padding:0 25px; font-size:13px; }

.service-item section article , .service-item section i { height:60px; }
.service-item:hover section i:first-child { margin-top:-60px; }

.footer-connect-wrap { padding:80px 0; }

}


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

.wrap { width:980px; }
#logo img { padding:4px 0; }
#nav li { margin-right:25px; }
.slider-hero-title strong { font-size:40px; line-height:50px; }
.slider-hero-nav { bottom:0; }
.slider-hero-nav-inner { border-radius:8px 8px 0 0; }
.slider-hero-nav li a section { padding:0 20px; line-height:16px; }
.welcome-text { padding-right:40px; font-size:23px; line-height:40px; }
.service-item section strong { font-size:15px; }

.footer { padding:40px 0; }
.footer-links-wrap { padding-left:30px; }
.footer-contact section { padding:25px 25px 18px 25px; }
.footer-contact section::before { margin-top:-35px; margin-bottom:-10px; }
.footer-contact article a { padding:0 25px; }

.copyright { padding:30px 0; }

.sub-hero { padding:70px 0 50px 0; }
.flex-left , .flex-right { width:calc(50% - 25px); }

}



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

.wrap , .wrap-slim { float:left; width:100%; padding:0 30px; }
.wrap-right { padding-right:0 !important; }

.header { height:64px; }
.header .wrap { padding:0 20px; }
.header::before { left:15px; right:15px; }
.nav-opened .header::before { opacity:0; }

.nav-up , .nav-down { background-color:#00215F; }
.nav-opened .header { background-color:#B164FF; }

#logo a { padding:12px 0; }

.header-lang-wrap { margin-top:12px; margin-right:-8px; }
.header-lang-icon { box-shadow:0 0 10px rgba(0,0,0,0.1); }
.header-lang { top:45px; }

.nav-icon { float:right; width:110px; height:64px; position:relative; cursor:pointer; display:block; text-indent:-9999px; }
	.nav-icon::after { content:"MENU"; position:absolute; top:0; bottom:0; left:0; right:20px; color:#B164FF; font-size:10px; font-weight:600; line-height:64px; text-align:right; letter-spacing:1px; }
	.nav-icon-close::after { color:#FFF; }
	.nav-icon span { position:absolute; top:50%; left:15px; width:32px; height:2px; margin-top:-1px; transition:all 0.5s; }
		.nav-icon span::before { content:""; position:absolute; top:-6px; left:0; right:0; height:2px; background-color:#B164FF; transition:all 0.5s; }
		.nav-icon span::after { content:""; position:absolute; bottom:-6px; left:0; right:6px; height:2px; background-color:#B164FF; transition:all 0.5s; }
	
	.nav-icon-close span { background-color:transparent; }
		.nav-icon-close span::before { 
			-webkit-transform:rotate(-135deg);
			-moz-transform:rotate(-135deg);
			-o-transform:rotate(-135deg);
			-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
			background-color:#FFF;
			top:0;
		}
		.nav-icon-close span::after { 
			-webkit-transform:rotate(135deg);
			-moz-transform:rotate(135deg);
			-o-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
			transform:rotate(135deg);
			background-color:#FFF;
			bottom:0;
			right:0;
			height:2px;
		}
		
	.nav-icon-close::before { 
		content:"";
		border-bottom:4px solid transparent;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		height:0;
		position: absolute;
		width:0;
		left:50%;
		bottom:0;
		margin-left:-10px;
		border-bottom-color:#00215F;
	}

#nav { position:fixed; top:64px; bottom:0; left:0; right:0; width:auto; height:100vh; padding:30px 30px 100px 30px; background-color:#00215F; overflow-y:auto; z-index:200; display:none; }
	#nav ul { width:100%; border-top:1px solid rgba(255,255,255,0.06); }
		#nav li { width:100%; position:relative; border-bottom:1px solid rgba(255,255,255,0.06); }
		#nav li.nav-multi::before { content:""; position:absolute; left:auto; top:0; right:0; width:40px; height:60px; background:url(../images/arrow-white-down.png) no-repeat center 52%; background-size:14px auto; opacity:0.7; }
			#nav li > a { width:100%; padding:0 25px; color:#FFF; font-size:17px; font-weight:400; letter-spacing:0.5px; line-height:60px; }
			#nav li > a:hover , #nav li > a.active { box-shadow:none; }
			#nav li > a.active { color:#B164FF; }
			
			#nav > ul li span { float:left; width:100%; position:relative; top:auto; left:auto; box-shadow:none; }
				#nav li span::before { border-bottom-color:#FFF; }
				#nav > ul li span a { padding:14px 15px; font-weight:500; }
	
	#nav .nav-multi > span > div > article { float:left; width:100%; position:relative; top:auto; right:auto; margin-bottom:10px; box-shadow:none; border-bottom:1px solid #F2F2F2; }
		#nav .nav-multi > span > div::after { right:0; top:17px; transform:rotate(90deg); }
		
.nav-opened { overflow:hidden; }

.top-150 { padding-top:75px; }
.top-100 { padding-top:50px; }
.top-50 { padding-top:25px; }
.bottom-150 { padding-bottom:75px; }
.bottom-100 { padding-bottom:50px; }
.bottom-50 { padding-bottom:25px; }

.slider-hero-item { height:auto; min-height:initial; }
.slider-hero-item picture , .slider-hero-item picture img { display:block; }

.slider-hero-nav li::after { top:10px; bottom:10px; opacity:0.3; }
.slider-hero-nav li a section { height:54px; }
.slider-hero-nav li a section picture { float:none; margin:0 auto; display:inline-block; }
.slider-hero-nav li a section picture img { height:30px; }
.slider-hero-nav li a section span { display:none; }

.welcome { display:block; text-align:center; overflow:hidden; }
.welcome-text { width:100%; padding:30px 0 0 0; font-size:19px; }
.welcome-picture { float:none; width:auto; max-width:initial; margin-bottom:-10px; display:inline-block; }
	.welcome-picture img { max-width:300px; }

.wrap-services { padding:0 !important; }
.service-list ul > li { flex-basis:50%; }
.service-item picture img { max-height:400px; }
.service-list li:first-child .service-item::before , .service-list li:nth-child(3) .service-item::before { display:none; }

.footer-connect-wrap { padding:40px 0; }
.footer-connect { display:block; }
.footer-contact , .footer-newsletter , .footer-about { width:100%; max-width:initial; }
.footer-newsletter { padding-left:0; margin-top:40px; }

.footer-logo section { margin:15px 0; }
.footer-links-wrap { width:100%; padding-left:0; padding-top:30px; box-shadow:none; }

.block-flexed { display:block; }
.flex-left , .flex-right { width:100%; }
.block-flexed .page-about { margin-top:16px !important; }

.contact-map { height:480px; }

.service-list-sub-wrap .wrap { padding:0; }

}





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

.wrap , .wrap-slim { padding:0 20px; }
.cookies-wrap { right:0; left:0; width:auto; }
.cookies { padding:15px 20px; font-size:12px; border-radius:0; }
.cookies-close { right:10px; }
.my-fancy { padding:20px !important; }

.slider-hero-title strong { font-size:25px; line-height:40px; }

.service-item picture img { max-height:300px; }

.page-title { margin:38px 0 22px 0; font-size:33px; line-height:40px; }
.page-title section::before { bottom:5px; }
.page-about { margin:-11px 0 26px 0; font-size:16px; line-height:30px; }

.footer-connect-wrap::before { background-size:100% auto; }
.footer-newsletter-form { margin-top:-10px; }

.footer-title { padding-bottom:9px; }
.footer-links { width:100%; padding-top:20px; }
.footer-links:last-child li { width:50%; }

.contact-info { margin-top:-20px; margin-bottom:20px; }
.contact-info section { flex-basis:100%; padding:10px 0; }
.contact-info section article { font-size:15px; line-height:25px; }

.connect-whatsapp { bottom:15px; right:15px; }

}



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

.slider-hero-item picture img { padding:5% 0; }
.contact-map { height:360px; padding:5px; }

}



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

#logo img { padding:6px 0; }

.slider-hero-item::before { opacity:1; }
.slider-hero-item::after { background-image:linear-gradient(180deg,#00215F,rgba(0,33,95,0.2) 30%,rgba(0,33,95,0.5)); }

.slider-hero-title { top:64px; }
.slider-hero-nav { float:left; width:100%; position:relative; left:auto; right:auto; bottom:auto; }
.slider-hero-nav .wrap { padding:0; }
.slider-hero-nav-inner { background-color:#00215F; border-radius:0; }
.slider-hero-nav li a section picture img { height:24px; }

.welcome-text { font-size:17px; line-height:32px; }

.service-item section article , .service-item section i { height:40px; }
.service-item:hover section i:first-child { margin-top:-40px; }

.footer-newsletter-form { padding-right:0; }
.footer-newsletter-form section { width:100%; padding-right:0; padding-bottom:10px; }
.footer-newsletter-form .button { float:left; width:100%; margin-top:15px; position:relative; }

.copyright .left , .copyright .right , .form-item .button { width:100%; }
.copyright .right { margin-top:15px; }

.sub-hero { padding:50px 0 20px 0; }

.form-item { width:100%; padding-bottom:20px; }

}



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

.nav-icon { width:60px; margin-right:10px; }
.nav-icon::after { display:none; }
#logo img { padding:8px 0; }

.slider-hero-item picture img { padding:10% 0; }
.slider-hero-title strong { font-size:21px; line-height:30px; }

}



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

#logo img { padding:10px 0; }

}