@charset "utf-8";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td { padding:0; margin:0; }
a{ text-decoration:none; }
table { border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
strong{ font-weight: bold; }
ol,ul { list-style: none; margin:0; padding:0; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#000;
}
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/*
ARCHER FONT STYLES
All titles and links are Archer Small Caps
Testimonials are Archer Book Italic lowercase

Archer ScreenSmart Book SmallCapsnormal, italic, bold
font-family: "Archer SSm A", "Archer SSm B";
font-style: normal; OR font-style: italic;
font-weight: 500; OR font-weight: 800;

Archer ScreenSmart Book LowerCase normal, italic, bold
font-family: "Archer SSm LC A", "Archer SSm LC B";
font-style: normal; OR font-style: italic;
font-weight: 500; OR font-weight: 800;
*/

/* Custom CSS
 * --------------------------------------- */
body{ font-family:"adobe-garamond-pro", Georgia, "Times New Roman", Times, serif; color:#231f20; }

#headerWhite{ position:fixed; top:0px; left:0px; width:100%; height:22px; display:block; background:#fff; z-index:9; }
#header{ position:absolute; top:0px; width:100%; height:77px; display:block; text-align:center; z-index:8; }
#header h1{ margin:50px 0 0 0; color:#fff; }

#footer{ position:fixed;bottom:0px; width:100%; height:22px; display:block; background:#fff; z-index:9; }

/* Position the image container in the top-left corner */
.top-left {
    position: absolute;   /* Absolute positioning to place it exactly */
    top: -50px;           /* Align it correctly at the top */
    left: 60px;           /* Align with the left of the page */
    z-index: 10;          /* Ensure it's above other elements */
}

/* Ensure the image maintains aspect ratio and looks sharp */
.top-left img {
    width: 100%;          /* Make the image fill the container */
    height: 100%;         /* Make the image fill the container */
    object-fit: contain;  /* Make sure the image is fully visible */
}

/* Ensure the <a> tag wraps the image and makes it clickable */
#unique-link {
    display: block;       /* Make the <a> tag a block-level element */
    width: 500px;         /* Set the width of the <a> to match the image */
    height: 245px;        /* Set the height of the <a> to match the image */
    background: none;     /* Remove background */
    cursor: pointer;     /* Show pointer cursor */
    position: absolute;   /* Position the <a> tag */
    top: 0;               /* Align <a> tag with the image */
    left: 0;              /* Align <a> tag with the image */
}

/* Ensure the image fills the <a> tag completely */
#unique-link img {
    display: block;       /* Remove space below the image */
    width: 100%;          /* Image should take up the full width of the <a> tag */
    height: 100%;         /* Image should take up the full height of the <a> tag */
    object-fit: contain;  /* Keep the whole image visible without distortion */
}

.blockRight2{ position:relative; padding:60px 25px; width:500px; height:200px; left:35%; 
 justify-content: center; /* Centers the content horizontally */
    align-items: center;     /* Centers the content vertically */}

.blockRight{ position:relative; padding:50px 25px; width:375px; left:50%; background:#fff; }

.blockLeft{ position:relative; padding:50px 25px; width:375px; float:right; margin-right:50%; background:#fff; }

.blockTxt{ position:relative; display:table-cell; vertical-align:middle; width:375px; text-align:left; }

.contact{ position:relative; padding:0 30px; width:327px; height:387px; color:#fff; background:#ed1c24; }
.contactTxt{ position:relative; display:table-cell; vertical-align:middle; width:327px; height:387px; text-align:left; }

.subTitle{position:absolute;top:20%;left:42%;}

h1{	margin:0 0 20px 0; color:#ed1c24; font-family:"Archer SSm A", "Archer SSm B"; letter-spacing:1px; font-style:normal; font-weight:800; }

h1 {
  font-size: 1.6em; 
 }

h2 {
  font-size: 1.4em; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 0.8em; 
}

h6 {
  font-size: 0.6em; 
}

p {
  font-size: 1.3em; 
 }


p, ul{ margin:0 0 20px 0; font-size:1.3em; line-height:1.2em; letter-spacing:-0.2px; }
.archer{ margin:40px 0 20px 0; font-family:"Archer SSm A", "Archer SSm B"; font-style:normal; font-weight:800; font-size:1em; line-height:1.2em; }

.section{ background-size:cover; padding:0; }
.slide{ background-size:cover; }

/* Defining each section background and styles
* --------------------------------------- */
#section0{ background-image: url(img/bg0.jpg); text-align:center; }

#box { position:relative; width:30%; height:96%; background:url(img/red-box.png ) center no-repeat;   display: inline-block; /* Ensures the container matches the image size */
    overflow: hidden;}
    
#box2 { position:relative; width:100%; height:100%; center no-repeat;
    top: 100px;
}
    
#box img{ position:relative; top:70%; }



#bottom-half-link {
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 100%;
    height: 18%; /* Cover the bottom half */
    text-decoration: none; /* Remove underline */
    z-index: 10; /* Ensure it is on top */
}


#section1{ background:#88d8ed; text-align:center; }
#section1 h1, #section1 p{ color:#fff; }

#section2{ background-image: url(img/bg2.jpg); }
#section3{ }
  #slide3-1{ background-image: url(img/bg3.jpg); }  
  #slide3-2{ background:#f9fafc; }

#section4{ }
  #slide4-1{ background-image: url(img/bg4.jpg); }
  #slide4-2{ background-image: url(img/bg4-2.jpg); }
  #slide4-3{ background-image: url(img/bg4-2.jpg); }
  #slide4-2 h1, #slide4-2 p, #slide4-3 p{ color:#fff; }  
  #slide4-4{ background:#000; }
  
#section5{ }
  #slide5-1{ background-image: url(img/bg5.jpg); }
  #slide5-2{ background-image: url(img/bg5-2.jpg); }
  #slide5-3{ background-image: url(img/bg5-2.jpg); }
  #slide5-2 h1, #slide5-2 p, #slide5-3 p{ color:#fff; }
  #slide5-4{ background:#000; }
  
#section6{ }
  #slide6-1{ background-image: url(img/bg6.jpg); }
  #slide6-2{ background:#f9fafc; }
  
#section7{ }
  #slide7-1{background-image: url(img/bg7.jpg); }
  #slide7-2, #slide7-3{ background-image: url(img/bg7-2.jpg); }
  #slide7-2 h1, #slide7-2 p{ color:#fff; }
  #slide7-3 h1, #slide7-3 p{ color:#fff; }
  #slide7-4{ background-image: url(img/bg7-3.jpg); background-position: center center; background-repeat: no-repeat; background-size: contain;}
  
#section8{ background-image: url(img/bg8.jpg);}
#section8 h1, #section8 p, #section8 ul{ color:#fff; }

#section9{ background-image: url(img/bg9.jpg);}
#section9 h1, #section9 p, #section9 ul{ color:#fff; }

#section10{ background:#88d8ed; text-align:center; }
#section10 h1, #section10 p{ color:#fff; }
			   #section10 p{ font-family:"Archer SSm LC A", "Archer SSm LC B"; font-size:1.3em; line-height:1.5em; font-style:italic;}
			   
#section11{  background-image: url(img/bg7.jpg);}
#section11 h1, #section11 p, #section11 a{ color:#fff; }
#section11 a{ padding:0; background:none; }
#section11 .contact{cursor:default;}








a{ color:#ed1c24; padding:7px 30px 0 0; background:url(img/arrow-red-right.png) right bottom no-repeat; cursor:pointer; }
.colRight a{ color:#fff; background:url(img/arrow-white-right.png) right bottom no-repeat; }
a.reviewRight{ color:#fff; background:url(img/arrow-white-right.png) right bottom no-repeat; }
a.reviewLeft{ color:#fff; background:url(img/arrow-white-left.png) right bottom no-repeat; margin-right:100px; }
.hrefSlideNext{}
.hrefSlidePrev{}
h1 a{ padding:0; background:none; color:#fff; }
#box a, .logos a{ padding:0; background:none; }

a.openBox img{display:inline-block;width:25px;height:26px;border:0; }

.lb-nav a.lb-prev, .lb-nav a.lb-next, a.lb-close { padding:0; }

#slide3-2 .logos{ /* position:relative; float:left; width:25%; height:33.5%; text-align:center; */}  

.section .logos {
	position:relative; float:left; width:50%; height:50%; text-align:center; 
}

#slide6-3 .logos {position:relative; float:left; width:50%; height:50%; text-align:center;}
.logoTxt{ position:relative; padding:15% 10% 10% 10%; width:80%; height:75%; text-align:center; color:#fff; background:#000; opacity:0.80; filter:alpha(opacity = 80); display:none; }

.colLeft{ width:40%;min-width:300px;margin:0 10% 0 5%;float:left; }
.colRight{ width:40%;min-width:300px;float:left; }

#myVideo{
  position: absolute;
  right: 0;
  bottom: 0;
  top:0;
  right:0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black; /* in case the video doesn't fit the whole page*/
  background-image: /* our video */;
  background-position: center center;
  background-size: contain;
  object-fit: cover; /*cover video background */
  z-index:3;
}

#menu{ position:absolute; margin:0; padding:20px 0 0 0; width:75px; height:55px; top:22px; left:25px; text-align:center; color:#fff; border:0; background:#ed1c24; z-index:99; cursor:pointer; }
#menuList{ position:absolute; top:22px; left:25px; display:none; padding:20px;width:500px; text-align:left; background:#ed1c24; z-index:111; overflow-y: auto; max-height: 82%; }
#menuList ul{ padding:0; font-family:"Archer SSm A", "Archer SSm B"; font-style:normal; font-weight:800; }
#menuList ul li{ display:block; margin: 5px 0; }
#menuList ul li a{ color:#fff; margin:0; background:none; }
#menuList ul li a:hover{ color: #fff; }
#menuList li ul{ font-size:1em; line-height:1.4em; padding-left:20px; }

/* Slider Arrows */
.fp-controlArrow { width:22px !important; height:24px; background:#fff; border-radius:12px; text-align:center; font-size:50px; line-height:16px; color:#ed1c24;
     -webkit-user-select: none; /* webkit (safari, chrome) browsers */
     -moz-user-select: none; /* mozilla browsers */
     -khtml-user-select: none; /* webkit (konqueror) browsers */
     -ms-user-select: none; /* IE10+ */
     position: absolute;
    z-index: 4;
    top: 55%;
    cursor: pointer;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	border:none;
	}
.fp-controlArrow.fp-prev { padding-right:2px; }
.fp-controlArrow.fp-next { padding-left:2px; }
/*.fp-controlArrow, .fp-controlArrow.fp-prev, .fp-controlArrow.fp-next{display:none;}*/

/*
 * 14.3 - <= 910px
 */
@media screen and (max-width: 56.875em) {

}
/*
 * 14.2 - <= 783px
 */
@media screen and (max-width: 48.9375em) {}

/*
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 
 * 14.1 - >= 710px
 */
@media screen and (min-width: 44.375em) {}

/*
 * 14.2 - <= 783px
 */
@media screen and (max-width: 48.9375em) {}

/*
 * 14.3 - <= 910px
 */
@media screen and (max-width: 56.875em) {}

/*
 * 14.4 - >= 985px
 */
@media screen and (min-width: 61.5625em) {}

/*
 * 14.5 - >= 1200px
 */
@media screen and (min-width: 75em) {}

/*
 * 15.0 - Print
 */
@media print {}

.blockRight2 {
	margin-top: 250px;
}

.inner-div {
	padding: 15px;
}

#section11 .blockLeft {
    background: #ed1c24 none repeat scroll 0 0;	
}

.content-div {
	padding: 0 25%;
}

.archer .white-arrow{ color:#fff; background:url(img/arrow-white-right.png) right bottom no-repeat; }

#section9 .fp-next { background: #FFF;}

.video-box {
	padding: 10%;
	height: 100%;
}

#section9 .fp-next {
	background: url(img/arrow-white-right.png) no-repeat left center !important;
}

#fullpage {
	padding: 0 25px;
}

.email-link {
	color:#fff;
	padding:0;
	background:none;
}

.td-bank-heading {
	margin:10px 0;color:#fff;
}

.td-bank-list {
	list-style:disc;
	margin-left:25px;
}

.fabulous-list {
	float:left;margin-right:10%;
}