.coolfont {
    font-family: "saffran", sans-serif;
    font-style: normal;
    font-weight: 400;
}
body:before {
    content: "xs";
    display: none; /* Prevent from displaying. */
}

@media (min-width: 576px) {
body:before {
    content: "sm";
}
}

@media (min-width: 768px) {
body:before {
    content: "md";
}
}

@media (min-width: 992px) {
body:before {
    content: "lg";
}
}

@media (min-width: 1200px) {
body:before {
    content: "xl";
}
}
/* A bit of fluff */
::selection {
    background: #ca322c;
    color: white;
}
.breakpoint {
    background-color: #ca322c;
    color: white;
    display: inline-block;
    padding: 2px 4px;
}
body {
    background-color: #FFFFFF;
    font-family: "montserrat", sans-serif;
    font-style: normal;
    font-weight: 400;
}
#LeftNav {
    position: fixed;
    width: 50px;
    z-index: 1100;
    height: 100%;
    top: 0px;
    background-repeat: repeat-y;
    background-position: right top;
    background-size: 500px 12px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 10px 0 20px rgba(0,0,0,.2);
    box-shadow: 10px 0 20px rgba(0,0,0,.2);
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0px;
    padding-left: 0px;
}
#MainContent {
    background-color: rgba(255,255,255,1.00);
    position: absolute;
    width: 725px;
    z-index: 50;
    margin-left: 50px;
    min-height: 100%;
    -webkit-box-shadow: 10px 0 20px rgba(0,0,0,.2);
    box-shadow: 10px 0 20px rgba(0,0,0,.2);
}
#SideBarAux {
    background-color: #0c1920;
    position: absolute;
    width: 10px;
    z-index: 25;
    margin-left: 775px;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

@media (max-width: 575px) {
#SideBarAux {
    display: none;
}
}

@media (min-width: 576px) {
#SideBarAux {
    width: 0px;
}
}

@media (min-width: 768px) {
#SideBarAux {
    width: 175px;
}
.RightH {
    height: 175px;
}
}

@media (min-width: 992px) {
#SideBarAux {
    width: 250px;
}
.RightH {
    height: 250px;
}
}

@media (min-width: 1200px) {
#SideBarAux {
    width: 300px;
}
.RightH {
    height: 300px;
}
}

@media (min-width: 1400px) {
#SideBarAux {
    width: 400px;
}
.RightH {
    height: 400px;
}
}

@media (min-width: 1600px) {
#SideBarAux {
    width: 500px;
}
.RightH {
    height: 500px;
}
}
.Nav_Logo {
    position: absolute;
    bottom: 0px;
}
.MainH {
    background-color: rgba(0,0,0,0.61);
}
.RightH {
    background-color: rgba(0,0,0,0.61);
    display: flex;
    align-items: center;
    justify-content: center;
}
.RightH img {
    opacity: 0.25;
    transition: opacity .6s;
}
.RightH img:Hover {
    opacity: 1;
}
.portflex {
    width: 100%;
    Height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.portoverlay {
    position: absolute;
    width: 50%;
    border-radius: 8px;
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 10px 0 20px rgba(0,0,0,.2);
    box-shadow: 10px 0 20px rgba(0,0,0,.2);
    text-align: center;
    padding-top: 2%;
    padding-right: 2%;
    padding-left: 2%;
    padding-bottom: 2%;
    opacity: 0;
    transition: opacity .6s;
    background-color: rgba(0,0,0,0.85);
    z-index: 1000;
    color: #FFFFFF;
}
.portoverlay a {
    color: #FFFFFF;
}
.portoverlay p {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.RightH:hover .portoverlay {
    opacity: 1;
}
.transback{background-color: rgba(255,255,255,.10);}
.TempBttn {
    margin: 5px;
    height: 40px;
    width: 40px;
    float: left;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #0c1920;
}
.TempBttn:hover {
    background-color: rgba(0,0,0,0.05);
    color: #0c1920;
}
#Story1 {
    background-image: url(../img/StampBackgroundBW.gif);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-position: center top;
    overflow: hidden;
    position: relative;
    background-repeat: repeat;
}
#Story1_Short{   background-image: url(../img/StampBackgroundBW.gif);
    background-repeat: repeat;

    display: flex;
    align-items: center;
    justify-content:center;
    background-position: center bottom;
    overflow: hidden;
    position: relative;
padding-top: 50px;
padding-bottom: 50px;
	
}


.Story1_Textbox {
    max-width: 90%;
    background-color: rgba(255,255,255,.70);
    border-radius: 8px;
    border: 3px solid #FFFFFF;
    -webkit-box-shadow: 5px 0 20px rgba(0,0,0,.2);
    box-shadow: 5px 0 20px rgba(0,0,0,.2);
    text-align: center;
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    z-index: 200;
	margin-right: 5%;
}

@media (min-width: 575px) {.Story1_Textbox { width: 80%; background-color: rgba(255,255,255,.60); }}
@media (min-width: 768px) {.Story1_Textbox { width: 70%; background-color: rgba(255,255,255,.50); }}
@media (min-width: 992px) {.Story1_Textbox { width: 60%; background-color: rgba(255,255,255,.40); }}
@media (min-width: 1200px) {.Story1_Textbox { width: 50%; background-color: rgba(255,255,255,.30); }}
@media (min-width: 1400px) {.Story1_Textbox { width: 40%; background-color: rgba(255,255,255,.20); }}
@media (min-width: 1600px) {.Story1_Textbox { width: 30%; background-color: rgba(255,255,255,.10); }}
	
	
	
	
	
	
	
	
#Story2 {
    background-image: -webkit-linear-gradient(270deg, rgba(1,74,129,1.00) 0%, rgba(229,229,229,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(1,74,129,1.00) 0%, rgba(229,229,229,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(1,74,129,1.00) 0%, rgba(229,229,229,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(1,74,129,1.00) 0%, rgba(229,229,229,1.00) 100%);
    padding-top: 30px;
    padding-bottom: 30px;

}
.socialbtnAnm1, .socialbtnAnm2, .socialbtnAnm3, .navlogoAnm1 {
    opacity: 0;
}




#SlideoutNav {
	display: none;
	z-index: 990;

}

#SlideoutNav.open {

    position: fixed;
	z-index: 990;
	display: block;


}
#NavBlind {
    position: absolute;
    z-index: 1000;

    background-color: rgba(54,54,54,1.00);

}
#NavBlind.open {
    left: 0px;

}
#NavMenu {
    background-color: rgba(255,255,255,1.0);
    position: absolute;
    z-index: 1010;
    width: 0px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
#NavMenu.open {

width: 400px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
	    padding-left: 50px;
	padding-top: 25px;
}
#NavMenu Nav {

width: 350px;
	padding-left: 25px;
	padding-right: 25px;
  
}
.NavEagle{

    z-index: 1110;
    position: absolute;
    bottom: 0px;


}



#nav-icon1 {
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
#nav-icon1 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 22px;
    margin-left: 10px;
    background: #000000;
    border-radius: 3px;
    opacity: 1;
    left: center;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
    top: 12px;
}
#nav-icon1 span:nth-child(2) {
    top: 18px;
}
#nav-icon1 span:nth-child(3) {
    top: 24px;
}
#nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
#nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#EagleHead {
    position: absolute;
    z-index: 100;
	left: -60%;
}
@media (min-width: 575px) {#EagleHead { left: -50%; }}
@media (min-width: 768px) {#EagleHead { left: -40%; }}
@media (min-width: 992px) {#EagleHead { left: -30%; }}
@media (min-width: 1200px) {#EagleHead { left: -20%; }}
@media (min-width: 1400px) {#EagleHead { left: -10%; }}
@media (min-width: 1600px) {#EagleHead { left: 0%; }}


.btn-group-wrap {
    text-align: center;
}


#websites_gal a img{
    width: 49%;
    padding-bottom: 40px;
}

@media (max-width: 768px) {
#websites_gal a img{width:99%}
}

#threeD a img{
    width: 49%;
    padding-bottom: 40px;
	padding-left:5px;
	padding-right:5px;
}

@media (max-width: 768px) {
#threeD a img{width:99%}
}


#logo_gal a img{
    width: 32%;
    padding-bottom: 40px;
}

@media (max-width: 768px) {
#logo_gal a img{width:99%}
}




.blueimp-gallery {
  
    background-color: rgba(255,255,255,1.00)!important;
background: #FFFFFF;

}



.blueimp-gallery .prev {

    left: 65px !important;
	
	
	

	
	
   
}





.st0 {
    fill: #6DC7C0;
}
.st1 {
    fill: #4DA0AB;
}
.st2 {
    fill: #3BBCAC;
}
.st3 {
    fill: #A2D2A8;
}
.st4 {
    fill: #B0DAB4;
}
.st5 {
    fill: #8BCDAF;
}
.st6 {
    fill: #9ED3B0;
}
.st7 {
    fill: #B3DDD4;
}
.st8 {
    fill: #19514E;
}
.st9 {
    fill: #D0E3B5;
}
.st10 {
    fill: #2B7AA0;
}
.st11 {
    fill: #1F99C8;
}
.st12 {
    fill: #0482B9;
}
.st13 {
    fill: #8DD0BB;
}
.st14 {
    fill: #7FCBB9;
}
.st15 {
    fill: #009495;
}
.st16 {
    fill: #18BAB0;
}
.st17 {
    fill: #27316C;
}
.st18 {
    fill: #84C5B0;
}
.st19 {
    fill: #355CA9;
}
.st20 {
    fill: #3060AB;
}
.st21 {
    fill: #3357A3;
}
.st22 {
    fill: #163A63;
}
.st23 {
    fill: #32387E;
}
.st24 {
    fill: #1D3564;
}
.st25 {
    fill: #443A80;
}
.st26 {
    fill: #433984;
}
.st27 {
    fill: #38418D;
}
.st28 {
    fill: #584C93;
}
.st29 {
    fill: #453D88;
}
.st30 {
    fill: #6853A2;
}
.st31 {
    fill: #644690;
}
.st32 {
    fill: #6D66AA;
}
.st33 {
    fill: #646EB2;
}
.st34 {
    fill: #5774B8;
}
.st35 {
    fill: #5A71B5;
}
.st36 {
    fill: #0992D1;
}
.st37 {
    fill: #108EBA;
}
.st38 {
    fill: #0E80C3;
}
.st39 {
    fill: #3294A4;
}
.st40 {
    fill: #05859D;
}
.st41 {
    fill: #0094B7;
}
.st42 {
    fill: #40A4C8;
}
.st43 {
    fill: #00AFD3;
}
.st44 {
    fill: #5CCAEE;
}
.st45 {
    fill: #149CD3;
}
.st46 {
    fill: #19234E;
}
.st47 {
    fill: #0D70B6;
}
.st48 {
    fill: #2E62AD;
}
.st49 {
    fill: #3E499E;
}
.st50 {
    fill: #E4F4FC;
}
.st51 {
    fill: #B3E3F9;
}
.st52 {
    fill: #1E2151;
}
.st53 {
    fill: #9DDCF6;
}
.st54 {
    fill: #3EC5F0;
}
.st55 {
    fill: #25B2E7;
}
.st56 {
    fill: #86D3F4;
}
.st57 {
    fill: #1ABFF0;
}
.st58 {
    fill: #059AD6;
}
.st59 {
    fill: #0389C6;
}
.st60 {
    fill: #00ACD4;
}
.st61 {
    fill: #14A2DC;
}
.st62 {
    fill: #2BB3E7;
}
.st63 {
    fill: #23AFE5;
}
.st64 {
    fill: #069DD8;
}
.st65 {
    fill: #586FB4;
}
.st66 {
    fill: #3E6AB2;
}
.st67 {
    fill: #497CBE;
}
.st68 {
    fill: #429FD8;
}
.st69 {
    fill: #43BDED;
}
.st70 {
    fill: #25B5E9;
}
.st71 {
    fill: #5762AC;
}
.st72 {
    fill: #55B3E5;
}
.st73 {
    fill: #728AC5;
}
.st74 {
    fill: #5986C4;
}
.st75 {
    fill: #07BDF0;
}
.st76 {
    fill: #6A79B9;
}
.st77 {
    fill: #5F90CB;
}
.st78 {
    fill: #1491D0;
}
.st79 {
    fill: #23A0DA;
}
.st80 {
    fill: #66BFE7;
}
.st81 {
    fill: #1AA3DD;
}
.st82 {
    fill: #64CBF2;
}
.st83 {
    fill: #44C0EC;
}
.st84 {
    fill: #097EC2;
}
.st85 {
    fill: #57A9DC;
}
.st86 {
    fill: #64CCF5;
}
.st87 {
    fill: #23BAEC;
}
.st88 {
    fill: #178CCC;
}
.st89 {
    fill: #5068AF;
}
.st90 {
    fill: #2D4F93;
}
.st91 {
    fill: #28539B;
}
.st92 {
    fill: #55C9F3;
}
.st93 {
    fill: #83A0D3;
}
.st94 {
    fill: #506EB4;
}
.st95 {
    fill: #8B70B0;
}
.st96 {
    fill: #8973B3;
}
.st97 {
    fill: #6365AD;
}