@charset "utf-8";
/* CSS Document */
/* CSS Document © 2024 Digimax.co.uk */

::-moz-selection{ background:#1f1f1f; color:#ffffff; text-shadow:none;}
::selection { background:#1f1f1f; color:#ffffff; text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, textarea, input { transition:all 0.25s ease-out 0s; margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: "DM Sans", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#504f50; background:#f5f4ed; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden;}
:root { overflow-y: scroll;}
a { text-decoration:none; transition:all 0.25s ease-out 0s;}
p, p span { font-family: "DM Sans", sans-serif;}
img { border:0px;}
ol, ul, li{ 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;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:#000000;
}
::-moz-placeholder { 
  color:#000000;
}
:-ms-input-placeholder {
  color:#000000;
}
:-moz-placeholder {
  color:#000000;
}

.header-wrapp, .linker-wrapp, .banner-wrapp, .contact-wrapp, .footer-wrapp, .stories-wrapp { width:100%; float:left;}
.margin { width:100%; max-width:1220px; margin:auto;}

/*header-wrapp*/
.header-wrapp { background:#012c4a; padding:8px 0;}
.header-wrapp p { float:none; font-size:13px; font-weight:400; color:#012c4a; line-height:1.38; margin:0 0 24px;}
.header-wrapp p a { color:#012c4a;}
.header-wrapp p span { display:block;}
.header-wrapp p strong { font-weight:700;}
.header-wrapp .header-col1 { width:auto; float:left; margin:16px 0 0;}
.header-wrapp .header-col1 img { width:100%; display:block;}
.header-wrapp .header-col1 .header-row1 { width:100%; float:left;}
.header-wrapp .header-col1 .header-row1 li { float:left; margin:0 0 0 13px; position:relative;}
.header-wrapp .header-col1 .header-row1 li:first-child { margin-left:0;}
.header-wrapp .header-col1 .header-row1 li:hover a { color:#ff5e04;}
.header-wrapp .header-col2 { width:auto; float:right; margin:0 0 0;}
.header-wrapp .header-col2 img { width:100%; display:block;}
.header-wrapp .header-btn1 { float:none; width:158px; color:#f5f4ed; font-weight:400; border-color:#f5f4ed; margin:0 0 0 7px; padding:12px 2% 14px;}
.header-wrapp .header-btn1:hover { color:#ffffff; background:#ff5e04;}
.header-row1 li, .header-row1 li a { font-size:13px; font-weight:400; color:#ffffff;}

/*linker-wrapp*/
.linker-wrapp { text-align:center; background:none; padding:40px 0 23px; position:relative; z-index:9;}
.linker-wrapp p { float:none; font-size:13px; font-weight:400; color:#012c4a; line-height:1.38; margin:0 0 24px;}
.linker-wrapp p a { color:#012c4a;}
.linker-wrapp p span { display:block;}
.linker-wrapp p strong { font-weight:700;}
.linker-wrapp .linker-col1 { width:270px; float:none; margin:0 auto 22px;}
.linker-wrapp .linker-col1 img { width:100%; display:block;}
.linker-wrapp .linker-col1 .linker-row1 { width:100%; float:none;}
.linker-wrapp .linker-col2 { width:100%; float:left;}
.linker-wrapp .linker-col2 img { width:100%; display:block;}
.linker-wrapp .linker-col2 .linker-row2 { width:100%; float:left;}
.linker-wrapp .linker-col2 .linker-row2 li { float:none; display:inline-block; position:relative;}
.linker-wrapp .linker-col2 .linker-row2 li a { font-size:16px; font-weight:700; color:#012c4a; display:inline-block; padding:10px 14px; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;}
.linker-wrapp .linker-col2 .linker-row2 li a:hover { color:#ff5e04;}
.linker-wrapp .linker-col2 .linker-row2 li:first-child a { padding-left:0;}
.linker-wrapp .linker-col2 .linker-row2 li:last-child a { padding-right:0;}

/*banner-wrapp*/
.banner-wrapp { background:none; position:relative;}
.banner-wrapp p { float:none; font-size:13px; font-weight:400; color:#012c4a; line-height:1.38; margin:0 0 24px;}
.banner-wrapp p a { color:#012c4a;}
.banner-wrapp p span { display:block;}
.banner-wrapp p strong { font-weight:700;}
.banner-wrapp h2 { font-size:87px; font-weight:400; color:#f5f4ed; line-height:1.07; margin:0 0;}
.banner-wrapp h2 a { color:#f5f4ed;}
.banner-wrapp h2 span { display:block;}
.banner-wrapp h3 { font-size:22px; font-weight:400; color:#f5f4ed; line-height:1.5; margin:0 0 20px;}
.banner-wrapp h3 a { color:#f5f4ed;}
.banner-wrapp h3 span { display:block;}
.banner-wrapp .banner-col1 { width:100%; float:left; position:relative;}
.banner-wrapp .banner-col1 img { width:100%; display:block;}
.banner-wrapp .banner-col2 { width:100%; float:none; position:absolute; left:0; right:0; top:40%; transform:translateY(-50%); margin:0 auto; padding:0 97px;}
.banner-wrapp .banner-col2 img { width:100%; display:block;}
.banner-wrapp .banner-col3 { width:100%; max-width:1220px; float:none; position:absolute; left:0; right:0; bottom:60px; margin:0 auto; padding:0 97px;}
.banner-wrapp .banner-col3 img { width:100%; display:block;}
.banner-wrapp .banner-col3 ul { width:100%; float:left;}
.banner-wrapp .banner-col3 ul li { width:100%; float:left; font-size:18px; color:#f5f4ed; line-height:1.83;}
.banner-wrapp h2, .banner-wrapp h2 span, .banner-wrapp h3, .banner-wrapp h3 span { font-family: "Platypi", serif;}

/*contact-wrapp*/
.contact-wrapp { background:#f5f4ed; text-align:center; padding:70px 0 53px;}
.contact-wrapp p { float:none; font-size:13px; font-weight:400; color:#012c4a; line-height:1.38; margin:0 0 24px;}
.contact-wrapp p a { color:#012c4a;}
.contact-wrapp p span { display:block;}
.contact-wrapp p strong { font-weight:700;}
.contact-wrapp h2 { font-size:30px; font-weight:400; color:#012c4a; line-height:1.13; margin:0 0 28px;}
.contact-wrapp h2 a { color:#012c4a;}
.contact-wrapp h2 span { display:block;}
.contact-wrapp .contact-col1 { width:100%; max-width:414px; float:none; margin:0 auto;}
.contact-wrapp .contact-col1 img { width:100%; display:block;}
.contact-wrapp .contact-col1 .contact-label { width:100%; float:left; font-size:15px; color:#000000; line-height:1.6; margin:0 0 10px;}
.contact-wrapp .contact-col1 .contact-fil1 { font-weight:400; color:#000000; background:#ffffff; border-color:#ffffff; border-radius:0; resize:none; text-align:left;}
.contact-wrapp .contact-col1 .contact-fil2 { width:100%; height:46px; float:left; margin:0 0 21px; padding:0 20px 0;}
.contact-wrapp .contact-col1 .contact-fil3 { width:100%; height:84px; float:left; margin:0 0 30px; padding:15px 20px 0;}
.contact-wrapp .contact-btn1 { float:none; color:#012c4a; background:none; border-color:#012c4a; margin:0 0 0; padding:18px 75px 16px; cursor:pointer;}
.contact-wrapp .contact-btn1:hover { color:#ffffff; background:#ff5e04; border-color:#ff5e04;}
.contact-wrapp h2, .contact-wrapp h2 span { font-family: "Platypi", serif;}

/*footer-wrapp*/
.footer-wrapp { background:#012c4a; padding:17px 0; text-align:center;}
.footer-wrapp p { float:none; font-size:14px; font-weight:400; color:#ffffff; letter-spacing:normal; line-height:2; margin:0 0 16px;}
.footer-wrapp p a { color:#ffffff;}
.footer-wrapp p span { display:block;}
.footer-wrapp p strong { font-weight:700;}
.footer-wrapp .footer-col1 { width:100%; float:left; margin:0 0 0 0;}
.footer-wrapp .footer-col1 img { width:100%; display:block;}
.footer-wrapp .footer-col1 .footer-row1 li { float:none; display:inline-block;}
.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { margin:0 2px;}
.footer-wrapp .footer-col1 .footer-row1 li:hover a { color:#ff5e04;}
.footer-row1 li, .footer-row1 li a { font-size:14px; font-weight:400; color:#f5f4ed; line-height:2.5;}

/*stories-wrapp*/
.stories-wrapp { text-align:center; position:relative; padding:0 0 50px;}
.stories-wrapp p { float:none; font-size:14px; color:#000000; letter-spacing:normal; line-height:24px; margin:0 0 16px;}
.stories-wrapp p a { color:#000000;}
.stories-wrapp p span { display:block;}
.stories-wrapp p strong { font-weight:700;}
.stories-wrapp h2 { font-size:36px; font-weight:400; color:#012c4a; line-height:1.13; margin:0 0 28px;}
.stories-wrapp h2 a { color:#012c4a;}
.stories-wrapp h2 span { display:block;}
.stories-wrapp h3 { font-size:18px; font-weight:700; color:#012c4a; letter-spacing:normal; line-height:1.67; margin:0 0 10px;}
.stories-wrapp h3 a { color:#012c4a;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp h4 { font-size:14px; font-weight:700; color:#012c4a; letter-spacing:normal; line-height:1.67; margin:0 0 5px;}
.stories-wrapp h4 a { color:#012c4a;}
.stories-wrapp h4 span { display:block;}
.stories-wrapp .stories-col1 { width:100%; float:right; margin:0 0 0;}
.stories-wrapp .stories-col1 img { width:100%; display:block;}
.stories-wrapp .stories-col1 .stories-row1 { width:57.3%; float:right;}
.stories-wrapp .stories-col2 { width:100%; float:left; background:#ffffff; border:2px solid #012c4a; padding:69px 5% 80px; margin:0 0 0; position:relative;}
.stories-wrapp .stories-col2 img { width:100%; display:block;}
.stories-wrapp .stories-col2 ul { width:100%; float:left; margin:0 0 26px;}
.stories-wrapp .stories-col2 .stories-row2 { width:38.8%; float:left; position:absolute; bottom:0; left:0;}
.stories-wrapp .story-table { width:100%; float:left; margin:0 0 26px;}
.stories-wrapp .story-table table { width:100%; float:left;}
.stories-wrapp .story-table table tr td  { font-size:14px; color:#000000; font-weight:400; letter-spacing:normal; line-height:24px;}
.stories-wrapp .story-table2 { width:100%; float:left;}
.stories-wrapp .story-table2 table { width:100%; float:left;}
.stories-wrapp .story-table2 table tr td  { font-size:14px; color:#000000; font-weight:400; letter-spacing:normal; line-height:24px;}
.stories-box1 { width:100%; float:left; margin:24px 0 0;}
.stories-box1 li { float:none; display:inline-block; margin:0 0 0;}
.stories-box1 li span { width:48.5px; float:left; margin:-20px 7.5px 0 0;}
.stories-box1 li, .stories-box1 li a { font-size:14px; color:#000000; font-weight:400; letter-spacing:normal; line-height:24px;}
.stories-wrapp h2, .stories-wrapp h2 span { font-family: "Platypi", serif;}

/*mobile-css*/
.header-wrapp .linker-col1 { width:270px; float:none; margin:0 auto 15px; display:none;}
.header-wrapp .linker-col1 img { width:100%; display:block;}
.header-wrapp .linker-col1 .linker-row1 { width:100%; float:none;}

/*btn-css*/
.header-btn1, .contact-fil1, .contact-btn1 { text-align:center; font-size:14px; font-weight:700; border:2.5px solid; border-radius:39px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; z-index:9;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.margin { width:90%;}

.header-wrapp { padding:65px 0 40px; text-align:center;}
.header-wrapp .header-col1 { width:100%;}
.header-wrapp .header-col1 .header-row1 li { width:100%; margin:0 0 10px;}
.header-wrapp .header-col1 .header-row1 li:nth-child(2n) { display:none;}
.header-wrapp .header-col2 { width:100%; margin:20px 0 0;}
.header-wrapp .header-btn1 { width:48%; float:left; margin:0;}
.header-wrapp .header-btn1:last-child { float:right;}

.linker-wrapp { padding:25px 0 25px;}
.linker-wrapp .linker-col1 { display:none;}
.linker-wrapp .linker-col2 .linker-row2 li a { font-size:14px; padding:6px 8px;}

.banner-wrapp { text-align:center;}
.banner-wrapp h2 { font-size:38px;}
.banner-wrapp h3 { color:#012c4a;}
.banner-wrapp .banner-col2 { padding:0 2%; top:50%;}
.banner-wrapp .banner-col3 { position:relative; bottom:inherit; padding:32px 0 0; float:left;}
.banner-wrapp .banner-col3 ul li { font-size:16px; color:#000000;}

.contact-wrapp { padding:50px 0 55px;}

.footer-wrapp .footer-col1 .footer-row1 li { width:100%;}
.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none;}
.footer-row1 li, .footer-row1 li a { font-size:12px;}

.stories-wrapp { text-align:center; padding:60px 0 60px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:13px; line-height:normal; margin:0 0 14px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; line-height:1.67; margin:0 0 20px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col1 { width:100%; margin:0 0 0;}
.stories-wrapp .stories-col1 .stories-row1 { width:100%; padding:40px 5% 32px;}
.stories-wrapp .stories-col2 { width:100%; margin:0 0 0; padding:30px 15px 30px;}
.stories-wrapp .stories-col2 .stories-row2 { width:100%; position:relative; bottom:inherit;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 800px;}
.stories-box1 { width:100%; margin:10px 0 0;}
.stories-box1 li span { width:38.5px; float:none; display:block; margin:0 auto 14px;}

/*mobile-css*/
.header-wrapp .linker-col1 { display:block;}
	
}

@media screen and (min-width:481px) and (max-width:600px) {
.margin { width:90%;}

.header-wrapp { padding:65px 0 40px; text-align:center;}
.header-wrapp .header-col1 { width:100%;}
.header-wrapp .header-col1 .header-row1 li { width:100%; margin:0 0 10px;}
.header-wrapp .header-col1 .header-row1 li:nth-child(2n) { display:none;}
.header-wrapp .header-col2 { width:100%; margin:20px 0 0;}
.header-wrapp .header-btn1 { width:48%; float:left; margin:0;}
.header-wrapp .header-btn1:last-child { float:right;}

.linker-wrapp { padding:25px 0 25px;}
.linker-wrapp .linker-col1 { display:none;}
.linker-wrapp .linker-col2 .linker-row2 li a { font-size:14px; padding:6px 8px;}

.banner-wrapp { text-align:center;}
.banner-wrapp h2 { font-size:38px;}
.banner-wrapp h3 { color:#012c4a;}
.banner-wrapp .banner-col2 { padding:0 2%; top:50%;}
.banner-wrapp .banner-col3 { position:relative; bottom:inherit; padding:32px 0 0; float:left;}
.banner-wrapp .banner-col3 ul li { font-size:16px; color:#000000;}

.contact-wrapp { padding:50px 0 55px;}

.footer-wrapp .footer-col1 .footer-row1 li { width:100%;}
.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none;}
.footer-row1 li, .footer-row1 li a { font-size:12px;}

.stories-wrapp { text-align:center; padding:60px 0 60px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:13px; line-height:normal; margin:0 0 14px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; line-height:1.67; margin:0 0 20px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col1 { width:100%; margin:0 0 0;}
.stories-wrapp .stories-col1 .stories-row1 { width:100%; padding:40px 5% 32px;}
.stories-wrapp .stories-col2 { width:100%; margin:0 0 0; padding:30px 15px 30px;}
.stories-wrapp .stories-col2 .stories-row2 { width:100%; position:relative; bottom:inherit;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 1200px;}
.stories-box1 { width:100%; margin:10px 0 0;}
.stories-box1 li span { width:38.5px; float:none; display:block; margin:0 auto 14px;}

/*mobile-css*/
.header-wrapp .linker-col1 { display:block;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.margin { width:90%;}

.header-wrapp { padding:65px 0 40px; text-align:center;}
.header-wrapp .header-col1 { width:100%;}
.header-wrapp .header-col1 .header-row1 li { width:100%; margin:0 0 10px;}
.header-wrapp .header-col1 .header-row1 li:nth-child(2n) { display:none;}
.header-wrapp .header-col2 { width:100%; margin:20px 0 0;}
.header-wrapp .header-btn1 { width:48%; float:left; margin:0;}
.header-wrapp .header-btn1:last-child { float:right;}

.linker-wrapp { padding:25px 0 25px;}
.linker-wrapp .linker-col1 { display:none;}
.linker-wrapp .linker-col2 .linker-row2 li a { font-size:14px; padding:6px 8px;}

.banner-wrapp { text-align:center;}
.banner-wrapp h2 { font-size:38px;}
.banner-wrapp h3 { color:#012c4a;}
.banner-wrapp .banner-col2 { padding:0 2%; top:50%;}
.banner-wrapp .banner-col3 { position:relative; bottom:inherit; padding:32px 0 0; float:left;}
.banner-wrapp .banner-col3 ul li { font-size:16px; color:#000000;}

.contact-wrapp { padding:50px 0 55px;}

.footer-wrapp .footer-col1 .footer-row1 li { margin:0 4px;}
.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none;}
.footer-row1 li, .footer-row1 li a { font-size:12px;}

.stories-wrapp { text-align:center; padding:60px 0 60px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:14px; line-height:normal; margin:0 0 14px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; line-height:1.67; margin:0 0 20px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col1 { width:100%; margin:0 0 0;}
.stories-wrapp .stories-col1 .stories-row1 { width:100%; padding:40px 5% 32px;}
.stories-wrapp .stories-col2 { width:100%; margin:0 0 0;}
.stories-wrapp .stories-col2 .stories-row2 { width:100%; position:relative; bottom:inherit;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 1200px;}
.stories-box1 { width:100%; margin:10px 0 0;}
.stories-box1 li span { width:38.5px; float:none; display:block; margin:0 auto 14px;}

/*mobile-css*/
.header-wrapp .linker-col1 { display:block;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.margin { width:94%;}

.header-wrapp .header-col1 .header-row1 li { margin:0 0 0 6px;}
.header-wrapp .header-btn1 { width:inherit; padding:12px 18px 14px;}

.banner-wrapp h2 { font-size:50px;}
.banner-wrapp .banner-col2 { padding:0 32px;}
.banner-wrapp .banner-col3 { width:94%; padding:0 32px; bottom:40px;}

.stories-wrapp { padding:60px 0 45px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:14px; margin:0 0 10px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; margin:0 0 24px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col2 { padding:49px 8.6% 60px;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 1200px;}
.stories-box1 { margin:16px 0 0;}
.stories-box1 li span { width:38.5px; margin:-14px 7.5px 0 0;}
	
}

@media screen and (min-width:901px) and (max-width:1024px) {
.margin { width:94%;}

.header-wrapp .header-btn1 { width:130px;}

.banner-wrapp h2 { font-size:58px;}
.banner-wrapp .banner-col2 { padding:0 42px;}
.banner-wrapp .banner-col3 { width:94%; padding:0 42px; bottom:50px;}

.stories-wrapp { padding:60px 0 45px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:14px; margin:0 0 10px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; margin:0 0 24px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col2 { padding:49px 8.6% 60px;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 1200px;}
.stories-box1 { margin:20px 0 0;}
.stories-box1 li span { width:43.5px; margin:-17px 7.5px 0 0;}
	
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.margin { width:94%;}

.banner-wrapp .banner-col3 { width:94%;}

.stories-wrapp p span { display:inline;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 span { display:block;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {
.margin { width:94%;}

.banner-wrapp .banner-col3 { width:94%;}

.stories-wrapp p span { display:inline;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 span { display:block;}

}

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

}

@media screen and (min-width:1441px) and (max-width:1900px) {
}