/*reset css */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
/*	font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.container {max-width: 1200px; width: 100%;}

.outln, input, select, button:focus, *:focus {-moz-outline: 0; outline: 0;} 

.medium-font-all {font-size: 110% !important;}
.huge-font-all {font-size: 120% !important;}

/* :focus {outline: 2px solid #ff0000 !important;} */

body.user-is-tabbing :focus {
  outline: 2px solid #ff0000;
}

body:not(.user-is-tabbing) :focus {
  outline: none;
}

:root {
  --main-color-1: #101a43; 
  /* --main-color-1: #006f53; */
  --main-color-2: #1f3d6b;
  --main-color-3: #808080;
  --footer-color: #1f3d6b;

  --url-color: #1f3d6b;
  /* --main-color-2: #1F3D6B; */
  --white: #fff;
  --gray-1: #efe9e0;
  --gray-2: #f4f4f4;
  --black-1: #0d0d0d;

  --f8: 0.5rem;
  --f9: 0.5625rem;
  --f10: 0.625rem;
  --f11: 0.6875rem;
  --f12: 0.75rem;
  --f13: 0.8125rem;
  --f14: 0.875rem;
  --f15: 0.9375rem;
  --f16: 1rem;
  --f17: 1.0625rem;
  --f18: 1.125rem;
  --f19: 1.1875rem;
  --f20: 1.25rem;
  --f21: 1.3125rem;
  --f22: 1.375rem;
  --f23: 1.4375rem;
  --f24: 1.5rem;
  --f25: 1.5625rem;
  --f26: 1.625rem;
  --f27: 1.6875rem;
  --f28: 1.75rem;
  --f29: 1.8125rem;
  --f30: 1.875rem;
  --f31: 1.9375rem;
  --f32: 2rem;
  --f33: 2.0625rem;
  --f34: 2.125rem;
  --f35: 2.1875rem;
  --f36: 2.25rem;
  --f37: 2.3125rem;
  --f38: 2.375rem;
  --f39: 2.4375rem;
  --f40: 2.5rem;
  --f50: 3.125rem;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Manrope-Regular.ttf) format('truetype');  
}


@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Manrope-SemiBold.ttf) format('truetype');  
}

@font-face {
  font-family: 'Martel';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Martel-Regular.ttf) format('truetype');  
}

@font-face {
  font-family: 'Martel';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Martel-DemiBold.ttf) format('truetype');  
}


@font-face {
  font-family: 'Martel';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Martel-Bold.ttf) format('truetype');  
}

@font-face {
font-family: 'MartelSans';
font-style: normal;
font-weight: 400;
src: url(../fonts/MartelSans-Regular.ttf) format('truetype');  
}

@font-face {
  font-family: 'MartelSans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/MartelSans-Bold.ttf) format('truetype');  
}

@font-face {
  font-family: 'fa-regular';
  font-style: normal;
  font-weight: 400;
  /*src: url(../fonts/fa-solid-900.ttf) format('truetype'), url(../fonts/fa-brands-400.ttf) format('truetype'), url(../fonts/fa-regular-400.ttf) format('truetype');*/
  src: url(../webfonts/) format('truetype'); 
}

@font-face {
  font-family: 'fa-brands';
  font-style: normal;
  font-weight: 400;
  src: url(../webfonts/fa-brands-400.ttf) format('truetype');  
}

@font-face {
  font-family: 'fa-solid';
  font-style: normal;
  font-weight: 400;
  src: url(../webfonts/fa-solid-900.ttf) format('truetype');  
}

.h-1 {font-size: var(--f28); font-weight: 700; line-height: 1.3em; margin-bottom: 30px;}
.h-2 {font-size: var(--f24); font-weight: 600; line-height: 1.3em; padding-bottom: 20px; margin-bottom: 35px; position: relative;}
.h-2:before {content: ''; width: 110px; height: 2px; background-color: var(--main-color-2); position: absolute; bottom: 0; left: 0; display: block;}
.h-3, .article-txt .h-3 {font-size: var(--f20);}

.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}

.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}

.btn-1 {display: inline-block; padding: 10px 19px 10px 22px; border: 1px solid var(--main-color-2); border-radius: 18px; background: none; line-height: 1.2em; color: var(--main-color-2); text-transform: uppercase; font-size: var(--f12); font-weight: 700; background-color: #fff;}
.btn-1 span {position: relative; padding-right: 13px;}
.btn-1 span:before {content: '\f054'; font-family: fa-solid; font-size: var(--f10); position: absolute; top: 3px; right: 0; transition-duration: 0.3s;}
.btn-1:hover {color: #fff; text-decoration: none; background-color: var(--main-color-2);}
.btn-1:hover span:before {right: -5px;  color: #fff;}

.center-cnt {display: flex; justify-content: center;}




/* .btn-1:hover {} */